/* 日间 / 夜间主题切换（五站共用） */
:root, html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3eee4;
  --bg0: #f3eee4;
  --bg1: #ebe4d8;
  --panel: #fffcf6;
  --panel-2: #f7f1e7;
  --line: rgba(90, 70, 35, .28);
  --gold: #6b4e18;
  --gold-soft: #8a6320;
  --ink: #1a222c;
  --ink-dim: #3d4a56;
  --jade: #166a54;
  --pink: #a34460;
  --blue: #2a628c;
  --orange: #9a5820;
  --green: #286d4c;
  --fire: #b85a3a;
  --done: rgba(22, 106, 84, .12);
  --ink-black: #f3eee4;
  --ink-wash: #ebe4d8;
  --gold-silk: #6b4e18;
  --cloud-white: #1a222c;
  --mist: rgba(26, 34, 44, .08);
  --xuan-paper: #fffcf6;
  --cell: #efe8dc;
  --cell-locked: #e5ddd0;
  --text: #1a222c;
  --text-dim: #3d4a56;
  --accent: #6b4e18;
  --jade-green: #166a54;
}

html[data-theme="light"] body {
  background:
    radial-gradient(900px 480px at 12% -10%, rgba(170,130,50,.12), transparent 55%),
    radial-gradient(700px 420px at 90% 0%, rgba(40,140,110,.07), transparent 50%),
    linear-gradient(180deg, #faf6ef 0%, #f3eee4 45%, #e8dfd0 100%) !important;
  color: var(--ink) !important;
}

/* ========== 通用表面 ========== */
html[data-theme="light"] .tool-menu,
html[data-theme="light"] .slot-panel,
html[data-theme="light"] .cmt-box,
html[data-theme="light"] .cmt-card,
html[data-theme="light"] .account-bar,
html[data-theme="light"] .char-bar,
html[data-theme="light"] .section,
html[data-theme="light"] .hidden-panel,
html[data-theme="light"] .day-card,
html[data-theme="light"] .check-item,
html[data-theme="light"] .dungeon-col,
html[data-theme="light"] .time-note,
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .recipe-card,
html[data-theme="light"] .mat-filter,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .week-wrap,
html[data-theme="light"] .hero,
html[data-theme="light"] .hint-bar {
  background: #fffcf6 !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .22) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.65) inset;
}

html[data-theme="light"] .topbar,
html[data-theme="light"] header {
  background: transparent !important;
  color: var(--ink) !important;
}

html[data-theme="light"] .tool-menu a:hover {
  background: rgba(107, 78, 24, .08) !important;
}

html[data-theme="light"] .cmt-nick,
html[data-theme="light"] .cmt-content,
html[data-theme="light"] .cmt-reply-editor textarea,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .account-bar input,
html[data-theme="light"] input[type="number"],
html[data-theme="light"] input.price {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .28) !important;
}

html[data-theme="light"] .site-brand img {
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
}

/* ========== 按钮 / 顶栏 ========== */
html[data-theme="light"] .zxsj-auth-link,
html[data-theme="light"] .zxsj-theme-btn,
html[data-theme="light"] .tool-switch > summary,
html[data-theme="light"] .btn,
html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .day-jump button,
html[data-theme="light"] .sub-nav a {
  color: #5a4014 !important;
  border-color: rgba(90, 70, 35, .35) !important;
  background: #fff !important;
}

html[data-theme="light"] .btn:hover,
html[data-theme="light"] .day-jump button:hover,
html[data-theme="light"] .day-jump button.active,
html[data-theme="light"] .sub-nav a:hover,
html[data-theme="light"] .sub-nav a.on {
  color: #1a1408 !important;
  background: linear-gradient(180deg, #e2c07a, #b8914a) !important;
  border-color: transparent !important;
}

html[data-theme="light"] .btn-primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] .cmt-btn-primary {
  color: #1a1408 !important;
  background: linear-gradient(180deg, #d4ae5e, #a67c32) !important;
  border: 0 !important;
  font-weight: 700;
}

/* 机巧盘裸 button：深灰底 → 白底深字 */
html[data-theme="light"] button:not(.cmt-btn):not(.cmt-like):not(.cmt-reply-btn):not(.hide-btn):not(.zxsj-auth-btn):not(.zxsj-theme-btn) {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .3) !important;
}
html[data-theme="light"] button:not(.cmt-btn):not(.cmt-like):not(.cmt-reply-btn):not(.hide-btn):not(.zxsj-auth-btn):not(.zxsj-theme-btn):hover {
  color: var(--ink) !important;
  border-color: rgba(107, 78, 24, .55) !important;
  background: #f7f0e4 !important;
}
html[data-theme="light"] button.primary,
html[data-theme="light"] .mode-toggle button.on {
  color: #1a1408 !important;
  background: linear-gradient(180deg, #d4ae5e, #a67c32) !important;
  border: 0 !important;
}

html[data-theme="light"] .zxsj-auth-user,
html[data-theme="light"] .zxsj-auth-user b,
html[data-theme="light"] .zxsj-auth-btn,
html[data-theme="light"] .page-head .desc,
html[data-theme="light"] .account-bar .status,
html[data-theme="light"] .char-bar .label,
html[data-theme="light"] .char-bar .char-meta,
html[data-theme="light"] .footer,
html[data-theme="light"] .defense,
html[data-theme="light"] .site-brand-sub,
html[data-theme="light"] .tool-menu .t-desc,
html[data-theme="light"] .check-item .hint,
html[data-theme="light"] .hidden-panel .hint,
html[data-theme="light"] .cmt-sub,
html[data-theme="light"] .cmt-time,
html[data-theme="light"] .cmt-id,
html[data-theme="light"] .cmt-count,
html[data-theme="light"] .cmt-me,
html[data-theme="light"] .cmt-empty,
html[data-theme="light"] .cmt-reply-to,
html[data-theme="light"] .cmt-login-hint,
html[data-theme="light"] .topbar .sub,
html[data-theme="light"] .topbar h1,
html[data-theme="light"] header .meta,
html[data-theme="light"] header .meta .dot,
html[data-theme="light"] footer,
html[data-theme="light"] footer .hint,
html[data-theme="light"] .filter-group label {
  color: var(--ink-dim) !important;
}

html[data-theme="light"] .zxsj-auth-user b,
html[data-theme="light"] .cmt-me b,
html[data-theme="light"] header .meta .author,
html[data-theme="light"] header .meta .author b,
html[data-theme="light"] header .meta .visits b {
  color: var(--gold) !important;
}

html[data-theme="light"] .zxsj-auth-btn {
  border-color: rgba(90, 70, 35, .3) !important;
  background: #fff !important;
  color: #5a4014 !important;
}
html[data-theme="light"] .zxsj-auth-btn:hover {
  color: var(--gold) !important;
  border-color: rgba(107, 78, 24, .5) !important;
}

html[data-theme="light"] .site-brand-title,
html[data-theme="light"] .page-head h1,
html[data-theme="light"] .cmt-name,
html[data-theme="light"] .cmt-head h2,
html[data-theme="light"] footer b,
html[data-theme="light"] .footer b,
html[data-theme="light"] .defense b {
  color: var(--gold) !important;
}

html[data-theme="light"] .check-item .name,
html[data-theme="light"] .cmt-body,
html[data-theme="light"] .cmt-content,
html[data-theme="light"] .label {
  color: var(--ink) !important;
}

/* ========== 自检表：隐藏按钮在卡片底部，不抢标题 ========== */
html[data-theme="light"] .check-item .hide-btn {
  color: #6b5a38 !important;
  opacity: .75 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 500;
}
html[data-theme="light"] .check-item .hide-btn:hover {
  color: var(--gold) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .day-card .group-lab {
  color: #3d4a56 !important;
  border-left-color: rgba(90, 70, 35, .4) !important;
}
html[data-theme="light"] .day-card .group-lab.ev {
  color: #166a54 !important;
  border-left-color: rgba(22, 106, 84, .55) !important;
}

html[data-theme="light"] .day-card[data-d="1"] .dow { background: #d9efe4 !important; color: #1a5c44 !important; }
html[data-theme="light"] .day-card[data-d="2"] .dow { background: #f3e6c4 !important; color: #6b4e18 !important; }
html[data-theme="light"] .day-card[data-d="3"] .dow { background: #d9e8f6 !important; color: #24567a !important; }
html[data-theme="light"] .day-card[data-d="4"] .dow { background: #f6e2c8 !important; color: #7a4a18 !important; }
html[data-theme="light"] .day-card[data-d="5"] .dow { background: #dcefdc !important; color: #286038 !important; }
html[data-theme="light"] .day-card[data-d="6"] .dow { background: #d8ebf6 !important; color: #245878 !important; }
html[data-theme="light"] .day-card[data-d="7"] .dow { background: #f6dede !important; color: #7a3232 !important; }

html[data-theme="light"] .day-card.today {
  border-color: rgba(22, 106, 84, .55) !important;
  box-shadow: 0 0 0 1px rgba(22, 106, 84, .18) !important;
}

html[data-theme="light"] .sec-pink .section-head { color: #8a3858 !important; }
html[data-theme="light"] .sec-blue .section-head { color: #2a628c !important; }
html[data-theme="light"] .sec-orange .section-head { color: #9a5820 !important; }
html[data-theme="light"] .sec-green .section-head { color: #286d4c !important; }
html[data-theme="light"] .sec-gold .section-head { color: var(--gold) !important; }

html[data-theme="light"] .col-tianxu .col-head { background: #f3d6d6 !important; color: #7a3232 !important; }
html[data-theme="light"] .col-5 .col-head { background: #f3e2c4 !important; color: #7a5820 !important; }
html[data-theme="light"] .col-10n .col-head { background: #d6e6f5 !important; color: #2a628c !important; }
html[data-theme="light"] .col-25 .col-head { background: #f3dcc8 !important; color: #8a4a18 !important; }
html[data-theme="light"] .col-10h .col-head { background: #d8edd8 !important; color: #286d4c !important; }
html[data-theme="light"] .col-other .col-head { background: #ebe1d0 !important; color: #6b4e18 !important; }

html[data-theme="light"] .check-item .counter button {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .35) !important;
}
html[data-theme="light"] .check-item .counter span {
  color: var(--gold) !important;
  font-weight: 700;
}
html[data-theme="light"] .check-item.done {
  background: rgba(22, 106, 84, .1) !important;
  border-color: rgba(22, 106, 84, .35) !important;
}
html[data-theme="light"] .check-item .box {
  background: #fff !important;
  border-color: rgba(90, 70, 35, .35) !important;
}

html[data-theme="light"] .progress-pill,
html[data-theme="light"] .account-bar .status b,
html[data-theme="light"] .defense b {
  color: var(--jade) !important;
}

html[data-theme="light"] .time-note {
  color: #8a3858 !important;
  background: rgba(163, 68, 96, .08) !important;
  border-color: rgba(163, 68, 96, .25) !important;
}
html[data-theme="light"] .time-note b {
  color: #6b4e18 !important;
}

html[data-theme="light"] .deny-modal .panel {
  background: #fffcf6 !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .25) !important;
}
html[data-theme="light"] .deny-modal .msg {
  color: var(--ink) !important;
}
html[data-theme="light"] .deny-modal .btn-makeup {
  color: #5a4014 !important;
  border-color: rgba(90, 70, 35, .35) !important;
  background: #fff !important;
}

/* ========== 评论区 ========== */
html[data-theme="light"] .cmt-like,
html[data-theme="light"] .cmt-reply-btn,
html[data-theme="light"] .cmt-btn {
  color: var(--ink-dim) !important;
  border-color: rgba(90, 70, 35, .28) !important;
  background: #fff !important;
}
html[data-theme="light"] .cmt-like:hover,
html[data-theme="light"] .cmt-reply-btn:hover {
  color: var(--gold) !important;
  border-color: rgba(107, 78, 24, .4) !important;
}
html[data-theme="light"] .cmt-author-badge,
html[data-theme="light"] .zxsj-auth-badge {
  color: var(--gold) !important;
  border-color: rgba(107, 78, 24, .45) !important;
  background: rgba(107, 78, 24, .1) !important;
}

/* ========== 机巧盘 ========== */
html[data-theme="light"] #status {
  background: #f0e9dc !important;
  color: var(--ink-dim) !important;
  border-color: rgba(90, 70, 35, .25) !important;
}
html[data-theme="light"] #status .ok { color: #1f7a4a !important; }
html[data-theme="light"] #status .err { color: #a83838 !important; }
html[data-theme="light"] .affix-col {
  background: #fff !important;
  border-color: rgba(90, 70, 35, .22) !important;
}
html[data-theme="light"] .affix-name {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .28) !important;
}
html[data-theme="light"] .shape-prev {
  background: #ebe4d8 !important;
}
html[data-theme="light"] .cell.active {
  background: linear-gradient(180deg, #d8c9a8, #c4b08a) !important;
  border-color: #a89060 !important;
}
html[data-theme="light"] .cell.locked {
  border-color: #c8bda8 !important;
}
html[data-theme="light"] .nav-bar .counter,
html[data-theme="light"] .badge {
  color: var(--gold) !important;
}

/* ========== GVG ========== */
html[data-theme="light"] .tick {
  background: linear-gradient(180deg, #d9efe4, #e8f5ef) !important;
  border-color: rgba(22, 106, 84, .35) !important;
  box-shadow: none !important;
  animation: none !important;
}
html[data-theme="light"] .tick .n {
  color: #166a54 !important;
}
html[data-theme="light"] .day-tab {
  color: #5a4014 !important;
  background: #fff !important;
  border-color: rgba(90, 70, 35, .28) !important;
}
html[data-theme="light"] .day-tab:hover {
  color: var(--ink) !important;
  border-color: rgba(107, 78, 24, .45) !important;
}
html[data-theme="light"] .day-tab.on {
  color: #1a1408 !important;
  background: linear-gradient(180deg, #d4ae5e, #a67c32) !important;
  border-color: transparent !important;
}
html[data-theme="light"] .wh {
  background: #ebe4d8 !important;
  color: #5a4014 !important;
}
html[data-theme="light"] .wh.today {
  background: linear-gradient(180deg, #c8e8d8, #a8d4c0) !important;
  color: #0f3d2e !important;
}
html[data-theme="light"] .wc {
  background: #fffcf6 !important;
  border-color: rgba(90, 70, 35, .18) !important;
}
html[data-theme="light"] .week-day {
  border-color: rgba(90, 70, 35, .12) !important;
}
html[data-theme="light"] .ev .time,
html[data-theme="light"] .chip .t,
html[data-theme="light"] .chip .p {
  color: #4a3a18 !important;
}
html[data-theme="light"] .ev.current .time,
html[data-theme="light"] .ev.prep-now .time {
  color: #9a3a20 !important;
  font-weight: 700;
}
html[data-theme="light"] .chip.opt {
  border-left-color: #8a8070 !important;
  color: var(--ink-dim) !important;
  background: #f5efe4 !important;
}
html[data-theme="light"] .chip.fire {
  background: rgba(184, 90, 58, .1) !important;
}
html[data-theme="light"] .chip.gold {
  background: rgba(107, 78, 24, .08) !important;
}
html[data-theme="light"] .status-pill.live,
html[data-theme="light"] .tag.live,
html[data-theme="light"] .tag.next {
  color: #9a3a20 !important;
  border-color: rgba(184, 90, 58, .35) !important;
  background: rgba(184, 90, 58, .1) !important;
}

/* ========== 天墟 ========== */
html[data-theme="light"] #filters,
html[data-theme="light"] #results {
  background: #fffcf6 !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="light"] #slot-toggle,
html[data-theme="light"] .attr-option,
html[data-theme="light"] .combo-btn {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(90, 70, 35, .28) !important;
}
html[data-theme="light"] .attr-option:hover,
html[data-theme="light"] .combo-btn:hover {
  background: #f5efe4 !important;
  border-color: rgba(107, 78, 24, .4) !important;
}
html[data-theme="light"] .attr-option:has(input:checked),
html[data-theme="light"] .combo-btn.active {
  background: rgba(107, 78, 24, .1) !important;
  border-color: rgba(107, 78, 24, .45) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .guide-tip,
html[data-theme="light"] .combo-btn-detail,
html[data-theme="light"] .target-detail,
html[data-theme="light"] .dungeon-short,
html[data-theme="light"] .affix-detail,
html[data-theme="light"] .no-result-title,
html[data-theme="light"] .no-result-hint {
  color: var(--ink-dim) !important;
}
html[data-theme="light"] .guide-tip {
  background: #f0e9dc !important;
  border-color: rgba(90, 70, 35, .2) !important;
}
html[data-theme="light"] .guide-tip b,
html[data-theme="light"] thead th {
  color: var(--gold) !important;
}
html[data-theme="light"] #results td,
html[data-theme="light"] #results th,
html[data-theme="light"] .dungeon-name,
html[data-theme="light"] .target-name {
  color: var(--ink) !important;
}
html[data-theme="light"] .batch-chip {
  background: #f0ebe3 !important;
  border: 1px solid rgba(90, 70, 35, .2) !important;
  color: #5a6570 !important;
  font-weight: 500;
}
html[data-theme="light"] .batch-chip.mine {
  background: #f3e0a8 !important;
  border: 1.5px solid #b8914a !important;
  color: #6b4e18 !important;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(184, 145, 74, .25);
}

/* ========== craft ========== */
html[data-theme="light"] .mat-chip:hover {
  color: var(--ink) !important;
  background: #f3ead8 !important;
}
html[data-theme="light"] .field.product label,
html[data-theme="light"] .res.auc .val,
html[data-theme="light"] td.meta .def {
  color: #2a628c !important;
}
html[data-theme="light"] th {
  color: var(--gold) !important;
  background: #f5efe4 !important;
}

/* ========== 主题按钮本身 ========== */
.zxsj-theme-btn {
  cursor: pointer;
  border: 1px solid rgba(226,192,122,.28);
  border-radius: 999px;
  padding: 6px 12px;
  background: rgba(226,192,122,.06);
  color: #e2c07a;
  font-size: 13px;
  letter-spacing: 1px;
  white-space: nowrap;
  flex: none !important;
  width: auto !important;
  max-width: max-content;
}
.zxsj-theme-btn:hover {
  border-color: rgba(226,192,122,.55);
}
html[data-theme="light"] .zxsj-theme-btn {
  color: #5a4014 !important;
  border-color: rgba(90, 70, 35, .35) !important;
  background: #fff !important;
}
.zxsj-theme-btn-float {
  position: fixed !important;
  top: 16px;
  right: 16px;
  z-index: 1000;
  margin: 0 !important;
}
.zxsj-theme-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

/* ========== 全站移动端适配 ========== */
@media (max-width: 720px) {
  .tool-bar,
  .topbar {
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .tool-bar .site-brand,
  .topbar .site-brand {
    flex: 1 1 auto;
    min-width: 0;
  }
  .zxsj-theme-wrap {
    margin-left: 0;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
    gap: 8px;
  }
  .zxsj-auth-bar {
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    max-width: 100%;
  }
  .zxsj-auth-user {
    max-width: 100%;
    word-break: break-all;
  }
  .zxsj-theme-btn,
  .zxsj-auth-link,
  .zxsj-auth-btn,
  .tool-switch > summary {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  .tool-menu {
    min-width: min(280px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px);
    right: 0 !important;
    left: auto !important;
  }
  .zxsj-theme-btn-float {
    top: 12px !important;
    right: 12px !important;
    padding: 8px 12px !important;
  }
  .cmt-box,
  .cmt-card {
    padding: 12px !important;
  }
  .cmt-actions,
  .cmt-foot {
    flex-wrap: wrap;
    gap: 8px;
  }
  .cmt-login-hint {
    line-height: 1.6;
  }
  .deny-modal {
    padding: 16px !important;
    align-items: flex-end !important;
  }
  .deny-modal .panel {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px 16px 12px 12px !important;
  }
  .deny-modal .actions {
    flex-wrap: wrap;
  }
  .deny-modal .actions .btn {
    min-height: 42px;
  }
}

@media (max-width: 480px) {
  .site-brand img {
    width: 40px !important;
    height: 40px !important;
  }
  .site-brand-title {
    font-size: 13px !important;
    letter-spacing: 1px !important;
  }
  .site-brand-sub {
    font-size: 10px !important;
    letter-spacing: 1px !important;
  }
}