/* 人才运营首页字体规范：与乘式空间统一使用 12 / 14 / 16 / 20 / 28 / 38 / 42–68px。 */
:root {
  --ops-type-caption: 12px;
  --ops-type-body: 14px;
  --ops-type-lead: 16px;
  --ops-type-card-title: 20px;
  --ops-type-feature-title: 28px;
  --ops-type-section-title: 38px;
  --ops-type-display: clamp(42px, 4.4vw, 68px);
  --ops-leading-title: 1.35;
  --ops-leading-body: 1.8;
}
body { font-size: var(--ops-type-lead); line-height: 1.7; }

.ops-brand small,
.sidebar-park > span,
.sidebar-park small,
.ops-nav a > span,
.ops-nav a small,
.sidebar-trust small,
.topbar-title span,
.park-selector > span,
.mobile-menu,
.hero-copy > p,
.hero-metrics header,
.hero-metrics article span,
.hero-metrics article small,
.section-heading > div > span,
.section-heading > small,
.business-card > header,
.business-card footer,
.focus-card small,
.ops-footer {
  font-size: var(--ops-type-caption);
}

.sidebar-park strong,
.ops-nav a strong,
.sidebar-trust strong,
.topbar-actions > a,
.park-selector select,
.primary-button,
.secondary-button,
.business-card p,
.business-main-link,
.focus-card strong,
.panel-loading,
.ops-toast {
  font-size: var(--ops-type-body);
  line-height: var(--ops-leading-body);
}

.topbar-title strong,
.hero-copy > small { font-size: var(--ops-type-lead); }
.ops-brand strong,
.business-card h3 { font-size: var(--ops-type-card-title); }
.focus-card b { font-size: var(--ops-type-feature-title); }
.hero-metrics article strong { font-size: 30px; }
.hero-copy h1 { font-size: var(--ops-type-display); line-height: 1.18; letter-spacing: -1px; }
.section-heading h2 { font-size: var(--ops-type-section-title); line-height: 1.32; letter-spacing: -1px; }
.section-heading.compact h2 { font-size: var(--ops-type-feature-title); }

@media (max-width: 620px) {
  :root {
    --ops-type-section-title: 32px;
    --ops-type-feature-title: 26px;
    --ops-type-display: 42px;
  }
  .topbar-title strong { font-size: var(--ops-type-body); }
  .hero-copy > small { font-size: var(--ops-type-body); }
}