/* ============================================================
   vboom! 设计系统 · 唯一变量来源
   任何颜色/字号/时长/圆角不得在别处硬编码
   ============================================================ */
:root{
  /* ---- 色板：深水水箱世界（刻意单一暗色主题：你就在水里） ---- */
  --abyss:#060d14;
  --tank:#0d1b28;
  --tank-2:#12283c;
  --water:#1c3a52;
  --water-soft:rgba(28,58,82,.5);
  --mist:#8fb3c7;
  --mist-dim:#5a7a90;
  --mist-faint:#44607a;
  --foam:#e8f2f7;
  --spark:#ffd76a;
  --spark-dim:#b98f2e;
  --glow-1:rgba(255,215,106,.08);
  --glow-2:rgba(255,215,106,.25);
  --glow-3:rgba(255,215,106,.65);
  --danger:#e07a6b;
  --ok:#7ec9a3;

  /* ---- 字体：只有两个角色 + 数字 ---- */
  /* 角色1 · 品牌与情绪标题（书卷气宋体系） */
  --font-display:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;
  /* 角色2 · 功能说明与交互（系统黑体系） */
  --font-ui:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  /* 数字与数据 */
  --font-num:ui-monospace,"SF Mono","Cascadia Mono",Menlo,monospace;

  /* ---- 字号层级：全局只有 4 层 + 辅助，任何页面不得自造字号 ----
     品牌 32 / 页面主标题 28 / 核心句 21 / 正文 16 / 辅助 14（微标签 12） */
  --fs-brand:32px;
  --fs-h1:28px;
  --fs-core:21px;
  --fs-body:16px;
  --fs-aid:14px;
  --fs-micro:12px;
  /* 旧名兼容（首页沿用，不动首页视觉） */
  --fs-hero:30px;
  --fs-title:28px;
  --fs-lead:17px;
  --fs-cap:14px;
  --lh-h1:1.5;
  --lh-tight:1.4;
  --lh-body:1.8;
  --lh-loose:2;
  /* ---- 统一留白节奏 ---- */
  --flow-eyebrow-gap:26px;   /* 眉题 → 主标题 */
  --flow-title-gap:12px;     /* 主标题 → 核心句/提示 */
  --flow-block-gap:24px;     /* 内容块之间 */
  --ls-label:.18em;
  --ls-wide:.3em;

  /* ---- 间距 / 形状 / 层次 ---- */
  --sp-page:24px;
  --sp-1:6px;
  --sp-2:10px;
  --sp-3:16px;
  --sp-4:24px;
  --sp-5:36px;
  --sp-6:56px;
  --r-s:4px;
  --r-m:12px;
  --r-pill:999px;
  --shadow-card:0 6px 30px rgba(3,7,11,.5);

  /* ---- 动效时长与缓动 ---- */
  --t-tap:120ms;      /* 普通按钮反馈 */
  --t-card:240ms;     /* 卡片进入 */
  --t-page:350ms;     /* 页面转换 */
  --t-rest:900ms;     /* 重要动作完成停顿 */
  --ease-out:cubic-bezier(.22,.8,.36,1);
  --ease-in-out:cubic-bezier(.5,0,.3,1);

  /* ---- 布局与安全区 ---- */
  --tabbar-h:58px;
  --safe-top:env(safe-area-inset-top);
  --safe-bottom:env(safe-area-inset-bottom);
}