html { font-size: calc(100vw / 19.2); }   /* 1920 视口下 1rem = 100px */
@media (max-width: 768px) { html { font-size: calc(100vw / 7.5) !important; } }

:root {
  /* 品牌色：全站唯一彩色 */
  --vi: #E70012;
  --vicolor: #E70012;

  /* 文字 */
  --t1: #333333;   --t2: #666666;   --t3: #999999;   --t4: #464646;

  /* 面 */
  --bg0: #FFFFFF;  --bg1: #F9F9F9;  --bg2: #F8F8F8;
  --bg-dark: #23262C;
  --bg-glass: rgba(255,255,255,.2);
  --bg-glass-2: rgba(184,184,184,.1);

  /* 线 */
  --ln1: #D9D9D9;  --ln2: #DCDCDC;  --ln3: #cccccc63;
  --ln-header: rgba(255,255,255,.06);
  --ln-footer: rgba(213,213,213,.4);
  --ln-stat: rgba(191,191,191,.73);

  /* 白透明阶（深底上的文字与描边） */
  --w20: rgba(255,255,255,.2);  --w30: rgba(255,255,255,.3);
  --w40: rgba(255,255,255,.4);  --w50: rgba(255,255,255,.5);
  --w60: rgba(255,255,255,.6);  --w70: rgba(255,255,255,.7);
  --w80: rgba(255,255,255,.8);  --w90: rgba(255,255,255,.9);

  /* 功能色：仅用于表单提交后的消息提示 */
  --ok: #52C41A;    --ok-bg: #EEF9E8;
  --warn: #FAAD14;  --warn-bg: #FFF7E8;
  --err: #FF4D4F;   --err-bg: #FFEDED;
  --info: #909399;

  /* 字体 */
  --font: "harmony", -apple-system, BlinkMacSystemFont, "PingFang SC",
          "Segoe UI", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  /* 字重只用 4 档：300 / 400 / 500（=600）/ 700 */

  /* 字号：rem 值即 @1920 的 px 除以 100 */
  --fs-70: 0.70rem;  --fs-52: 0.52rem;  --fs-50: 0.50rem;
  --fs-48: 0.48rem;  --fs-42: 0.42rem;  --fs-36: 0.36rem;
  --fs-28: 0.28rem;  --fs-24: 0.24rem;  --fs-20: 0.20rem;
  --fs-18: 0.18rem;  --fs-16: 0.16rem;  --fs-14: 0.14rem;

  /* 行高 */
  --lh-1: 1;      --lh-12: 1.2;   --lh-125: 1.25;  --lh-13: 1.3;
  --lh-133: 1.33; --lh-15: 1.5;   --lh-166: 1.66;  --lh-18: 1.8;
  --lh-2: 2;

  /* 间距 */
  --pad-x: 10vw;           /* 全站左右留白：内容区占整屏 80% */
  --pad-x-narrow: 3.20rem; /* 320px 居中长文区 */
  --sec-top: 1.40rem;      /* 140px */
  --sec-top-lg: 1.60rem;   /* 160px */
  --sec-bottom: 1.50rem;   /* 150px */
  --gutter: 0.30rem;       /* 30px 卡片 gap */
  --gutter-stat: 0.60rem;  /* 60px 统计区 gap */

  /* 圆角：只有 4 档 */
  --r-btn: 0.05rem;   /* 5px */
  --r-input: 0.06rem; /* 6px */
  --r-card: 0.10rem;  /* 10px */
  --r-glass: 0.15rem; /* 15px */
  --r-pill: 0.20rem;  /* 20px 仅页脚胶囊 */

  /* 阴影：4 套 */
  --sh-card: 0 4px 56.1px rgba(0,0,0,.07);
  --sh-pop: 0 0 10px rgba(0,0,0,.1);
  --sh-pop2: 0 8px 25px rgba(0,0,0,.12);
  --sh-modal: 0 18px 60px rgba(0,0,0,.06);

  /* 动效 */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-aos: cubic-bezier(.25, .46, .45, .94);
  --dur-1: 300ms;  --dur-2: 400ms;  --dur-3: 500ms;
  --dur-4: 800ms;  --dur-5: 1000ms; --dur-aos: 1200ms;
}
