/* ── 日间模式：手调的变量值 ──
   配色取自舒薇选中的「月光」：象牙白渐变到淡薰衣草，字是带紫调的深墨色，紫和金照旧做点缀。
   整站绝大多数颜色走变量，这里把变量换成日间值；写死的颜色由 js/theme.js 在浏览器里按规则原地换。
   theme.js 不会再去换这个文件里的颜色（这里本来就是日间值）。
   切换开关在设置 →「外观」；偏好存在本机，手机和电脑各记各的。 */

:root[data-theme="light"] {
  color-scheme: light;

  --bg-primary: linear-gradient(to bottom, oklch(0.975 0.01 85), oklch(0.93 0.025 300));
  --bg-secondary: oklch(0.965 0.01 300);
  --bg-tertiary: oklch(0.935 0.015 300);
  --bg-hover: oklch(0.905 0.025 300);
  --bg-message-user: linear-gradient(135deg, oklch(0.9 0.05 300), oklch(0.86 0.07 300));
  --bg-message-ai: oklch(1 0 0 / 0.78);
  --bg-input: oklch(0.99 0.004 300);
  --bg-glass: oklch(1 0 0 / 0.6);

  --text-primary: oklch(0.27 0.03 295);
  --text-secondary: oklch(0.4 0.03 295);
  --text-muted: oklch(0.48 0.03 295);
  --text-accent: oklch(0.47 0.15 300);

  --accent: oklch(0.55 0.18 300);
  --accent-glow: oklch(0.55 0.18 300 / 0.18);
  --accent-soft: oklch(0.66 0.12 300);
  --border-color: oklch(0.45 0.06 300 / 0.16);
  --solar-flare: 0 16px 36px oklch(0.45 0.08 300 / 0.1);
  --border-strong: oklch(0.5 0.14 300 / 0.3);

  --danger: oklch(0.55 0.19 15);
  --success: oklch(0.55 0.13 155);
  --warning: oklch(0.6 0.13 65);

  --cat-family: oklch(0.6 0.12 75);
  --cat-colleague: oklch(0.52 0.1 240);

  /* 夜间的「玻璃」是白色半透明叠在暗底上；日间要加厚才看得出一块面 */
  --glass-subtle: oklch(1 0 0 / 0.4);
  --glass-light: oklch(1 0 0 / 0.55);
  --glass-medium: oklch(1 0 0 / 0.7);
  --glass-highlight: oklch(1 0 0 / 0.85);

  --accent-tint-5: oklch(0.55 0.18 300 / 0.05);
  --accent-tint-8: oklch(0.55 0.18 300 / 0.08);
  --accent-tint-10: oklch(0.55 0.18 300 / 0.1);
  --accent-tint-15: oklch(0.55 0.18 300 / 0.14);
  --accent-tint-20: oklch(0.55 0.18 300 / 0.18);
  --accent-tint-25: oklch(0.55 0.18 300 / 0.22);
  --accent-tint-30: oklch(0.55 0.18 300 / 0.26);

  --border-tint-5: oklch(0.45 0.06 300 / 0.06);
  --border-tint-8: oklch(0.45 0.06 300 / 0.09);
  --border-tint-10: oklch(0.45 0.06 300 / 0.11);
  --border-tint-12: oklch(0.45 0.06 300 / 0.13);
  --border-tint-15: oklch(0.45 0.06 300 / 0.16);
  --border-tint-18: oklch(0.45 0.06 300 / 0.19);
  --border-tint-20: oklch(0.45 0.06 300 / 0.21);
  --border-tint-30: oklch(0.45 0.06 300 / 0.3);

  /* 夜间拿黑色半透明压暗输入框；日间换成极淡的紫灰 */
  --overlay-light: oklch(0.4 0.05 300 / 0.05);
  --overlay-medium: oklch(0.4 0.05 300 / 0.09);
  --overlay-heavy: oklch(0.22 0.03 300 / 0.4);
  --shadow-card: 0 10px 28px oklch(0.4 0.06 300 / 0.12);
}

:root[data-theme="light"],
:root[data-theme="light"] body {
  background-color: oklch(0.93 0.025 300);
}

:root[data-theme="light"] .panel,
:root[data-theme="light"] .modal-starry-overlay {
  background-color: oklch(0.975 0.01 85);
}

/* 面板和弹窗的底写死了夜间渐变，自动换色会换得偏紫；直接用日间底色，和聊天页一致 */
:root[data-theme="light"] .panel::before,
:root[data-theme="light"] .modal-starry-overlay::before {
  background: var(--bg-primary);
}

/* 星星是白点，在浅底上看不见，还一直在做闪烁动画；日间直接关掉，省电 */
:root[data-theme="light"] .panel::after,
:root[data-theme="light"] .modal-starry-overlay::after,
:root[data-theme="light"] .stars-bg,
:root[data-theme="light"] #welcome-screen::before {
  display: none;
}

/* 滑块轨道用的是 --bg-tertiary，日间和设置卡片底色几乎一样，看不见 */
:root[data-theme="light"] .slider-input {
  background: oklch(0.45 0.06 300 / 0.18);
}

/* 星轨菜单：轨道线的颜色写在 SVG 属性里，自动换色管不到；淡米色在浅底上若隐若现。
   CSS 的 stroke 能盖过属性，这里换成深一点的金色，由内到外渐强，和夜间同一个节奏 */
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(1) { stroke: oklch(0.66 0.12 70 / 0.3); }
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(2) { stroke: oklch(0.66 0.12 70 / 0.42); }
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(3) { stroke: oklch(0.64 0.13 68 / 0.55); }
:root[data-theme="light"] #radial-orbits > circle:nth-of-type(4) { stroke: oklch(0.62 0.13 65 / 0.7); }

/* 图标外圈是白色光晕，夜间显亮，日间等于没有；白色的星星图标（「其他」）几乎看不见。
   换成浅紫投影托住轮廓 */
:root[data-theme="light"] .radial-icon-img {
  filter: drop-shadow(0 1px 2px oklch(0.4 0.08 300 / 0.35)) drop-shadow(0 0 5px oklch(0.55 0.12 300 / 0.25));
}

/* 右上角的菜单星星：本身是淡奶油色、外圈奶油色光晕，在象牙白底上融进去了。
   日间提一点饱和度，加一道细暖金描边托住轮廓，光晕换成更浓的金 */
:root[data-theme="light"] .fab-btn-img {
  filter: saturate(1.7) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.55)) drop-shadow(0 0 10px oklch(0.8 0.15 75 / 0.85));
  -webkit-filter: saturate(1.7) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.55)) drop-shadow(0 0 10px oklch(0.8 0.15 75 / 0.85));
}

:root[data-theme="light"] .fab-btn:hover .fab-btn-img {
  filter: saturate(1.8) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.6)) drop-shadow(0 0 16px oklch(0.8 0.16 75 / 0.95));
  -webkit-filter: saturate(1.8) drop-shadow(0 1px 1.5px oklch(0.55 0.12 60 / 0.6)) drop-shadow(0 0 16px oklch(0.8 0.16 75 / 0.95));
}

/* 发送按钮「还不能发」：夜间是盖一层 23% 的白色遮罩；日间自动换色会把它加厚成白板，
   整个按钮被糊住。日间不用遮罩，改成按钮整体淡一半 */
:root[data-theme="light"] .btn-send:disabled::after {
  display: none;
}

:root[data-theme="light"] .btn-send:disabled img {
  opacity: 0.5;
  filter: saturate(0.85);
}

/* 语音条的播放键是实心紫底白三角；白字被当成正文换成了深墨色，在紫底上发闷。按钮上的字保持白色 */
:root[data-theme="light"] .audio-play-btn {
  color: oklch(0.99 0 0);
}

/* ── 人物页的局部变量（对应 style.css 里 .mp-page 那组） ── */
:root[data-theme="light"] .mp-page {
  --mp-ink-1: oklch(0.27 0.03 295);
  --mp-ink-2: oklch(0.38 0.03 295);
  --mp-ink-3: oklch(0.48 0.03 295);
  --mp-link: oklch(0.48 0.14 300);
  --mp-gold: oklch(0.62 0.12 75);
  --mp-soon: oklch(0.52 0.13 15);
  --mp-warn: oklch(0.52 0.12 60);
  --mp-live: oklch(0.5 0.09 165);
  --mp-hairline: oklch(0.4 0.04 295 / 0.12);
  --mp-shadow: 0 10px 28px oklch(0.4 0.05 300 / 0.12);
}

/* 记忆点选：夜里的浅金在日间底上太淡，换成深一点的琥珀；不要发光 */
:root[data-theme="light"] .mem-choice {
  --mc-gold: oklch(0.7 0.13 70);
  --mc-gold-soft: oklch(0.75 0.12 75 / 0.2);
  --mc-gold-line: oklch(0.62 0.13 70 / 0.55);
  --mc-gold-ink: oklch(0.22 0.03 295);
  --mc-moon-dark: oklch(0.45 0.05 295 / 0.12);
  --mc-glow: none;
  --mc-active-bg: oklch(0.88 0.05 300 / 0.7);
  --mc-active-text: oklch(0.45 0.11 62);
}
:root[data-theme="light"] .mem-choice--scale,
:root[data-theme="light"] .mem-choice--segmented,
:root[data-theme="light"] .mem-choice--tone,
:root[data-theme="light"] .mem-choice--intensity {
  box-shadow: inset 0 1px 2px oklch(0.4 0.05 300 / 0.08);
}
/* 选中珠子左边的数字：日间底色浅，琥珀要再深一点才读得清 */
:root[data-theme="light"] .mem-choice--scale .mem-choice-opt.is-filled {
  color: oklch(0.52 0.12 62);
}

/* 弹窗质感层：日间版，象牙到淡薰衣草，金色细边照旧 */
:root[data-theme="light"] .modal {
  --mt-surface-top: oklch(0.985 0.01 85);
  --mt-surface-bottom: oklch(0.955 0.02 300);
  --mt-moonlight: oklch(0.85 0.1 85 / 0.16);
  --mt-edge-top: oklch(0.72 0.12 75 / 0.55);
  --mt-edge-bottom: oklch(0.6 0.08 300 / 0.18);
  --mt-field: oklch(0.995 0.004 300 / 0.85);
  --mt-field-shadow: inset 0 1px 2px oklch(0.4 0.05 300 / 0.08);
  --mt-gold-hi: oklch(0.84 0.11 85);
  --mt-gold-lo: oklch(0.7 0.13 70);
  --mt-gold-ink: oklch(0.24 0.03 295);
  box-shadow: 0 20px 50px oklch(0.4 0.06 300 / 0.16);
}
:root[data-theme="light"] #memory-card-modal .modal > h3,
:root[data-theme="light"] #ai-review-detail-modal #ai-review-detail-title {
  color: oklch(0.27 0.03 295);
}

/* 书房 · 秘密笔记的横线纸：日间是米白纸，加一层纤维纹（夜间只有颗粒） */
:root[data-theme="light"] #study-panel.study-panel--paper,
:root[data-theme="light"] #memory-panel.memory-panel--paper,
:root[data-theme="light"] .mem-diary-modal-inner.diary-lined,
:root[data-theme="light"] .diary-paper-sheet,
:root[data-theme="light"] .sched-paper-sheet {
  --line: rgba(110, 135, 190, 0.30);
  --paper: #f5f0e6;
  --ink: #3d3550;
  --ink-strong: #2a2240;
  --meta: #8d8297;
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45  0 0 0 0 .36  0 0 0 0 .25  0 0 0 .10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --fiber: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5  0 0 0 0 .4  0 0 0 0 .28  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
  background: var(--fiber), var(--grain), var(--paper) !important;
}
:root[data-theme="light"] #study-panel.study-panel--paper .panel-header .btn-icon,
:root[data-theme="light"] #study-panel.study-panel--paper .study-tab {
  color: #6f6585;
}
:root[data-theme="light"] #study-panel.study-panel--paper .study-paper-foot .study-textbtn.is-armed {
  color: #d4405f;
}

:root[data-theme="light"] #memory-panel.memory-panel--paper,
:root[data-theme="light"] .mem-diary-modal-inner.diary-lined,
:root[data-theme="light"] .diary-paper-sheet,
:root[data-theme="light"] .sched-paper-sheet {
  --accent-ink: oklch(0.5 0.13 300);
  --head-rule: oklch(0.72 0.11 78 / 0.55);
  --seal-hi: oklch(0.88 0.09 88);
  --seal-lo: oklch(0.74 0.12 74);
  --seal-ink: oklch(0.26 0.04 292);
}
/* 吸顶的顶栏和贴底的回应栏也带上纤维纹，否则日间能看出一道比纸亮的带子 */
:root[data-theme="light"] .diary-lined .diary-modal-header {
  background: var(--fiber), var(--grain), var(--paper);
}
:root[data-theme="light"] .diary-lined .diary-respond-row {
  background: linear-gradient(90deg, transparent, var(--head-rule), transparent) top / 100% 1px no-repeat, var(--fiber), var(--grain), var(--paper);
}

/* 书房书架 · 日间：书脊是布面精装的哑光质感，不跟着整体调浅（那样会发亮、像塑料） */
:root[data-theme="light"] .study-spine {
  --weave: repeating-linear-gradient(0deg, rgba(255, 250, 240, 0.05) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(60, 40, 30, 0.06) 0 1px, transparent 1px 3px);
  background:
    linear-gradient(90deg, rgba(50, 32, 24, 0.24), rgba(50, 32, 24, 0.04) 22%, transparent 45%, rgba(50, 32, 24, 0.06) 75%, rgba(50, 32, 24, 0.26)),
    var(--weave),
    var(--spine);
  box-shadow: inset 1px 0 0 rgba(255, 248, 235, 0.10), inset -2px 0 0 rgba(50, 32, 24, 0.14), 0 7px 10px -7px rgba(90, 62, 44, 0.45);
}
:root[data-theme="light"] .study-plank {
  background:
    repeating-linear-gradient(90deg, rgba(120, 80, 45, 0.07) 0 2px, transparent 2px 9px, rgba(120, 80, 45, 0.05) 9px 10px, transparent 10px 23px),
    linear-gradient(180deg, oklch(0.80 0.05 70), oklch(0.68 0.06 58));
  box-shadow: 0 6px 10px -5px rgba(90, 62, 44, 0.35);
}
/* 秘密笔记那本单独定色，皮扣保持深棕（不跟着调浅，否则会变成浅粉） */
:root[data-theme="light"] .study-shelf-pin .study-secret-book {
  color: #f2ead8;
  background:
    linear-gradient(90deg, rgba(20, 10, 30, 0.30), transparent 28%, rgba(255, 245, 255, 0.04) 55%, rgba(20, 10, 30, 0.24)),
    var(--weave),
    oklch(0.47 0.065 305);
  box-shadow: 0 7px 10px -7px rgba(60, 40, 70, 0.55);
}
:root[data-theme="light"] .study-secret-book::before,
:root[data-theme="light"] .study-secret-book::after {
  background: rgba(232, 196, 116, 0.75);
}
:root[data-theme="light"] .study-strap {
  background: linear-gradient(180deg, #5a3a2a, #3e271c);
  box-shadow: 0 2px 4px rgba(50, 30, 20, 0.45);
}
:root[data-theme="light"] .study-strap::before {
  border-color: rgba(240, 200, 150, 0.40);
}
/* 书脊颜色：亮度在中间，配米白烫金字 */
:root[data-theme="light"] .study-spine { --spine: oklch(0.66 0.055 35); color: #fbf5e9; }
:root[data-theme="light"] .study-spine[data-tone="1"] { --spine: oklch(0.73 0.07 78); }
:root[data-theme="light"] .study-spine[data-tone="2"] { --spine: oklch(0.65 0.05 250); }
:root[data-theme="light"] .study-spine[data-tone="3"] { --spine: oklch(0.67 0.055 8); }
:root[data-theme="light"] .study-spine[data-tone="4"] { --spine: oklch(0.67 0.05 168); }
:root[data-theme="light"] .study-spine[data-tone="5"] { --spine: oklch(0.71 0.055 110); }
:root[data-theme="light"] .study-spine[data-tone="6"] { --spine: oklch(0.63 0.055 310); }
:root[data-theme="light"] .study-spine::before,
:root[data-theme="light"] .study-spine::after { background: rgba(255, 236, 190, 0.75); }
:root[data-theme="light"] .study-spine::before { box-shadow: 0 3px 0 rgba(255, 236, 190, 0.45); }
:root[data-theme="light"] .study-spine-tag { color: rgba(255, 240, 205, 0.95); border-top-color: rgba(255, 236, 190, 0.6); }

/* 子卡所属主题的小签、主题卡合并审核：夜间是紫底金边，日间换成淡薰衣草底 + 深一点的金边 */
:root[data-theme="light"] .mcv-masters,
:root[data-theme="light"] .mmr,
:root[data-theme="light"] .mmr-similar,
:root[data-theme="light"] .mce-also-in,
:root[data-theme="light"] .mce-merge-panel {
  --mm-gold: oklch(0.62 0.13 70);
  --mm-gold-line: oklch(0.62 0.13 70 / 0.45);
  --mm-gold-soft: oklch(0.75 0.12 75 / 0.16);
  --mm-chip-bg: oklch(0.93 0.035 300);
}
/* 日程小纸条展开的那张纸：折角是纸背，日间比纸面略深一点 */
:root[data-theme="light"] .sched-paper {
  --flap-hi: #e9e1d2;
  --flap-lo: #ddd3c1;
  filter: drop-shadow(0 10px 22px oklch(0.4 0.06 300 / 0.18)) drop-shadow(0 1px 2px oklch(0.4 0.06 300 / 0.14));
}
:root[data-theme="light"] .welcome-line-label {
  color: oklch(0.6 0.12 75);
}

/* 日历 · 日间：星芒用深一点的金，米白纸上才看得清 */
:root[data-theme="light"] #memory-panel.memory-panel--paper {
  --cal-guyan: oklch(0.64 0.12 72);
  --cal-shuwei: oklch(0.55 0.12 300);
}
:root[data-theme="light"] .memory-panel--paper .scroll-cal-weekdays {
  background: linear-gradient(90deg, transparent, var(--head-rule), transparent) bottom / 100% 1px no-repeat, var(--fiber), var(--grain), var(--paper);
}