/* 智获引擎 · 设计令牌（单一数据源，构建同步至 workbench 工程）
   主题策略：浅色为默认值；深色由 `@media (prefers-color-scheme: dark)` 自动生效（跟随浏览器/系统）。
   需要手动切换时，在 <html> 上挂 data-theme="light|dark" 即可强制覆盖（预留给 M2+，官网一期未接切换按钮）。 */
:root{
  color-scheme:light;
  --blue:#2E7BF9;--deep:#0B4DE6;--orange:#FF7A00;--orange2:#FF9433;
  --ink:#161823;--mut:#5c6470;--text-2:#3d4654;--line:#e8ecf3;
  --bg:#fff;                 /* 页面底色 */
  --bg-page:#f5f8fd;         /* 单列 H5 类页面底色 */
  --bg-soft:#F7FAFF;         /* 交替分区底色（.sec.alt 渐变起点） */
  --bg-elev:#fff;            /* 卡片/输入框等浮层底色 */
  --bg-chip:#F4F7FC;         /* 中性胶囊、tab 轨道 */
  --bg-tab:#F1F5FB;          /* 登录页 tab 轨道 / 灰按钮 */
  --bg-perk:#F7FAFF;--line-perk:#E3EBF9;
  --bg-ok:#F0FDF6;--bg-wechat:#F0F9EB;--line-green:#D4EDC4;--chip-green:#E8F5E0;
  --line-strong:#C6DBFF;     /* hover 强调描边 / 箭头 */
  --glass:rgba(255,255,255,.92);   /* 吸顶导航 */
  --glass-strong:rgba(255,255,255,.94); /* H5 底部操作条 */
  --toast-bg:#0f172a;--toast-fg:#fff;
  --qr-paper:#fff;           /* 二维码留白纸面：深浅色下均保持白色保证可扫 */
  --bgblue:#EDF4FE;--bgorange:#FFF3E8;
  --ok:#0E9F6E;--warn:#B91C1C;--warn-bg:#FEF2F2;--warn-line:#fecaca;
  --ok-bg:#F0FDF4;--ok-line:#bbf7d0;
  --gold:#C25E00;--gold-soft:#FFD9AE;--dash:#FFD9AE; /* --dash=虚线警示边框用色 */
  --vip:#D4A017;--vip-deep:#9A6A00;--vip-bg:#FFF9E8;
  --grad:linear-gradient(135deg,#0B4DE6,#2E7BF9);
  --grad-orange:linear-gradient(135deg,#FF7A00,#FF9433);
  --grad-hero:linear-gradient(150deg,#0B4DE6 0%,#2E7BF9 60%,#3D8BFF 100%);
  --grad-hl:linear-gradient(120deg,#0B4DE6,#2E7BF9 60%,#FF7A00);        /* 标题渐变字 */
  --grad-text:linear-gradient(135deg,#0B4DE6,#2E7BF9);                   /* 大字（404） */
  --shadow-blue:0 8px 20px rgba(11,77,230,.3);
  --shadow-card:0 24px 60px rgba(11,77,230,.12);
  --radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:22px;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-num:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ===== 深色主题（系统级跟随；手动覆盖预留给 html[data-theme="dark"]） ===== */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ color-scheme:dark; }
  :root:not([data-theme="light"]){
    --ink:#E9EEF7;--mut:#97A3B9;--text-2:#BFC9DB;--line:#27324A;
    --bg:#0B1220;--bg-page:#0B1220;--bg-soft:#0E1626;--bg-elev:#141D2F;
    --bg-chip:#1B2537;--bg-tab:#1B2537;
    --bg-perk:#182238;--line-perk:#27324A;
    --bg-ok:#10231A;--bg-wechat:#122A1C;--line-green:#24503A;--chip-green:#173724;
    --line-strong:#3A4C73;
    --glass:rgba(11,18,32,.9);--glass-strong:rgba(11,18,32,.94);
    --toast-bg:#E6EBF5;--toast-fg:#0B1220;
    --bgblue:#18294A;--bgorange:#2C2014;
    --deep:#8AB6FF;--blue:#4F8FFF;
    --ok:#3ECF8E;--warn:#F87171;--warn-bg:#2A1418;--warn-line:#5C2A30;
    --ok-bg:#10231A;--ok-line:#1E4632;
    --gold:#F5B869;--gold-soft:#FFD9AE;--dash:#6E4E28;
    --vip:#E8C15A;--vip-deep:#D4A017;--vip-bg:#241E0F;
    --grad-hl:linear-gradient(120deg,#5B93FF,#8AB6FF 60%,#FFB25E);
    --grad-text:linear-gradient(135deg,#4F8FFF,#8AB6FF);
    --shadow-card:0 24px 60px rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#E9EEF7;--mut:#97A3B9;--text-2:#BFC9DB;--line:#27324A;
  --bg:#0B1220;--bg-page:#0B1220;--bg-soft:#0E1626;--bg-elev:#141D2F;
  --bg-chip:#1B2537;--bg-tab:#1B2537;
  --bg-perk:#182238;--line-perk:#27324A;
  --bg-ok:#10231A;--bg-wechat:#122A1C;--line-green:#24503A;--chip-green:#173724;
  --line-strong:#3A4C73;
  --glass:rgba(11,18,32,.9);--glass-strong:rgba(11,18,32,.94);
  --toast-bg:#E6EBF5;--toast-fg:#0B1220;
  --bgblue:#18294A;--bgorange:#2C2014;
  --deep:#8AB6FF;--blue:#4F8FFF;
  --ok:#3ECF8E;--warn:#F87171;--warn-bg:#2A1418;--warn-line:#5C2A30;
  --ok-bg:#10231A;--ok-line:#1E4632;
  --gold:#F5B869;--gold-soft:#FFD9AE;--dash:#6E4E28;
  --vip:#E8C15A;--vip-deep:#D4A017;--vip-bg:#241E0F;
  --grad-hl:linear-gradient(120deg,#5B93FF,#8AB6FF 60%,#FFB25E);
  --grad-text:linear-gradient(135deg,#4F8FFF,#8AB6FF);
  --shadow-card:0 24px 60px rgba(0,0,0,.55);
}