/* ===========================================================
   设计 token｜暗色系，对齐竞品截图
   纯黑底 + 深灰卡片 + 琥珀色数据强调
   =========================================================== */
:root {
  /* 表面 */
  --bg: #000000;
  --surface: #1b1b1d;
  --surface-2: #262628;
  --surface-3: #303033;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);

  /* 文字 */
  --text: #ffffff;
  --text-2: #9a9aa0;
  --text-3: #6b6b70;

  /* 强调 */
  --amber: #e9a23b;
  --amber-soft: rgba(233, 162, 59, 0.15);
  --green: #7bc47f;
  --green-soft: rgba(123, 196, 127, 0.15);
  --red: #ff6b5e;
  --red-soft: rgba(255, 107, 94, 0.15);
  --blue: #5aa9e6;
  --blue-soft: rgba(90, 169, 230, 0.15);
  --purple: #a78bfa;
  --purple-soft: rgba(167, 139, 250, 0.15);

  /* 圆角 */
  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 10px;
  --r-pill: 999px;

  /* 间距 */
  --pad: 16px;
  --gap: 12px;

  /* 层级 */
  --tabbar-h: 58px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  /* 动效 */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
}