/* 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%);
}
/* 经典: 浅灰蓝底 + 纯白卡片 + 蓝主色 + 深蓝导航 */
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);
}
