/* =====================================================================
   深色模式：只覆盖变量与少数需要调的地方
   切换方式：<html data-theme="dark">，由 base.html 的按钮写 localStorage
   ===================================================================== */
html[data-theme="dark"] {
  --c-red: #C7413A;
  --c-red-deep: #A82F29;
  --c-red-soft: #2A1C1A;
  --c-paper: #14120F;
  --c-paper-deep: #1B1815;
  --c-card: #1E1B17;
  --c-line: #322C25;
  --c-line-strong: #443C32;
  --c-ink: #EDE6DA;
  --c-ink-2: #B9AF9F;
  --c-ink-3: #8E8577;
  --c-ink-soft: #262119;
  --c-gold: #D1A455;
  --c-ok: #4E9E77;
  --c-ok-soft: #17251E;
  --c-warn: #C79A3E;
  --c-warn-soft: #26200F;
  --c-warn-deep: #D8B269;
  --c-err: #D0574E;
  --c-err-soft: #2A1917;
  --c-input: #191612;
  --c-hover: #241F1A;
  --c-on-red: #FFF6EE;
  --c-red-a04: rgba(199, 65, 58, .06);
  --c-red-a06: rgba(199, 65, 58, .10);
  --c-red-a10: rgba(199, 65, 58, .16);
  --c-red-a16: rgba(199, 65, 58, .24);
  --c-red-a25: rgba(199, 65, 58, .34);
  --c-red-a35: rgba(199, 65, 58, .46);
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background:
    radial-gradient(1200px 620px at 12% -8%, rgba(199, 65, 58, .10), transparent 62%),
    radial-gradient(900px 520px at 102% -2%, rgba(209, 164, 85, .07), transparent 58%),
    var(--c-paper);
}

html[data-theme="dark"] .hub-card {
  background: linear-gradient(180deg, #221E19 0%, #1C1915 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .hub-card:hover {
  box-shadow: 0 10px 26px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .tbl thead th {
  background: #221D18;
}
html[data-theme="dark"] .qa-ev,
html[data-theme="dark"] .cr-body,
html[data-theme="dark"] .img-box,
html[data-theme="dark"] .chip span {
  background: #1B1814;
}
html[data-theme="dark"] .qa-a {
  background: #241E18;
}
html[data-theme="dark"] img {
  filter: brightness(.92);
}

/* 主题切换按钮 */
.theme-btn {
  background: transparent;
  border: 1px solid var(--c-line);
  color: var(--c-ink-2);
  border-radius: 6px;
  padding: 3px 9px;
  font-size: 12px;
  cursor: pointer;
  line-height: 1.6;
}
.theme-btn:hover { border-color: var(--c-ink-3); color: var(--c-ink); }