/**
 * 花车 HC-AI · 全局主题（灰粉夜间 / 日光）
 * 所有页面引入此文件，保证夜间模式 UI 与字体对比一致。
 */
[data-theme="dark"] {
  /* ── 灰粉底色 ── */
  --ink: #1e1a24;
  --ink-soft: #2a2533;
  --ink-card: #332e3d;
  --ink-elev: #3d3748;
  --ink-deep: #252030;

  /* ── 文字（提高对比，夜间也清晰） ── */
  --paper: #f2eaf6;
  --paper-dim: #d4c8de;
  --paper-soft: #b5aac4;

  /* ── 灰粉强调色 ── */
  --cinnabar: #d4567a;
  --cinnabar-deep: #b84365;
  --cinnabar-soft: #e890a8;
  --gold: #d4a574;
  --gold-soft: #e8c4a8;

  --line: rgba(242, 234, 246, 0.16);
  --line-strong: rgba(242, 234, 246, 0.26);
  --header-bg: rgba(30, 26, 36, 0.92);
  --nav-active: var(--cinnabar-soft);
  --bottom-bg: rgba(28, 24, 34, 0.95);
  --overlay: rgba(14, 12, 20, 0.55);

  --cover-a: #3d3548;
  --cover-b: #4a4058;
  --badge: #d4567a;
  --icon-bg: rgba(212, 164, 116, 0.14);
  --icon-color: var(--gold-soft);
  --theme-btn-fg: #ece4f2;
  --theme-btn-bg: #3d3748;
  --theme-btn-border: rgba(236, 228, 244, 0.28);
  --stat-num: var(--cinnabar-soft);

  --page-side: radial-gradient(ellipse at 18% 0%, rgba(180, 140, 200, 0.1), transparent 50%), radial-gradient(ellipse at 82% 100%, rgba(212, 120, 140, 0.08), transparent 45%), linear-gradient(180deg, #2a2533, #1e1a24);

  /* 简写别名（书架 / 交友 / 平台 / 总览等页） */
  --bg: var(--ink);
  --card: var(--ink-card);
  --card2: var(--ink-deep);
  --deep: var(--ink-deep);
  --txt: var(--paper);
  --soft: var(--paper-soft);
  --pri: var(--cinnabar-soft);
  --warn: var(--gold-soft);
  --good: #7dd4a8;
  --bad: #f08888;

  /* 阅读页 */
  --story-bg: var(--ink-card);
  --bar-fill: linear-gradient(90deg, var(--gold), var(--cinnabar-soft));
  --map-bg: linear-gradient(160deg, #3d3548, #2a2533);
  --ui-bg: var(--page-side);
  --chat-me: #d4567a;
  --chat-them: var(--ink-card);

  /* 登录页 */
  --bg-overlay: linear-gradient(
    135deg,
    rgba(30, 26, 36, 0.72) 0%,
    rgba(42, 37, 51, 0.78) 50%,
    rgba(30, 26, 36, 0.74) 100%
  );
  --panel-brand-bg: rgba(30, 26, 36, 0.62);
  --shell-border: linear-gradient(
    135deg,
    rgba(232, 144, 168, 0.45),
    rgba(232, 144, 168, 0.08),
    rgba(212, 86, 122, 0.22)
  );
  --logo-ring: 0 0 0 2px rgba(232, 144, 168, 0.45), 0 0 24px rgba(180, 140, 200, 0.22);
  --card-glow: inset 0 1px 0 rgba(232, 144, 168, 0.1), 0 24px 64px rgba(0, 0, 0, 0.45);

  /* 后台 / 审核 */
  --panel: var(--ink-card);
  --panel-2: var(--ink-deep);
  --pri2: var(--gold-soft);
}

[data-theme="light"] {
  --ink: #fff6fb;
  --ink-soft: #fff0f7;
  --ink-card: #fffbfd;
  --ink-elev: #f9edf3;
  --ink-deep: #f5e7ee;

  --paper: #5a4753;
  --paper-dim: #786571;
  --paper-soft: #988593;

  --cinnabar: #cf6f92;
  --cinnabar-deep: #b95b7f;
  --cinnabar-soft: #e7a8c0;
  --gold: #c59a75;
  --gold-soft: #e8c8aa;

  --line: rgba(90, 71, 83, 0.11);
  --line-strong: rgba(90, 71, 83, 0.18);
  --header-bg: rgba(255, 246, 251, 0.94);
  --nav-active: var(--cinnabar-deep);
  --bottom-bg: rgba(255, 246, 251, 0.96);
  --overlay: rgba(90, 71, 83, 0.28);

  --cover-a: #f8e8ef;
  --cover-b: #f4dfeb;
  --badge: #cf6f92;
  --icon-bg: rgba(207, 111, 146, 0.14);
  --icon-color: #c06888;
  --theme-btn-fg: #7a6671;
  --theme-btn-bg: #fffbfd;
  --theme-btn-border: rgba(90, 71, 83, 0.13);
  --stat-num: var(--cinnabar-deep);

  --page-side: radial-gradient(ellipse at 12% 0%, rgba(255, 210, 226, 0.3), transparent 52%), radial-gradient(ellipse at 88% 96%, rgba(241, 181, 205, 0.2), transparent 50%), linear-gradient(180deg, #fff8fc, #fff0f6);

  --bg: var(--ink);
  --card: var(--ink-card);
  --card2: var(--ink-deep);
  --deep: var(--ink-deep);
  --txt: var(--paper);
  --soft: var(--paper-soft);
  --pri: var(--cinnabar-deep);
  --warn: var(--gold);
  --good: #3da87a;
  --bad: #d44;

  --story-bg: #fffbfd;
  --bar-fill: linear-gradient(90deg, var(--gold-soft), var(--cinnabar-soft));
  --map-bg: linear-gradient(160deg, #f8e8ef, #f4dfeb);
  --ui-bg: var(--page-side);
  --chat-me: #cf6f92;
  --chat-them: #fffbfd;

  --bg-overlay: linear-gradient(
    135deg,
    rgba(255, 252, 248, 0.52) 0%,
    rgba(247, 245, 242, 0.42) 55%,
    rgba(255, 252, 248, 0.55) 100%
  );
  --panel-brand-bg: rgba(255, 252, 248, 0.5);
  --shell-border: linear-gradient(
    135deg,
    rgba(207, 111, 146, 0.35),
    rgba(255, 255, 255, 0.88),
    rgba(201, 107, 132, 0.18)
  );
  --logo-ring: 0 0 0 3px rgba(255, 255, 255, 0.92), 0 0 20px rgba(184, 146, 106, 0.22);
  --card-glow: 0 16px 48px rgba(74, 66, 72, 0.06);

  --panel: var(--ink-card);
  --panel-2: var(--ink-deep);
  --pri2: var(--gold-soft);
}

/* 后台页仅用 :root 时也走同一套 token */
:root {
  color-scheme: dark light;
}

html {
  font-size: clamp(13px, 2.8vw, 15px);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  --ui-brightness: 1;
}

body {
  filter: brightness(var(--ui-brightness, 1));
  transition: filter 0.25s ease;
}

html[data-effects="off"] .particle,
html[data-effects="off"] #particleLayer,
html[data-effects="off"] #readSakuraLayer {
  display: none !important;
}

html[data-theme="dark"],
html:not([data-theme]) {
  --bg: #1e1a24;
  --panel: #332e3d;
  --panel-2: #252030;
  --line: rgba(242, 234, 246, 0.16);
  --txt: #f2eaf6;
  --soft: #b5aac4;
  --pri: #e890a8;
  --pri2: #e8c4a8;
  --good: #7dd4a8;
  --bad: #f08888;
  --warn: #e8c4a8;
}

html[data-theme="light"] {
  --bg: #fff6fb;
  --panel: #fffbfd;
  --panel-2: #f5e7ee;
  --line: rgba(90, 71, 83, 0.11);
  --txt: #5a4753;
  --soft: #988593;
  --pri: #cf6f92;
  --pri2: #e8c8aa;
  --good: #3da87a;
  --bad: #d44;
  --warn: #c59a75;
}