:root {
  --color-white: #ffffff;
  --color-page: #f6f8fa;
  --color-panel: #eef3f7;
  --color-ink: #172033;
  --color-ink-soft: #344258;
  --color-muted: #667386;
  --color-faint: #94a0af;
  --color-border: #dde4eb;
  --color-border-strong: #c9d3dd;
  --color-blue: #1677c8;
  --color-blue-dark: #073b73;
  --color-blue-light: #eaf5fc;
  --color-sky: #55ace0;
  --color-orange: #f47a38;
  --color-orange-light: #fff2e9;
  --color-green: #16835f;
  --color-green-light: #eaf7f2;
  --color-red: #d33b32;
  --shadow-nav: 0 1px 12px rgba(23, 32, 51, 0.08);
  --shadow-shot: 0 18px 50px rgba(20, 40, 70, 0.14);
  --radius-sm: 6px;
  --radius-md: 8px;
  --font-sans: "MiSans", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --container: 1180px;
  --nav-height: 68px;
  --section-space: 104px;
  --transition: 180ms ease;
}

@media (max-width: 767px) {
  :root {
    --nav-height: 60px;
    --section-space: 72px;
  }
}