/* themes.css — 四季主题变量块（全站共用，配合 theme.js 的注册表）。 规则： · spring = 各页面自己 :root 里的基础值（粉 Pearl / 子页冷调），这里只声明壁纸，不覆盖配色。 · summer/autumn/winter 覆盖两层： ① 共享层 :root[data-theme=X] —— 所有页面都认的变量（壁纸/正文色/强调色/发丝线） ② 聊天层 :root[data-theme=X][data-app="chat"] —— 只有 index.html（） 用得到的气泡/输入条/思考纹变量，避免污染子页的玻璃拟态取值。 · 子页专属的日历小点三色（--dot-todo/--sh-*）是若若 2026-07-25 定的语义色，任何主题都不动。 · 选择器 :root[data-theme] 特异度天然压过各页的 :root 基础块，引入顺序无所谓。 */ /* ── SPRING · 春（原「珍珠 Pearl Tide」，2026-08-01 改名）── */ :root[data-theme="spring"]{ --wall: url("wallpaper-pink.webp"); --menu-wall: url("wallpaper-pink.webp"); } /* ── SUMMER · 夏（奶油底 · 蓝墨贝壳波点，"you are a pearl in the blue ocean"）── */ :root[data-theme="summer"]{ --wall: url("wall-summer.webp"); --menu-wall: url("wall-summer.webp"); --bg: #FAF7EC; --text: #3E4870; --text-soft: #6971A0; --text-faint: #9AA1C4; --accent: #5D6DAE; --accent-deep: #3D4A85; --hairline: rgba(93,109,174,.22); } :root[data-theme="summer"][data-app="chat"]{ --header-bg: #FAF7EC; --bubble-ai-bg: rgba(255,255,255,.62); --bubble-ai-fg: #3E4870; --bubble-human-bg: rgba(228,233,250,.66); --bubble-human-fg: #3E4870; --send-bg: #4A5896; --tick: #A2ABD2; --think-flourish: rgba(93,109,174,.50); --think-label: #6971A0; --think-body: #555E8C; --composer-bg: #F5F1E1; --field-bg: rgba(253,251,244,.92); --slider-thumb: #4A5896; } /* ── AUTUMN · 秋（米色底 · 橄榄绿书本与咖啡杯）── */ :root[data-theme="autumn"]{ --wall: url("wall-autumn.webp"); --menu-wall: url("wall-autumn.webp"); --bg: #F3F1E5; --text: #454F38; --text-soft: #6C755A; --text-faint: #99A184; --accent: #6C7C55; --accent-deep: #4C5A39; --hairline: rgba(108,124,85,.24); } :root[data-theme="autumn"][data-app="chat"]{ --header-bg: #F3F1E5; --bubble-ai-bg: rgba(255,255,255,.60); --bubble-ai-fg: #454F38; --bubble-human-bg: rgba(227,232,211,.66); --bubble-human-fg: #454F38; --send-bg: #55633E; --tick: #A8B18E; --think-flourish: rgba(108,124,85,.50); --think-label: #6C755A; --think-body: #596444; --composer-bg: #EFEDDA; --field-bg: rgba(251,250,242,.92); --slider-thumb: #55633E; } /* ── WINTER · 冬（雾蓝底 · 白线花草蝴蝶蝴蝶结）── */ :root[data-theme="winter"]{ --wall: url("wall-winter.webp"); --menu-wall: url("wall-winter.webp"); --bg: #E9EEF4; --text: #3C4A5C; --text-soft: #647589; --text-faint: #93A2B5; --accent: #5B7392; --accent-deep: #3E5570; --hairline: rgba(91,115,146,.24); } :root[data-theme="winter"][data-app="chat"]{ --header-bg: #E9EEF4; --bubble-ai-bg: rgba(255,255,255,.68); --bubble-ai-fg: #3C4A5C; --bubble-human-bg: rgba(216,227,239,.72); --bubble-human-fg: #3C4A5C; --send-bg: #47607D; --tick: #93A8BF; --think-flourish: rgba(91,115,146,.50); --think-label: #647589; --think-body: #526379; --composer-bg: #E3EAF2; --field-bg: rgba(246,249,252,.92); --slider-thumb: #47607D; }