/* ============================================================
   扶摇鲲 Design Tokens 4.0 —— 样式唯一权威源
   来源：01_前端体验设计细节方案_4.0 §2.1（逐字落地，零修改）
   ============================================================ */
:root{
  /* ===== 品牌色（VI v1.2 唯一权威） ===== */
  --c-cyan:#06D6C8; --c-blue:#3BA4FA; --c-violet:#6E52F5;
  --c-deep:#0B1B33; --c-coral:#FF6B4A;            /* 点睛 ≤5% */
  /* ===== 墨色与中性色 ===== */
  --ink-900:#1A1A1E; --ink-700:#3A3A42; --ink-muted-strong:#6E6E78;
  --n-500:#9A9AA5; --n-300:#C9C9D1; --n-100:#EFEFF2; --n-0:#FFFFFF;
  /* ===== 语义色 ===== */
  --ok:#00C48F; --info:#3BA4FA; --warn:#FFB020; --warn-deep:#B07500; --err:#F04452;
  --violet-12:rgba(110,82,245,.12); --teal-12:rgba(6,214,200,.12);
  /* ===== 数据可视化扩展色板（序列 6 色） ===== */
  --chart-1:#06D6C8; --chart-2:#3BA4FA; --chart-3:#6E52F5;
  --chart-4:#9A9AA5; --chart-5:#FFB020; --chart-6:#F04452;
  /* ===== 字体阶梯（1.333 比例，8 级） ===== */
  --font-sans:"Inter","Source Han Sans SC","Noto Sans SC",sans-serif;
  --font-mono:"JetBrains Mono",monospace;
  --text-xs:12px; --text-sm:13px; --text-base:14px; --text-lg:16px;
  --text-h4:20px; --text-h3:24px; --text-h2:32px; --text-h1:40px;
  --lh-body:1.7;
  /* ===== 间距栅格（4px 基网，仅允许以下刻度） ===== */
  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:32px; --sp-6:48px;
  /* ===== 圆角与 elevation ===== */
  --r-sm:6px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --shadow-card:0 1px 3px rgba(11,27,51,.06),0 4px 16px rgba(11,27,51,.06);
  --shadow-pop:0 8px 32px rgba(11,27,51,.14);
  --shadow-elev:0 16px 48px rgba(11,27,51,.20);
  /* ===== 渐变（唯一主渐变，方向恒 22°） ===== */
  --grad-brand:linear-gradient(22deg,#06D6C8,#3BA4FA 52%,#6E52F5);
  --grad-soft:linear-gradient(22deg,rgba(6,214,200,.08),rgba(110,82,245,.08));
  /* ===== 动效 ===== */
  --dur-1:.12s; --dur-2:.2s; --ease:cubic-bezier(.22,1,.36,1);
  --skel:linear-gradient(90deg,#EEF1F6 25%,#E3EAF3 50%,#EEF1F6 75%);
  /* ===== focus / z-index ===== */
  --focus:0 0 0 3px rgba(59,164,250,.35);
  --z-nav:50; --z-toast:99; --z-drawer:100; --z-modal:200;
  /* ===== 卡片底色（浅色组；暗色组在下方整组替换） ===== */
  --card-bg:#FFFFFF; --card-line:var(--n-100);
  --page-bg:#F7F8FA;
}
/* ===== 暗色主题（整组变量替换，不写双份样式） ===== */
[data-theme="dark"]{
  --ink-900:#FFFFFF; --ink-700:#C9C9D1; --ink-muted-strong:#9A9AA5;
  --n-100:rgba(255,255,255,.06); --n-0:#0B1B33;
  --card-bg:rgba(255,255,255,.06); --card-line:rgba(255,255,255,.08);
  --page-bg:#081426;
  --shadow-card:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);
  --ok:#1ADBA8; --info:#5FB6FB; --warn:#FFC14D; --err:#FF6B7E;
  --skel:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);
}