:root{
    /* ================= v316：底色 / 品牌色板（全站唯一来源）；v321 拆两支 =================
       ① 底色只有一个概念 —— 首页 / 主界面 / 画布（工作流 + 地图）三处的「底」是同一个 --bg。
          改这一个值 = 全站底部同时改，别再为某个页面单独写底色。
       ② v321 用户口径：「背景色饱和度对了，但高亮的蓝色不要改变，把高亮蓝改回去，
          并确定为全局固定颜色搭配」⇒ 品牌色拆成两支：
          a. 低饱和支（背景面）—— --brand 青灰 #5a8fa3 / --brand-soft 柔光底。
             只喂「大面积面」：柔光底、选中底色、拾取条渐变、主页像素、画布淡填充。
          b. 高亮支（实色）—— --brand-hl 荧光青 #14d6ff / --brand-hl-2 #7ce9ff。
             喂「描边 / 选中实底 / 线条 / ＋ / 渐变按钮 / 聚焦圈 / 高亮光晕」。
             ⚠️ 全局固定：只在 :root 定义一次，暗色块**不覆盖**（两主题同值）。
       ③ semantic（--accent*）= 组件里只用这三个，别直接引 --brand*：
          --accent / --accent-2 取高亮支；--accent-soft 取低饱和支。
       ④ --canvas 语义收窄成「画布底」且恒等于 --bg；「凹面」（输入框 / 气泡 / 次级块）
          换新 token --sunken（比卡片低一档）。 */
    --bg:#f4f5f8;
    --canvas:var(--bg);
    --sunken:#eef0f5;
    --card:#ffffff;
    --line:#e3e5ec;
    --line-strong:#d2d6e0;
    --text:#1a1d26;
    --text-2:#5b6070;
    --text-3:#8b90a0;
    --brand:#5a8fa3;        /* 青灰 · 低饱和 —— 背景面基色（柔光底 / 选中底色 / 大面积面） */
    --brand-soft:#dcebf1;   /* 青灰 · 柔 —— 柔光底 / 选中底色 */
    --brand-hl:#14d6ff;     /* 荧光青 —— 高亮实色（描边 / 选中实底 / 线条 / ＋ / 渐变按钮 / 聚焦圈）· 全局固定，两主题同值 */
    --brand-hl-2:#7ce9ff;   /* 荧光青 · 亮 —— 高亮渐变末端 */
    --accent:var(--brand-hl);
    --accent-2:var(--brand-hl-2);
    --accent-soft:var(--brand-soft);
    --ok:#0f9d70;
    --shadow:0 1px 2px rgba(20,22,35,.04), 0 8px 24px rgba(20,22,35,.06);
    --radius:14px;
    /* v365：补三个「用了但从来没定义」的变量 —— --sans 在全站被 var() 引用了 14 次却没有定义，
       CSS 的 font 简写里含未定义变量 = 计算值阶段整条 font 声明失效 ⇒ 那 14 处按钮 / 提示的
       字号一直退回继承的 14px（设计意图是 12.5px / 20px 等）。--dim / --text-1 同理（颜色退回继承）。 */
    --sans:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --dim:var(--text-3);
    --text-1:var(--text);
  }
  /* v185：深色主题 —— 变量整组翻转；字面色由 <style> 末尾的「深色镜像」规则段覆盖 */
  :root[data-theme="dark"]{
    color-scheme:dark;
    --bg:#0b0d12;
    --canvas:var(--bg);
    --sunken:#0d0d0d;
    --card:#191c24;
    --line:#262a35;
    --line-strong:#323748;
    --text:#e8eaf2;
    --text-2:#a7adbf;
    --text-3:#7d8398;
    --brand-soft:rgba(90,143,163,.20);
    --accent:var(--brand-hl);
    --accent-2:var(--brand-hl-2);
    --accent-soft:var(--brand-soft);
    --ok:#2cc98f;
    --shadow:0 1px 2px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.5);
  }
  *{box-sizing:border-box}
  html{height:100%}
  body{
    background:var(--bg);
    color:var(--text);
    font:14px/1.6 "PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
    padding:0;height:100%;overflow:hidden;
  }