/* uzs2 站点主题变量 —— 四套主题 html[data-theme=silk|classic|plain|fresh]
   页面与各模块(base/app/drills/speak/exam/mascot)只用这里的变量, 不写死颜色。
   :root 即 silk(丝路, 默认, 与课件设计系统一致: 羊皮纸 + 钴蓝 + 赭红 + 金), 其余主题只覆盖变量。
   变量分组:
     底与字   --paper 页面底 · --paper-2 浅底块 · --card 卡片 · --ink / --ink-soft / --muted 文字三档 · --line 边线
     强调     --cobalt 主色 · --cobalt-2 亮一档 · --red 点缀/标题 · --teal · --gold / --gold-soft · --on-gold 金底上的字
     语义     --ok/--ok-bg/--ok-fg/--ok-line 对 · --bad/--bad-bg/--bad-fg 错 · --warn/--warn-bg/--warn-line/--warn-sub 考试/提醒 · --info-bg 浅信息底
     导航     手机底栏 --nav-bg/--nav-fg/--nav-on · 顶栏/电脑左侧栏 --top-bg/--top-fg/--top-fg-2/--top-nav/--top-on-bg/--top-on-fg/--top-line/--top-sh · 标志 --logo-bg/--logo-fg/--brand-hi
     路径     --acc-basics/starter/scene/topic(深, 编号底与渐变尾) + 同名 -hi(渐变头) · --acc-review/--acc-vocab 课表里复习/词汇课编号
     横幅     --hero-bg(默认/基础) --hero-fg · 场景/话题/起步横幅由 --acc-* 派生
     软按钮   --btn-soft-bg/-fg/-line/-sub(课件/讲义类浅蓝按钮) · --gold-bg/-fg/-line(讲义) · --vocab-bg/-fg/-line(词汇)
     其它     --pdf-bg/--pdf-bar/--pdf-fg 课件播放器 · --glass/--glass-2/--on-glass 深色卡上的半透明块 · --sh 阴影 · --radius 圆角 · --cjk/--disp 字体 */
:root{
  color-scheme:only light;
  --paper:#f3eee2;--paper-2:#e9e2d0;--card:#fbf8f1;--ink:#1b1814;--ink-soft:#5a544a;--muted:#78705f;--line:#d9d0bd;
  --cobalt:#143C5B;--cobalt-2:#1e5a85;--red:#B3352C;--teal:#1f6b63;--gold:#c98a1b;--gold-soft:#e8c87a;--on-gold:#3a2300;
  --ok:#2a9d5c;--ok-bg:#e9f7ef;--ok-fg:#1d7a44;--ok-line:#9fd8b6;
  --bad:#c0392b;--bad-bg:#fbecea;--bad-fg:#a9332a;
  --warn:#6b3a06;--warn-bg:#fff3dc;--warn-line:#f0d49a;--warn-sub:#9a6a2a;
  --info-bg:#e3eef6;
  --nav-bg:#ffffff;--nav-fg:#78705f;--nav-on:#143C5B;
  --top-bg:linear-gradient(180deg,#143C5B,#102f47);--top-fg:#ffffff;--top-fg-2:#cfe0e8;--top-nav:#dfe9ef;--top-on-bg:#c98a1b;--top-on-fg:#3a2300;--top-line:rgba(255,255,255,.14);--top-sh:0 2px 10px rgba(0,0,0,.25);
  --logo-bg:#B3352C;--logo-fg:#ffffff;--brand-hi:#e8c87a;
  --acc-basics:#143C5B;--acc-basics-hi:#1d5f97;--acc-starter:#145249;--acc-starter-hi:#1f7a6d;--acc-scene:#7f2a20;--acc-scene-hi:#b7412f;--acc-topic:#43296b;--acc-topic-hi:#6b43a8;
  --acc-review:#2C6FA8;--acc-vocab:#8B5AA6;
  --hero-bg:linear-gradient(135deg,#173a5e,#1E6FB0);--hero-fg:#ffffff;
  --btn-soft-bg:#e6f2f5;--btn-soft-fg:#154C5C;--btn-soft-line:#bfdde5;--btn-soft-sub:#5f7a84;
  --gold-bg:#fbf1dc;--gold-fg:#5a3a06;--gold-line:#ecd39b;
  --vocab-bg:#efeaf8;--vocab-fg:#3a2a6b;--vocab-line:#d4c6ee;
  --pdf-bg:#0f1b26;--pdf-bar:#17232f;--pdf-fg:#cfe0e8;
  --glass:rgba(255,255,255,.18);--glass-2:rgba(255,255,255,.92);--on-glass:#222222;
  --sh:0 10px 28px -16px rgba(25,23,19,.45);--radius:14px;
  --cjk:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;--disp:"Oswald",var(--cjk);
  /* 主题切换色点(代表各主题本身的颜色, 不随当前主题变) */
  --sw-silk:linear-gradient(135deg,#f3eee2 50%,#143C5B 50%);--sw-classic:linear-gradient(135deg,#f4f6f9 50%,#2563eb 50%);
  --sw-plain:linear-gradient(135deg,#ffffff 50%,#e8590c 50%);--sw-fresh:linear-gradient(135deg,#eef7f4 50%,#0f7b6c 50%);
  --sw-modern:linear-gradient(135deg,#f2f6ff 50%,#4a7de9 50%);--sw-warm:linear-gradient(135deg,#f4f0e8 50%,#e8762b 50%);
}
/* 现代蓝(默认, 2026-11-08 参考 BahasaKu 2.0): 浅蓝灰底 + 纯白无边框卡 + 亮蓝主色 + 白色顶栏 + 绿色进度 + 圆体西文 */
html[data-theme="modern"]{
  --paper:#f2f6ff;--paper-2:#e6eeff;--card:#ffffff;--ink:#1b2b4b;--ink-soft:#4a5b7a;--muted:#7d8ba6;--line:#e3e9f6;
  --cobalt:#4a7de9;--cobalt-2:#6b9af5;--red:#f26b6b;--teal:#26a69a;--gold:#f5b53f;--gold-soft:#ffd98a;--on-gold:#3a2300;
  --ok:#4caf6d;--ok-bg:#e8f7ec;--ok-fg:#2e8b4f;--ok-line:#a7e0b8;
  --bad:#e8505b;--bad-bg:#fdecee;--bad-fg:#c53742;
  --warn:#8a5a00;--warn-bg:#fff6e0;--warn-line:#ffd98a;--warn-sub:#b07a1a;
  --info-bg:#e8f0ff;
  --nav-bg:#ffffff;--nav-fg:#8a97b0;--nav-on:#4a7de9;
  --top-bg:#ffffff;--top-fg:#1b2b4b;--top-fg-2:#7d8ba6;--top-nav:#4a5b7a;--top-on-bg:#4a7de9;--top-on-fg:#ffffff;--top-line:#e8f0ff;--top-sh:0 1px 0 #e3e9f6,0 6px 18px -12px rgba(27,43,75,.18);
  --logo-bg:#4a7de9;--logo-fg:#ffffff;--brand-hi:#4a7de9;
  --acc-basics:#4a7de9;--acc-basics-hi:#6fa0f5;--acc-starter:#3fae6a;--acc-starter-hi:#67c88c;--acc-scene:#f08a3c;--acc-scene-hi:#f6a95e;--acc-topic:#8b6ce8;--acc-topic-hi:#a98cf2;
  --acc-review:#2f9bde;--acc-vocab:#8b6ce8;
  --hero-bg:linear-gradient(135deg,#4a7de9,#6fa0f5);--hero-fg:#ffffff;
  --btn-soft-bg:#e8f0ff;--btn-soft-fg:#2f5fc7;--btn-soft-line:#c7d8fa;--btn-soft-sub:#5c7fc2;
  --gold-bg:#fff4d6;--gold-fg:#7a4b00;--gold-line:#ffd98a;
  --vocab-bg:#efeafd;--vocab-fg:#4a2fa8;--vocab-line:#d4c8f7;
  --pdf-bg:#1b2b4b;--pdf-bar:#243a66;--pdf-fg:#cfe0ff;
  --glass:rgba(255,255,255,.2);--glass-2:rgba(255,255,255,.95);--on-glass:#1b2b4b;
  --sh:0 12px 30px -14px rgba(74,125,233,.35);--card-sh:0 6px 18px -10px rgba(27,43,75,.16);--radius:20px;
  --cjk:"Nunito","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;--disp:"Nunito",var(--cjk);
}
/* 暖橙(参考 Evenro): 米白底 + 白卡 + 橙色主色 + 近黑深色顶栏/按钮 */
html[data-theme="warm"]{
  --paper:#f4f0e8;--paper-2:#eae4d8;--card:#ffffff;--ink:#1f1b2e;--ink-soft:#4b4659;--muted:#8a8494;--line:#e6e0d4;
  --cobalt:#e8762b;--cobalt-2:#f0914e;--red:#d9472b;--teal:#2b8c7e;--gold:#f2b33d;--gold-soft:#ffd98a;--on-gold:#3a2300;
  --ok:#3fa66b;--ok-bg:#e9f6ee;--ok-fg:#2a7d4e;--ok-line:#a9debb;
  --bad:#d9472b;--bad-bg:#fbece7;--bad-fg:#b33a22;
  --warn:#7a4b00;--warn-bg:#fff3e0;--warn-line:#ffd2a3;--warn-sub:#b06a1a;
  --info-bg:#fdebdd;
  --nav-bg:#ffffff;--nav-fg:#8a8494;--nav-on:#e8762b;
  --top-bg:#1f1b2e;--top-fg:#ffffff;--top-fg-2:#b9b4c4;--top-nav:#dad6e2;--top-on-bg:#e8762b;--top-on-fg:#ffffff;--top-line:rgba(255,255,255,.12);--top-sh:0 2px 10px rgba(31,27,46,.3);
  --logo-bg:#e8762b;--logo-fg:#ffffff;--brand-hi:#ffb987;
  --acc-basics:#e8762b;--acc-basics-hi:#f0914e;--acc-starter:#2b8c7e;--acc-starter-hi:#43b09f;--acc-scene:#1f1b2e;--acc-scene-hi:#3b3650;--acc-topic:#7d5bc6;--acc-topic-hi:#9a7be0;
  --acc-review:#2f86c1;--acc-vocab:#7d5bc6;
  --hero-bg:linear-gradient(135deg,#e8762b,#f0914e);--hero-fg:#ffffff;
  --btn-soft-bg:#fdebdd;--btn-soft-fg:#9a4a12;--btn-soft-line:#f7cdae;--btn-soft-sub:#b86a3a;
  --gold-bg:#fff3d6;--gold-fg:#7a4b00;--gold-line:#ffd98a;
  --vocab-bg:#efe9fa;--vocab-fg:#4d2e99;--vocab-line:#d7cbf2;
  --pdf-bg:#1f1b2e;--pdf-bar:#2b263d;--pdf-fg:#dad6e2;
  --glass:rgba(255,255,255,.2);--glass-2:rgba(255,255,255,.95);--on-glass:#1f1b2e;
  --sh:0 12px 30px -14px rgba(31,27,46,.3);--card-sh:0 6px 18px -10px rgba(31,27,46,.14);--radius:18px;
  --cjk:"Plus Jakarta Sans","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;--disp:"Plus Jakarta Sans",var(--cjk);
}
/* 经典: 浅灰蓝底 + 纯白卡片 + 蓝主色 + 深蓝导航 */
html[data-theme="classic"]{
  --paper:#f4f6f9;--paper-2:#e8edf3;--card:#ffffff;--ink:#0f172a;--ink-soft:#475569;--muted:#64748b;--line:#dfe4ec;
  --cobalt:#2563eb;--cobalt-2:#3b82f6;--red:#dc2626;--teal:#0d9488;--gold:#f59e0b;--gold-soft:#fcd34d;--on-gold:#1f1300;
  --ok:#16a34a;--ok-bg:#ecfdf3;--ok-fg:#15803d;--ok-line:#86efac;
  --bad:#dc2626;--bad-bg:#fef2f2;--bad-fg:#b91c1c;
  --warn:#92400e;--warn-bg:#fffbeb;--warn-line:#fcd34d;--warn-sub:#b45309;
  --info-bg:#eff6ff;
  --nav-bg:#ffffff;--nav-fg:#64748b;--nav-on:#2563eb;
  --top-bg:linear-gradient(180deg,#1e3a8a,#1e40af);--top-fg:#ffffff;--top-fg-2:#c7d2fe;--top-nav:#dbe4ff;--top-on-bg:#ffffff;--top-on-fg:#1e3a8a;--top-line:rgba(255,255,255,.14);--top-sh:0 2px 10px rgba(30,58,138,.3);
  --logo-bg:#2563eb;--logo-fg:#ffffff;--brand-hi:#fde68a;
  --acc-basics:#1d4ed8;--acc-basics-hi:#3b82f6;--acc-starter:#0f766e;--acc-starter-hi:#14b8a6;--acc-scene:#b91c1c;--acc-scene-hi:#ef4444;--acc-topic:#6d28d9;--acc-topic-hi:#8b5cf6;
  --acc-review:#0284c7;--acc-vocab:#7c3aed;
  --hero-bg:linear-gradient(135deg,#1e40af,#3b82f6);--hero-fg:#ffffff;
  --btn-soft-bg:#eff6ff;--btn-soft-fg:#1e40af;--btn-soft-line:#bfdbfe;--btn-soft-sub:#2f63c7;
  --gold-bg:#fef3c7;--gold-fg:#78350f;--gold-line:#fcd34d;
  --vocab-bg:#f3e8ff;--vocab-fg:#5b21b6;--vocab-line:#d8b4fe;
  --pdf-bg:#0f172a;--pdf-bar:#1e293b;--pdf-fg:#cbd5e1;
  --sh:0 8px 24px -14px rgba(15,23,42,.35);
}
/* 简白: 白底 + 细灰线 + 墨黑主色, 强调色只有一个橙 */
html[data-theme="plain"]{
  --paper:#ffffff;--paper-2:#f3f3f3;--card:#ffffff;--ink:#111111;--ink-soft:#444444;--muted:#6b6b6b;--line:#e2e2e2;
  --cobalt:#111111;--cobalt-2:#333333;--red:#e8590c;--teal:#333333;--gold:#e8590c;--gold-soft:#ffd8b5;--on-gold:#ffffff;
  --ok:#2f7a3e;--ok-bg:#eef5ef;--ok-fg:#25622f;--ok-line:#b9d8be;
  --bad:#c43c2b;--bad-bg:#faeeec;--bad-fg:#a33122;
  --warn:#7a3a00;--warn-bg:#fff4e8;--warn-line:#f5c9a3;--warn-sub:#9a5a1a;
  --info-bg:#f3f3f3;
  --nav-bg:#ffffff;--nav-fg:#6b6b6b;--nav-on:#e8590c;
  --top-bg:#ffffff;--top-fg:#111111;--top-fg-2:#6b6b6b;--top-nav:#444444;--top-on-bg:#111111;--top-on-fg:#ffffff;--top-line:#e2e2e2;--top-sh:0 1px 0 #e2e2e2;
  --logo-bg:#111111;--logo-fg:#ffffff;--brand-hi:#111111;
  --acc-basics:#111111;--acc-basics-hi:#444444;--acc-starter:#3a3a3a;--acc-starter-hi:#6b6b6b;--acc-scene:#c2410c;--acc-scene-hi:#e8590c;--acc-topic:#555555;--acc-topic-hi:#888888;
  --acc-review:#333333;--acc-vocab:#555555;
  --hero-bg:linear-gradient(135deg,#111111,#3a3a3a);--hero-fg:#ffffff;
  --btn-soft-bg:#f3f3f3;--btn-soft-fg:#111111;--btn-soft-line:#dcdcdc;--btn-soft-sub:#6b6b6b;
  --gold-bg:#fff4e8;--gold-fg:#7a3a00;--gold-line:#f5c9a3;
  --vocab-bg:#f3f3f3;--vocab-fg:#333333;--vocab-line:#dcdcdc;
  --pdf-bg:#111111;--pdf-bar:#222222;--pdf-fg:#dddddd;
  --glass:rgba(255,255,255,.16);--glass-2:rgba(255,255,255,.94);--on-glass:#111111;
  --sh:0 1px 2px rgba(0,0,0,.06),0 6px 20px -12px rgba(0,0,0,.22);--radius:10px;
}
/* 清新: 薄荷底 + 青绿主色 + 珊瑚强调 */
html[data-theme="fresh"]{
  --paper:#eef7f4;--paper-2:#dcefe8;--card:#ffffff;--ink:#12302a;--ink-soft:#3f6159;--muted:#5f817a;--line:#cfe3dc;
  --cobalt:#0f7b6c;--cobalt-2:#149a87;--red:#e76f51;--teal:#0f7b6c;--gold:#f0b23c;--gold-soft:#f7d488;--on-gold:#3a2300;
  --ok:#2e9e5b;--ok-bg:#e6f7ec;--ok-fg:#1f7a43;--ok-line:#9ddbb3;
  --bad:#d9473b;--bad-bg:#fdecea;--bad-fg:#b3362c;
  --warn:#7a4a12;--warn-bg:#fff5e0;--warn-line:#f7d488;--warn-sub:#a0672a;
  --info-bg:#e3f3ee;
  --nav-bg:#ffffff;--nav-fg:#5f817a;--nav-on:#0f7b6c;
  --top-bg:linear-gradient(180deg,#0f7b6c,#0b5f54);--top-fg:#ffffff;--top-fg-2:#c9ece4;--top-nav:#dcf3ed;--top-on-bg:#f0b23c;--top-on-fg:#3a2300;--top-line:rgba(255,255,255,.14);--top-sh:0 2px 10px rgba(11,95,84,.3);
  --logo-bg:#e76f51;--logo-fg:#ffffff;--brand-hi:#f7d488;
  --acc-basics:#0b5f54;--acc-basics-hi:#2bb59e;--acc-starter:#1d6fa5;--acc-starter-hi:#3b9edb;--acc-scene:#c4532f;--acc-scene-hi:#e76f51;--acc-topic:#6d4bb0;--acc-topic-hi:#9b7be0;
  --acc-review:#1d6fa5;--acc-vocab:#8b5cf6;
  --hero-bg:linear-gradient(135deg,#0f7b6c,#2bb59e);--hero-fg:#ffffff;
  --btn-soft-bg:#e3f3ee;--btn-soft-fg:#0b5f54;--btn-soft-line:#b5dfd3;--btn-soft-sub:#3f7a6f;
  --gold-bg:#fff5e0;--gold-fg:#7a4a12;--gold-line:#f7d488;
  --vocab-bg:#efeaf8;--vocab-fg:#4a2f86;--vocab-line:#d4c6ee;
  --pdf-bg:#0e2a25;--pdf-bar:#143a34;--pdf-fg:#cfe8e1;
  --sh:0 8px 24px -14px rgba(18,48,42,.35);
}