/* =========================================================
   首页 · 精修排版（参考一流 fintech 仪表盘方法论）
   克制宽度 1280 + 8pt 留白节奏 + 浅色终端 + 国际惯例 涨绿跌红
   ========================================================= */
:root{
  /* —— btcdca / mails.dev 纸感米白灰 —— */
  --bg:#F6F5F0; --card:#FAFAF8;
  --fill-2:rgba(26,26,26,0.08);
  --fill-3:rgba(26,26,26,0.05);
  --text:#1A1A1A; --sub:#8A8A8A; --sub-2:#C0BDB4;
  --border:#D8D4C8; --border-2:#C4C0B2;
  /* 主色：克制暖金（呼应纸感） */
  --blue:#C4A035; --indigo:#A8862A; --teal:#D9B84A; --orange:#C4A035;
  /* 国际惯例：涨=绿 跌=红 */
  --up:#0FA958; --down:#E23E57;
  /* 柔和分层阴影 */
  --shadow-sm:0 1px 2px rgba(26,26,26,.04);
  --shadow:0 1px 2px rgba(26,26,26,.05),0 6px 20px rgba(26,26,26,.05);
  --shadow-lg:0 16px 40px rgba(26,26,26,.10),0 3px 10px rgba(26,26,26,.05);
  --r-sm:12px; --r-md:15px; --r-lg:20px; --r-xl:24px; --r-pill:999px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --spring:cubic-bezier(.34,1.4,.44,1);
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --rounded:ui-rounded,"SF Pro Rounded","SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  /* 浅色终端（纸感米白） */
  --t-bg:#FDFCF9; --t-bg-2:#F3F2EC; --t-line:#E8E6E1; --t-grid:#EFEEE9;
  --t-amber:#A8862A; --t-green:#0FA958; --t-red:#E23E57; --t-cyan:#0D9488;
  --t-text:#4A4A4A; --t-dim:#A8A49A; --t-bright:#1A1A1A;
  /* 卡片玻璃质感 */
  --card-hi:rgba(255,255,255,.9);
  --accent-grad:linear-gradient(120deg,#C4A035,#D9B84A);
  --up-grad:linear-gradient(120deg,#0FA958,#34D058);
  --down-grad:linear-gradient(120deg,#E23E57,#FF6B7A);
  --hairline:rgba(26,26,26,0.07);
  /* 策略卡专属渐变（顶部色） */
  --grad-retire:linear-gradient(135deg,#D9B84A,#C4A035 55%,#A8862A);   /* 50岁退休 · 暖金 */
  --grad-dolphin:linear-gradient(135deg,#FB7185,#F43F5E 55%,#E11D48);  /* 海豚蔓尔 · 珊瑚粉 */
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#15130F; --card:#1E1B16;
    --fill-2:rgba(240,235,225,0.14);
    --text:rgba(250,246,238,.92); --sub:rgba(250,244,232,.55); --sub-2:rgba(250,244,232,.32);
    --border:rgba(216,212,200,0.16); --border-2:rgba(216,212,200,0.28);
    --blue:#D9B84A; --up:#34D058; --down:#FF5A6A;
    --shadow-sm:0 1px 2px rgba(0,0,0,.5);
    --shadow:0 1px 2px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.4);
    --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 3px 10px rgba(0,0,0,.4);
    --t-bg:#1B1813; --t-bg-2:#211C16; --t-line:#2E2820; --t-grid:#262119;
    --t-amber:#D9B84A; --t-green:#34D058; --t-red:#FF5A6A; --t-cyan:#2DD4BF;
    --t-text:#E5DECF; --t-dim:#8A8172; --t-bright:#FBF6EA;
    --card-hi:rgba(255,255,255,.06);
    --hairline:rgba(255,255,255,0.06);
  }
}

/* =========================================================
   iOS Design Tokens 2.0（新增语义层 · 2026-08-31 App 化改版）
   旧变量全部保留不动（桌面端视觉零变化）；新变量供移动端组件使用。
   涨跌语义：--rise=涨=绿 / --fall=跌=红（全站统一国际惯例，D1 已确认）
   ========================================================= */
:root{
  /* —— iOS Grouped 背景层级 —— */
  --bg-grouped:#F2F2F7; --bg-card:#FFFFFF; --bg-card-2:#F2F2F7; --bg-elevated:#FFFFFF;
  /* —— iOS systemFill 家族 —— */
  --fill-1:rgba(120,120,128,.20);
  /* —— hairline —— */
  --hairline-strong:#C6C6C8;
  /* —— 语义色 —— */
  --tint:#007AFF; --tint-press:#0062CC;
  --brand:#C4A035;                 /* 暖金退为品牌点缀 */
  --rise:#0FA958; --fall:#E23E57;  /* 涨绿跌红 */
  --warn:#FF9500;
  /* —— iOS 圆角梯度 —— */
  --r-10:10px; --r-12:12px; --r-16:16px; --r-20:20px;
  /* —— iOS 极轻投影 / 浮层 —— */
  --shadow-card:0 .5px 1px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);
  --shadow-sheet:0 -8px 40px rgba(0,0,0,.16);
  /* —— 毛玻璃材质 —— */
  --mat-bg:rgba(249,249,249,.86);
  --mat-blur:saturate(180%) blur(20px);
  /* —— 间距 4px 刻度 —— */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg-grouped:#000000; --bg-card:#1C1C1E; --bg-card-2:#2C2C2E; --bg-elevated:#2C2C2E;
    --fill-1:rgba(120,120,128,.32);
    --hairline-strong:#38383A;
    --tint:#0A84FF; --tint-press:#409CFF;
    --brand:#D9B84A;
    --rise:#34D058; --fall:#FF5A6A;
    --warn:#FF9F0A;
    --shadow-card:0 .5px 1px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.28);
    --shadow-sheet:0 -8px 40px rgba(0,0,0,.5);
    --mat-bg:rgba(22,22,23,.86);
  }
}

/* =========================================================
   iOS Design Tokens 3.0 · 全站毛玻璃材质体系（2026-09-19 移动端全站升级）
   三级材质：thick（底栏/模态）/ regular（吸顶导航）/ thin（轻提示）
   旧变量全部保留不动；新增变量以 mat- / glass- / ios- 前缀命名，零冲突。
   ========================================================= */
:root{
  /* —— 三级毛玻璃材质（light） —— */
  --mat-thick-bg:rgba(250,250,252,.78);     /* UITabBar / 模态底 sheet */
  --mat-regular-bg:rgba(249,249,249,.72);   /* 吸顶导航栏 */
  --mat-thin-bg:rgba(255,255,255,.55);      /* 轻提示 / 浮动芯片 */
  --mat-thick-blur:saturate(180%) blur(28px);
  --mat-regular-blur:saturate(180%) blur(20px);
  --mat-thin-blur:saturate(160%) blur(12px);
  /* —— 玻璃卡片 —— */
  --glass-card-bg:rgba(255,255,255,.66);
  --glass-card-border:rgba(255,255,255,.65);
  --glass-card-blur:saturate(170%) blur(18px);
  /* —— hairline 与高光 —— */
  --glass-hairline:rgba(60,60,67,.10);
  --glass-specular:inset 0 1px 0 rgba(255,255,255,.55);
  /* —— iOS 动效 —— */
  --ios-spring:cubic-bezier(.32,.72,.24,1);
  /* —— 导航栏 / 底栏尺寸 —— */
  --navbar-h:52px;
  --tabbar-h:49px;
}
@media (prefers-color-scheme:dark){
  :root{
    --mat-thick-bg:rgba(28,28,30,.78);
    --mat-regular-bg:rgba(22,22,23,.72);
    --mat-thin-bg:rgba(44,44,46,.55);
    --glass-card-bg:rgba(28,28,30,.62);
    --glass-card-border:rgba(255,255,255,.10);
    --glass-hairline:rgba(255,255,255,.10);
    --glass-specular:inset 0 1px 0 rgba(255,255,255,.08);
  }
}