/* ============================================================ * AIOVTUE 导航站 · 3 套主题变量 * 切换方式： * ============================================================ */ /* ---------- 主题一：暮雪纸感（暖白 · 樱花粉） ---------- */ :root, [data-theme='snow'] { --bg: #faf7f2; --bg-soft: #f4efe8; --bg-card: rgba(255, 255, 255, 0.82); --bg-card-solid: #ffffff; --bg-nav: rgba(250, 247, 242, 0.88); --text: #3d3a36; --text-soft: #6f6a63; --text-faint: #9c958c; --primary: #df9193; --primary-strong: #c96f74; --primary-soft: rgba(223, 145, 147, 0.14); --accent: #a8b89a; --border: rgba(61, 58, 54, 0.1); --border-strong: rgba(61, 58, 54, 0.18); --shadow: 0 8px 28px rgba(120, 90, 60, 0.08); --shadow-hover: 0 16px 44px rgba(120, 90, 60, 0.14); --hero-grad-1: rgba(223, 145, 147, 0.16); --hero-grad-2: rgba(168, 184, 154, 0.16); --code-bg: #f1ece4; --ok: #6aa574; --err: #d36b6b; --chip-bg: rgba(223, 145, 147, 0.1); --scrollbar: rgba(61, 58, 54, 0.22); --sakura: rgba(223, 145, 147, 0.35); } /* ---------- 主题二：星夜深空（暗色 · 樱花粉霓虹） ---------- */ [data-theme='night'] { --bg: #14161f; --bg-soft: #1b1e2b; --bg-card: rgba(28, 32, 48, 0.78); --bg-card-solid: #1d2130; --bg-nav: rgba(20, 22, 31, 0.85); --text: #e8e6f2; --text-soft: #a7a9c0; --text-faint: #6e7090; --primary: #e8a1b8; --primary-strong: #ff7ba3; --primary-soft: rgba(232, 161, 184, 0.13); --accent: #8fb4d8; --border: rgba(232, 230, 242, 0.09); --border-strong: rgba(232, 230, 242, 0.18); --shadow: 0 8px 30px rgba(0, 0, 0, 0.35); --shadow-hover: 0 18px 50px rgba(0, 0, 0, 0.5); --hero-grad-1: rgba(232, 161, 184, 0.1); --hero-grad-2: rgba(143, 180, 216, 0.1); --code-bg: #0f1118; --ok: #7fc98a; --err: #e07a7a; --chip-bg: rgba(232, 161, 184, 0.12); --scrollbar: rgba(232, 230, 242, 0.25); --sakura: rgba(232, 161, 184, 0.3); } /* ---------- 主题三：极简编辑（Notion 风 · 纯白与黑） ---------- */ [data-theme='minimal'] { --bg: #ffffff; --bg-soft: #f7f7f5; --bg-card: #ffffff; --bg-card-solid: #ffffff; --bg-nav: rgba(255, 255, 255, 0.92); --text: #1a1a1a; --text-soft: #5f5f5f; --text-faint: #9b9b9b; --primary: #37352f; --primary-strong: #111111; --primary-soft: rgba(55, 53, 47, 0.06); --accent: #2383e2; --border: rgba(26, 26, 26, 0.09); --border-strong: rgba(26, 26, 26, 0.16); --shadow: 0 2px 8px rgba(15, 15, 15, 0.05); --shadow-hover: 0 6px 20px rgba(15, 15, 15, 0.1); --hero-grad-1: rgba(35, 131, 226, 0.05); --hero-grad-2: rgba(35, 131, 226, 0.03); --code-bg: #f7f7f5; --ok: #207a3b; --err: #d03e3e; --chip-bg: rgba(55, 53, 47, 0.06); --scrollbar: rgba(26, 26, 26, 0.2); --sakura: rgba(223, 145, 147, 0.25); } /* ---------- 基础变量（依赖主题变量的派生值） ---------- */ :root { --radius-sm: 10px; --radius-md: 16px; --radius-lg: 24px; --font-display: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', -apple-system, sans-serif; --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, 'Courier New', monospace; --font-serif: 'Songti SC', 'Noto Serif SC', 'SimSun', serif; --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1); }