@import url("brand.css");   /* C-270：主色、正文灰、焦点色、字体来自跨端共用的 brand.css，这里只做别名和教师端自己的档位 */
/* 教师端设计 token（M-44，2026-10-04，依《Refactoring UI》01 / 03 / 13 条）。
   颜色、字号、圆角、阴影只从这里取；各页 CSS 不再写裸色值（投影 .tk-、打印、3D 解析的几何配色、嵌入图谱的 network-light.css 例外）。
   旧名字（--bg / --ink / --pri-s …）保留为别名，按用途取名；新加的档位按 -0 / -s / -b / -m / 本色 / -t / -d 由浅到深。 */
:root{
  /* ---- 中性 10 档：文字 3 档（ink / muted / faint 各差一级对比度）+ 底与线 ---- */
  --soft:#f9fafb;      /* 最浅的底：白面板上的 hover、行高亮 */
  --bg:#f6f8fa;        /* 页面底 */
  --tonal:#f1f4f6;     /* 浅灰胶囊、分段控件底 */
  --line:#e8edf0;      /* 分隔线；也是浅灰 hover（--tonal-h） */
  --line2:#dce3e8;     /* 描边：按钮、输入框 */
  --dim:var(--brand-dim);       /* 占位、禁用、虚线（白底实测 3.0:1，不做正文） */
  --faint:var(--brand-faint);     /* 更弱的字（白底 5.0:1） */
  --muted:var(--brand-muted);     /* 弱化字（6.8:1） */
  --ink:var(--brand-ink);       /* 正文（12.9:1） */
  --dark:#1d2833;      /* 深底：提示条、撤销条 */
  --panel:#fff;--tonal-h:var(--line);--off:var(--line2);
  /* 深色面（讲评投影、图片批注器）4 档 + 字 */
  --dk-0:#10161e;--dk-1:var(--dark);--dk-2:#263140;--dk-3:#334152;
  --dk-ink:#e8edf0;--dk-muted:#9fb3c0;--dk-accent:#9fe0f0;
  /* ---- 主色（石油蓝）6 档 ---- */
  --pri-s:var(--brand-pri-s);     /* 选中态浅底 */
  --pri-b:var(--brand-pri-b);     /* 选中态描边、hover 底 */
  --pri-m:var(--brand-pri-m);     /* 装饰：进度圈、外框 */
  --pri:var(--brand-pri);       /* 按钮、链接（白字 5.4:1） */
  --pri-t:var(--brand-pri-t);     /* 浅底上的主色字；也是按钮 hover（--pri-d） */
  --pri-x:var(--brand-pri-x);     /* 最深：按下 */
  --pri-d:var(--pri-t);--focus:var(--brand-focus);   /* 焦点框（白底 3.1:1） */
  /* ---- 琥珀 6 档：只表示「欠着、要你处理」（待订正、待批、练过少、要回看、退回）；数量、成就、装饰不用它（2026-10-05） ---- */
  --amber-0:#fdf6ea;--amber-s:#fcf0dd;--amber-b:#f1d3a4;--amber-m:#ef9d1e;--amber-t:#a75a16;--amber-d:#6d4a1e;
  /* ---- 红 5 档（错、删除、未交） ---- */
  --bad-s:#fbe9e7;--bad-b:#efc4bf;--bad-m:#e3625a;--bad:#b3261e;--bad-d:#9a1f18;
  /* ---- 绿 5 档（已交、通过） ---- */
  --ok-s:#e3f3ec;--ok-b:#bfe3d0;--ok-m:#86c3ad;--ok-f:#4fb38a;--ok:#1f7a55;
  /* ---- 紫 3 档：只表示「学生交了、等老师批」和来源 / 类别标签（录入方式、上传的卷、考法分组）；数量条、说明框、选中态不用紫（2026-10-05） ---- */
  --purple-s:#efeafb;--purple-b:#d4c9f1;--purple:#6b55b8;
  /* 3D 解析页界面件的橙（徽章、进行中的步骤）；几何体本身的配色不走 token */
  --solid:#b4501f;--solid-hi:#e0602a;
  /* 三格点亮：学过 / 练过 / 掌握，用主色由浅到深（2026-10-05 起不再用琥珀，琥珀留给「欠着」） */
  --l1:#5ea8bf;--l2:var(--pri);--l3:var(--pri-x);   /* 第一格比 --pri-m 深一点，和未亮的灰 --off 分得开 */
  /* ---- 字号 10 档：11 12 13 14 15 16 18 20 24 30（页面 CSS 直接写这几个数，不写半像素） ---- */
  --fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-ui:14px;--fs-body:15px;--fs-h3:16px;--fs-h2:18px;--fs-h1:20px;--fs-title:24px;--fs-hero:30px;
  /* 字重 3 档：400 正文 / 500 小字标签（≤ 12px 不再用 600+）/ 600 强调与按钮 / 700 标题与大数字 */
  /* ---- 圆角 4 档 + 胶囊 ---- */
  --r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:22px;--r-pill:999px;
  /* ---- 阴影 5 档（中性色，不做彩色发光） ---- */
  --sh-xs:0 1px 4px rgba(18,42,56,.12);
  --sh:0 1px 2px rgba(18,42,56,.04),0 10px 30px rgba(18,42,56,.06);
  --sh-md:0 12px 32px rgba(18,42,56,.16);
  --sh-lg:0 24px 60px rgba(18,42,56,.24);
  --sh-xl:0 30px 80px rgba(18,42,56,.32);
  --split-line:var(--line2);--split-bg:#fff;--split-ink:var(--muted);--split-hot:var(--pri);   /* 各页侧栏的分栏把手（split.js，M-30） */
  /* 玻璃层（2026-10-05，参考 SciFlow 浅色版）：页面底是几团很淡的主色光晕，侧栏、页头、浮层是磨砂白；
    普通面板只做半透明白、不做模糊（背后只有静止的底色，模糊看不出来，iPad 上白费性能）。 */
 --aurora:radial-gradient(circle at 8% 4%,rgba(26,115,145,.09),transparent 34rem),radial-gradient(circle at 88% 0%,rgba(94,168,191,.10),transparent 30rem),radial-gradient(circle at 70% 85%,rgba(143,196,211,.10),transparent 34rem),linear-gradient(160deg,#f5f8fa 0%,#edf3f6 55%,#e8eff3 100%);
 --glass:rgba(255,255,255,.62);--glass-hi:rgba(255,255,255,.84);--glass-panel:rgba(255,255,255,.8);
 --glass-line:rgba(255,255,255,.75);--glass-edge:rgba(18,42,56,.08);
 --glass-blur:blur(24px) saturate(160%);
 --glass-sh:0 1px 0 rgba(255,255,255,.7) inset,0 10px 30px rgba(18,42,56,.08);
 --pri-glass:rgba(26,115,145,.12);
 --font:var(--brand-font)}