/* h5-engine · theme.css — 只放设计 token（CSS 变量）。换主题=改这里一组值。 刻意避开「紫蓝渐变+玻璃态」默认味；默认走暖调墨橙。每题按需切 data-theme。 */ :root { /* 品牌 / 语义色 */ --brand: #e0532b; /* 主色 */ --brand-2: #f2a03d; /* 辅色 */ --accent: #1f9d78; /* 强调/成功 */ --danger: #e0483d; --warn: #e08a1e; /* 中性 */ --bg: #f7f4ef; /* 页面底 */ --surface: #ffffff; /* 卡片面 */ --surface-2: #f1ece3; --fg: #211d18; /* 主文字 */ --muted: #7c7266; /* 次文字 */ --border: #e7e0d5; /* 图表 5 色（供 donut/line 等取用） */ --c1: #e0532b; --c2: #f2a03d; --c3: #1f9d78; --c4: #3d7ff2; --c5: #b06df2; /* 尺度 */ --radius: 14px; --radius-lg: 20px; --radius-sm: 8px; --shadow: 0 6px 20px rgba(40, 30, 20, .08); --shadow-lg: 0 16px 44px rgba(40, 30, 20, .14); --gap: 14px; /* 字体（base.css 里 @font-face 装载；下面是回退栈） */ --font: "Space Grotesk", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif; } /* ===== 预设主题：切 即整体换肤 ===== */ /* 深色数据（驾驶舱题） */ [data-theme="cockpit"] { --brand: #38bdf8; --brand-2: #a855f7; --accent: #00d4a0; --bg: #0b0f1e; --surface: #131a2e; --surface-2: #1b2439; --fg: #e6ecf7; --muted: #8494b0; --border: #24304a; --c1: #38bdf8; --c2: #a855f7; --c3: #00d4a0; --c4: #ff9f43; --c5: #ff6b6b; --shadow: 0 6px 20px rgba(0, 0, 0, .3); --shadow-lg: 0 16px 44px rgba(0, 0, 0, .45); } /* 国庆红金（抽奖题） */ [data-theme="festive-red"] { --brand: #d21f2a; --brand-2: #f5c542; --accent: #f5c542; --bg: #4a0d0d; --surface: #6a1414; --surface-2: #5a1010; --fg: #fff4e0; --muted: #e0b48a; --border: #7a2a20; --c1: #f5c542; --c2: #ff8a3d; --c3: #ffd98a; --c4: #ff5a5a; --c5: #ffb0b0; } /* 中秋玩梗夜 · 国潮夜宴（猜词题）——黛夜蓝底 + 朱漆红主 + 金桂点缀 + 月白文字 */ [data-theme="midautumn"] { --brand: #d63a30; /* 朱漆红：主行动 / 灯笼 / 主 CTA */ --brand-2: #f0b24a; /* 金桂：点缀 / 星级 / 月光 / 光效 */ --accent: #63b06f; /* 桂叶青：成功 / 答对 */ --danger: #e0574a; --warn: #e8a33d; --bg: #161f38; /* 黛夜：深靛蓝夜空 */ --surface: #222e50; /* 黛蓝卡面 */ --surface-2: #1b2545; /* 更深卡面 */ --fg: #f7efdd; /* 月白：主文字 */ --muted: #9aa0c0; /* 夜雾灰蓝：次文字 */ --border: #33406e; /* 靛蓝描边 */ --c1: #f0b24a; --c2: #d63a30; --c3: #63b06f; --c4: #e8749a; --c5: #7fa7e0; --shadow: 0 6px 20px rgba(0,0,0,.30); --shadow-lg: 0 18px 46px rgba(0,0,0,.46); /* 字体：国潮玩乐 display（站酷快乐体子集，@font-face 在 topic.css）+ 中文 sans 正文 + 等宽数字 */ --font: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif; --font-display: "ZCOOL KuaiLe", "Songti SC", "Noto Serif SC", "STSong", serif; --font-num: "Space Grotesk", "DIN Alternate", ui-monospace, system-ui, sans-serif; } /* 赛博霓虹（新年头像题的一种方向） */ [data-theme="cyber"] { --brand: #ff2e97; --brand-2: #2ee6ff; --accent: #b6ff2e; --bg: #0a0714; --surface: #150e28; --surface-2: #1d1436; --fg: #f0e9ff; --muted: #9a86c8; --border: #2e2050; --c1: #ff2e97; --c2: #2ee6ff; --c3: #b6ff2e; --c4: #ffd12e; --c5: #8a5cff; }