:root {
  /* 品牌基线：页面组件只引用语义令牌，后续换风格优先从这里调整。 */
  --brand-blue-950: #071b36;
  --brand-blue-900: #0a294f;
  --brand-blue-800: #0755a3;
  --brand-blue-700: #0869c8;
  --brand-blue-600: #1479dc;
  --brand-blue-500: #2b8ef0;
  --brand-blue-200: #b9daf8;
  --brand-blue-100: #dcecff;
  --brand-blue-50: #f2f8ff;
  --color-bg: #f5f9fd;
  --color-surface: #ffffff;
  --color-surface-soft: var(--brand-blue-50);
  --color-surface-strong: #eaf4fe;
  --color-text: #081b33;
  --color-heading: #071b36;
  --color-muted: #536b82;
  --color-subtle: #d8e6f3;
  --color-border: #cfdeec;
  --color-primary: var(--brand-blue-700);
  --color-accent: var(--brand-blue-600);
  --color-accent-strong: var(--brand-blue-800);
  --color-footer: var(--brand-blue-950);
  --color-demo-bg: #fff8e8;
  --color-demo-text: #755000;
  --color-demo-border: #f0d795;
  --shadow-soft: 0 20px 48px rgba(7, 62, 117, .11);
  --shadow-card: 0 14px 32px rgba(7, 62, 117, .09);
  --shadow-float: 0 24px 60px rgba(7, 42, 78, .16);
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-card: 12px;
  --radius-lg: 20px;
  --header-height: 70px;
  --shell: min(100% - 96px, 1320px);
  --shell-reading: min(100% - 48px, 820px);
  --section-space: clamp(72px, 7vw, 104px);
  --section-space-compact: clamp(48px, 5vw, 72px);
  --hero-home: 520px;
  --hero-products: 360px;
  --hero-solutions: 320px;
  --hero-cases: 280px;
  --hero-partners: 300px;
  --hero-services: 220px;
  --hero-about: 320px;
  --hero-news: 220px;
  --hero-detail: 340px;
  --motion-fast: 160ms;
  --motion-base: 240ms;
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
  --z-header: 100;
  --z-drawer: 220;
  --z-dialog: 300;
}

/* 全站演示资料统一标识：换主题时只需调整上方的 demo 语义色。 */
.content-status {
  display: inline-flex !important;
  width: auto !important;
  min-height: 28px;
  align-items: center;
  margin: 14px 0 0 !important;
  padding: 4px 10px;
  border: 1px solid var(--color-demo-border);
  border-radius: 999px;
  background: var(--color-demo-bg);
  color: var(--color-demo-text) !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.4 !important;
}

@media (max-width: 720px) {
  :root {
    --shell: min(100% - 32px, 1320px);
    --shell-reading: min(100% - 32px, 820px);
    --section-space: 56px;
    --section-space-compact: 40px;
    --hero-home: 360px;
    --hero-products: 260px;
    --hero-solutions: 240px;
    --hero-cases: 210px;
    --hero-partners: 220px;
    --hero-services: 180px;
    --hero-about: 240px;
    --hero-news: 180px;
    --hero-detail: 250px;
  }
}