/* 新版 UI 设计 Token。取值来源：Figma 文件 fRZB0E8HsNVkyyd7iMBsQz，节点 256:130 及其子节点。 */
:root {
    /* 品牌与状态色 */
    --color-brand: #7ad354;                     /* Figma 变量「主题色」 */
    --color-brand-link: #67d84e;                /* Banner 内联链接 256:686 */
    --color-brand-soft: #f2fbee;                /* Figma 变量「10%主题色」 */
    --color-danger: #ff6060;                    /* 折扣标签 256:861 */
    --color-danger-soft: rgba(255, 96, 96, .1);
    --color-orange: #fe7637;                    /* Figma 变量「橙色」，购买页价格与优惠 */

    /* 文字色 */
    --color-text-primary: #282c33;              /* Figma 变量「一级文字」 */
    --color-text-secondary: #9a99a3;            /* Figma 变量「二级文字」 */
    --color-text-muted: #57637a;                /* 模块副标题、未选中胶囊 */
    --color-text-subtle: #888895;               /* 套餐卡说明与详情标签 */
    --color-ink: #2b2c33;                       /* 正文主色、深色底 */
    --color-title: #25262c;                     /* 区块标题 256:741 / 256:584 */
    --color-on-dark: #ffffff;
    --color-on-dark-muted: rgba(255, 255, 255, .7);
    --color-on-dark-label: rgba(255, 255, 255, .6);

    /* 背景与描边 */
    --color-page: #f5f4f7;                      /* 页面底色 */
    --color-hero: #eeeff3;                      /* Banner 底色 256:136 */
    --color-card: #ffffff;
    --color-card-soft: #fafafb;                 /* 数据统计卡 256:586 */
    --color-surface-muted: #e9e8ef;             /* 胶囊、场景卡底色 */
    --color-surface-quiet: #e9e8f0;             /* 导航次按钮 256:925 */
    --color-panel-glass: rgba(245, 247, 250, .5);   /* FAQ 外层 256:718 */
    --color-border: #dadfe9;                    /* Figma 变量「描边」 */
    --color-border-soft: rgba(214, 224, 240, .72);
    --color-border-pill: rgba(214, 224, 240, .95);
    --color-divider-dark: rgba(255, 255, 255, .2);

    /* 阴影 */
    --shadow-card: 0 16px 32px -12px rgba(14, 18, 27, .1);      /* regular-shadow/medium */
    --shadow-panel: 0 16px 34px -14px rgba(13, 33, 71, .04);
    --shadow-auth-card: 0 4px 30.6px rgba(0, 0, 0, .04);
    --shadow-auth-input: 0 1px 2px rgba(10, 13, 20, .03);
    --color-success-soft: #f2fbef;

    /* 尺寸与间距 */
    --content-width: 1200px;
    --page-min-width: 1280px;
    --uc-card-narrow: 640px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 24px;
    --space-2xl: 32px;

    /* 圆角 */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-card: 18px;
    --radius-panel: 28px;
    --radius-pill: 999px;

    /* 字体 */
    --font-sans: "Source Han Sans CN", "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-numeric: "D-DIN-PRO", "DIN Alternate", "Bahnschrift", "Helvetica Neue", Arial, sans-serif;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* 排版 */
    --font-size-section-title: 48px;
    --line-height-section-title: 72px;
    --font-size-body: 16px;
    --line-height-body: 24px;
}