/* ==========================================================================
   设计令牌（AI FINANCE OS · 科技金融风）
   核心视觉：深海军蓝底 + 科技蓝 + 青色强调 + 玻璃质感
   变量名沿用旧版，保证未改写的弹窗 / 表单自动继承新配色
   ========================================================================== */
:root {
  /* ---- 品牌主色 ---- */
  --c-teal: #00D4C8;           /* 青色：主强调、AI、收入、成功 */
  --c-teal-deep: #00A69C;
  --c-teal-soft: rgba(0, 212, 200, .14);   /* 青色浅底（半透明，适配玻璃感） */
  --c-teal-ink: #5FF0E7;       /* 深色底上的青色说明文字 */

  --c-blue: #2E7CF6;           /* 科技蓝：交互、按钮、进度条 */
  --c-blue-deep: #1B5FE0;
  --c-blue-soft: rgba(46, 124, 246, .16);
  --c-blue-ink: #8FB8FF;

  /* ---- 中性（深底体系） ---- */
  --c-white: #FFFFFF;
  --c-mist: #0B1628;           /* 页面底色：深海军蓝 */
  --c-mist-2: #101E36;         /* 次级底：卡片 / 分组 */
  --c-navy: #EAF0FA;           /* 主文字（深底上用近白） */
  --c-amber: #FFB020;          /* 待核对 / 提醒 */
  --c-danger: #FF5A5F;         /* 异常 / 应付 / 超支 */

  /* ---- 文字（深底四级灰阶） ---- */
  --c-text: #EAF0FA;
  --c-text-sub: #9FB0CC;
  --c-text-faint: #6B7F9E;
  --c-text-inv: #0B1628;       /* 反色：亮底上的文字 */
  --c-navy-soft: rgba(234, 240, 250, .6);

  /* ---- 线与面（深底） ---- */
  --c-border: rgba(255, 255, 255, .10);
  --c-border-strong: rgba(255, 255, 255, .18);
  --c-amber-soft: rgba(255, 176, 32, .14);
  --c-danger-soft: rgba(255, 90, 95, .14);
  --c-mist-deep: #0E1B31;

  /* ---- 语义色 ---- */
  --c-success: #00D4C8;        /* 成功 / 收入：青 */
  --c-success-soft: rgba(0, 212, 200, .14);

  /* ---- 图表彩点 ---- */
  --c-dot-1: #2E7CF6;          /* 科技蓝 */
  --c-dot-2: #00D4C8;          /* 青 */
  --c-dot-3: #8B7BFF;          /* 紫 */
  --c-dot-4: #FFB020;          /* 橙 */
  --c-dot-5: #FF5A5F;          /* 红 */
  --c-dot-6: #4DD4AC;          /* 青绿 */
  --c-track: rgba(255, 255, 255, .08);   /* 进度条轨道 */

  /* ---- 玻璃质感 ---- */
  --glass-bg: rgba(255, 255, 255, .055);
  --glass-bg-2: rgba(255, 255, 255, .085);
  --glass-border: rgba(255, 255, 255, .11);
  --glass-blur: blur(18px) saturate(150%);

  /* ---- 圆角 ---- */
  --r-card: 18px;
  --r-card-sm: 14px;
  --r-btn: 12px;
  --r-tag: 9px;
  --r-pill: 999px;

  /* ---- 间距 ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;

  /* ---- 阴影（深底用暗影，不做发光） ---- */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .22), 0 6px 18px rgba(0, 0, 0, .18);
  --shadow-pop: 0 10px 34px rgba(0, 0, 0, .38);
  --shadow-nav: 0 -1px 0 rgba(255, 255, 255, .08), 0 -4px 18px rgba(0, 0, 0, .28);
  --shadow-brand: 0 6px 18px rgba(46, 124, 246, .30);

  /* ---- 字体 ---- */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
          "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-num: "SF Mono", "DIN Alternate", "PingFang SC", -apple-system,
              BlinkMacSystemFont, "Microsoft YaHei", sans-serif;

  /* ---- 布局 ---- */
  --nav-h: 58px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --max-w: 720px;
}

/* 数字统一等宽，保证金额对齐 */
.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }