:root{
  /* 品牌 chrome —— 仅蓝系 */
  --primary:#1c69d4; --primary-active:#0653b6;
  --canvas:#ffffff; --surface-soft:#f7f7f7; --surface-card:#fafafa;
  --sink-fill:#e8e8e8; --sink-fill-soft:#f0f0f0;
  --hero-stage:#090e14;
  --surface-dark:#1a2129; --surface-dark-elevated:#262e38; --surface-dark-sunk:#222932; --brand-navy:#01335E;
  --link-on-dark:#7fb0ff; --hairline-dark:#2b333d; --hairline-dark-sunk:#272f38;
  --ink:#262626; --body:#3c3c3c; --muted:#6b6b6b;
  --on-dark:#ffffff; --on-dark-soft:#bbbbbb;
  --hairline:#e6e6e6; --hairline-strong:#cccccc; --hairline-hover:#b3b3b3;
  --error:#dc2626; --error-on-dark:#f87171;
  /* 病害「数据墨水」—— 仅用于产品影像内部；预留调色板，当前仅 --d-pothole 在用 */
  --d-long:#3B82F6; --d-trans:#A78BFA; --d-mesh:#E0A340; --d-pothole:#D3534B; --d-other:#7A8294;
  /* 字号阶梯 */
  /* display-xl 随视口收缩：hero 左栏在 768–1366px 窄于「PavementCracker」的 64px 词宽，
     而该词已锁 nowrap（见 .headline--xl），字号不跟着缩就会压到右侧图上。
     4.3vw 由最紧的 768px 断点反推（含 hero 滚动内缩占掉的宽度）；1600px 起回到设计值 64px。 */
  --fs-display-xl:clamp(30px,4.3vw,64px); --fs-display-lg:48px; --fs-display-md:32px; --fs-display-sm:24px;
  --fs-title-lg:20px; --fs-title-md:18px; --fs-title-sm:16px;
  --fs-body:16px; --fs-body-sm:14px; --fs-caption:12px; --fs-label:13px;
  /* 间距 / 圆角 */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-section:80px;
  --radius:0; --radius-pill:9999px;
  --maxw:1440px; --nav-h:64px;
}
@media (max-width:767.98px){ :root{ --fs-display-xl:30px; --fs-display-lg:28px; --fs-display-md:26px; --sp-section:52px; } }