:root{
  --w4-font-sans:Arial,"Helvetica Neue","Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;
  --w4-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;

  --w4-color-blue:#1768ff;
  --w4-color-blue-deep:#0b4fd7;
  --w4-color-cyan:#31b7dd;
  --w4-color-green:#31c88a;
  --w4-color-purple:#7c5cff;
  --w4-color-navy:#07182e;
  --w4-color-ink:#0b2039;
  --w4-color-muted:#61778e;
  --w4-color-line:#d7e2ed;
  --w4-color-soft:#f4f8fd;
  --w4-color-danger:#e84a5f;
  --w4-color-white:#fff;

  --w4-space-1:4px;
  --w4-space-2:8px;
  --w4-space-3:12px;
  --w4-space-4:16px;
  --w4-space-5:20px;
  --w4-space-6:24px;
  --w4-space-8:32px;
  --w4-space-10:40px;
  --w4-space-12:48px;
  --w4-space-16:64px;
  --w4-space-20:80px;
  --w4-space-section:88px;
  --w4-space-24:96px;
  --w4-space-30:120px;

  --w4-shell:1180px;
  --w4-shell-wide:1280px;

  --w4-radius-control:9px;
  --w4-radius-panel:14px;
  --w4-radius-card:19px;
  --w4-radius-major:24px;
  --w4-radius-pill:999px;

  --w4-shadow-surface:0 18px 48px rgba(23,58,98,.06);
  --w4-shadow-floating:0 22px 60px rgba(28,70,118,.10);
  --w4-shadow-hero-glow:0 24px 72px rgba(23,104,255,.14);

  --w4-type-hero:clamp(52px,4.15vw,60px);
  --w4-type-section:clamp(36px,3.25vw,46px);
  --w4-type-h3:22px;
  --w4-type-card:15px;
  --w4-type-lead:18px;
  --w4-type-body:15.5px;
  --w4-type-evidence:12.5px;
  --w4-type-meta:10px;

  --w4-leading-display:1.03;
  --w4-leading-heading:1.08;
  --w4-leading-body:1.65;
}

@media(max-width:991px){
  :root{
    --w4-type-hero:clamp(43px,5.6vw,54px);
    --w4-type-section:clamp(34px,5vw,42px);
  }
}
@media(max-width:767px){
  :root{
    --w4-type-hero:clamp(38px,10vw,46px);
    --w4-type-section:clamp(30px,8.4vw,38px);
    --w4-type-lead:17px;
    --w4-type-body:15px;
  }
}