:root {
  --color-bg: #ffffff;
  --color-bg-muted: #f6f7fa;
  --color-bg-section: #f9f9f9;
  --color-text-primary: #505363;
  --color-text-secondary: #9ea5b2;
  --color-accent: #088bd7;
  --color-accent-hover: #0675b5;
  --color-hero-bg: #e7e7e7;
  --color-border: #e0e0e0;
  --color-white: #ffffff;

  --font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-display: "Noto Sans SC", "Source Han Sans CN", "PingFang SC", sans-serif;

  --header-height: 72px;
  --hero-height: 448px;
  --content-max: 960px;
  --site-max: 1440px;
  --side-padding: clamp(24px, calc((100% - var(--content-max)) / 2), 240px);

  --radius-sm: 8px;
  --shadow-card: 0 4px 24px rgba(80, 83, 99, 0.08);
  --transition: 0.2s ease;
  --z-header: 100;
  --z-dropdown: 200;
  --z-float: 150;
  --z-modal: 300;
}