:root {
  /* Colors — from Figma MCP */
  --color-primary: #3c8aff;
  --color-blue: #0066ff;
  --color-blue-alt: #0256ff;
  --color-orange: #fd8a25;
  --color-text: #000000;
  --color-text-secondary: #111111;
  --color-icon: #202425;
  --color-bg-muted: #f6f7f9;
  --color-tag-bg: #fbfbfc;
  --color-white: #ffffff;
  --color-divider: #d9d9d9;

  /* Typography — PingFang SC */
  --font-family: "PingFang SC", -apple-system, "Helvetica Neue", "Microsoft YaHei", sans-serif;

  --font-size-nav: 16px;
  --line-height-nav: 22.4px;
  --font-weight-nav: 400;
  --font-weight-nav-active: 600;

  --font-size-nav-btn: 14px;
  --line-height-nav-btn: 19.6px;

  --font-size-hero: 72px;
  --line-height-hero: 100.8px;
  --font-weight-hero: 600;

  --font-size-tag: 14px;
  --line-height-tag: 19.6px;
  --font-weight-tag: 400;
  --font-weight-tag-dot: 600;

  --font-size-card-badge: 18px;
  --line-height-card-badge: 25.2px;

  --font-size-card-title: 20px;
  --line-height-card-title: 28px;
  --font-weight-card-title: 600;

  --font-size-card-desc: 14px;
  --line-height-card-desc: 19.6px;

  --font-size-section: 30px;
  --line-height-section: 42px;
  --font-weight-section: 600;

  --font-size-body: 16px;
  --line-height-body: 22.4px;

  --font-size-stage-title: 24px;
  --line-height-stage-title: 33.6px;
  --font-weight-stage-title: 600;

  --font-size-stage-sub: 16px;
  --line-height-stage-sub: 22.4px;

  --font-size-subsection: 20px;
  --line-height-subsection: 28px;
  --font-weight-subsection: 600;

  --font-size-contact-name: 24px;
  --line-height-contact-name: 33.6px;
  --font-weight-contact-name: 600;

  --font-size-timeline-sm: 12px;
  --line-height-timeline-sm: 16.8px;

  --font-size-timeline-md: 14px;
  --line-height-timeline-md: 19.6px;

  --font-size-timeline-lg: 18px;
  --line-height-timeline-lg: 25.2px;

  /* Layout */
  --container-max: 1200px;
  --container-padding: 20px;
  --design-width: 1440px;

  /* Radius */
  --radius-nav-pill: 80px;
  --radius-nav-btn: 10px;
  --radius-card: 20px;
  --radius-card-badge: 70px;
  --radius-tag: 110px;
  --radius-section-bar: 2px;
  --radius-timeline-pill: 260px;
  --radius-timeline-track: 20px;
  --radius-field-tag: 10px;

  /* Shadow */
  --shadow-card: 0 14px 14px rgba(0, 0, 0, 0.03);

  /* Spacing — derived from Figma node positions (1440 → 1200 scale) */
  --space-nav-height: 50px;
  --space-nav-top: 10px;
  --space-hero-top: 190px;
  --space-projects-top: 521px;
  --space-card-gap: 30px;
  --space-section-gap: 64px;

  /* Motion */
  --transition-card: 200ms ease;
  --transition-nav: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Hero bg aspect */
  --hero-bg-height: 830px;
}


/* 平板1024尺寸全局变量缩放 */
@media (max-width: 1024px) {
  :root {
    --space-section-gap: 48px;
    --space-card-gap: 24px;
    --font-size-section: 26px;
    --font-size-body: 15px;
    --font-size-card-title: 18px;
    --space-nav-height: 46px;
  }
}

/* 手机768px全局变量压缩 */
@media (max-width: 768px) {
  :root {
    --container-padding: 16px;
    --space-section-gap: 32px;
    --space-card-gap: 16px;
    --space-nav-height: 44px;
    --font-size-nav: 13px;
    --font-size-section: 22px;
    --font-size-body: 14px;
    --font-size-card-title: 16px;
    --font-size-stage-title: 20px;
    --font-size-subsection: 18px;
    --hero-bg-height: 380px;
  }
}

/* 375px超小手机极致压缩 */
@media (max-width: 375px) {
  :root {
    --container-padding: 14px;
    --space-section-gap: 24px;
    --space-card-gap: 12px;
    --font-size-section: 20px;
    --font-size-body: 13px;
    --font-size-card-title: 15px;
  }
}