/* 华昇金玛官网统一元素层
   来源: /design-system/hsjm-brand-tokens.json */
:root {
  /* 华昇金玛官方 VI（来源：www.dljmfy.com 官网，已对齐主色/点缀色/字体） */
  --hsjm-primary: #20429b;          /* 官方主色：科技蓝 */
  --hsjm-primary-dark: #16306f;
  --hsjm-primary-light: #4a6fc4;
  --hsjm-primary-soft: #EBF0FA;
  --hsjm-accent: #006c2e;           /* 官方点缀：生态绿 */
  --hsjm-accent-soft: #E7F4EC;
  --hsjm-gold: #C98724;             /* 暖色次强调（保留） */
  --hsjm-gold-soft: #FFF7E6;
  --hsjm-ink: #13223a;
  --hsjm-muted: #5b6b82;
  --hsjm-line: #D8E0EE;
  --hsjm-bg: #F4F6FB;
  --hsjm-card: #FFFFFF;
  --hsjm-danger: #C62828;
  --hsjm-info: #1F6FB2;
  --hsjm-shadow: 0 14px 34px rgba(22, 48, 111, .08);
  --hsjm-radius: 10px;
  --hsjm-font: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif;
}

body {
  color: var(--hsjm-ink);
  background: var(--hsjm-bg);
  font-family: var(--hsjm-font);
  letter-spacing: 0;
}

.navbar,
.top {
  background: rgba(250, 251, 247, .94);
  border-bottom: 1px solid rgba(16, 47, 36, .1);
}

.nav-brand,
.brand {
  color: var(--hsjm-primary-dark);
  letter-spacing: 0;
}

.navbar .container {
  gap: 18px;
}

.nav-links {
  gap: 16px;
  align-items: center;
  min-width: 0;
}

.nav-brand,
.nav-actions {
  flex: 0 0 auto;
}

.nav-links a,
.nav a {
  color: var(--hsjm-muted);
  white-space: nowrap;
  font-weight: 650;
}

.nav-links a:hover,
.nav-links a.active,
.nav a:hover,
.nav a.active {
  color: var(--hsjm-primary);
}

.btn,
button.btn,
a.btn {
  border-radius: 6px;
  font-weight: 760;
  letter-spacing: 0;
}

.btn-primary,
.btn.primary {
  background: var(--hsjm-primary);
  color: #fff;
  border-color: var(--hsjm-primary);
}

.btn-outline,
a.btn:not(.btn-primary):not(.primary):not(.btn-gold):not(.gold),
button.btn:not(.btn-primary):not(.primary):not(.btn-gold):not(.gold) {
  border-color: var(--hsjm-primary);
  color: var(--hsjm-primary);
}

.btn-primary,
.btn.primary {
  color: #fff !important;
}

.btn-gold,
.btn.gold {
  background: var(--hsjm-gold);
  border-color: var(--hsjm-gold);
  color: #171100;
}

.card,
.tool,
.launch-item,
.step,
.enterprise-card,
.value-crown-card,
.case-tile,
.proof-kpi {
  border-radius: var(--hsjm-radius);
  border-color: var(--hsjm-line);
  box-shadow: var(--hsjm-shadow);
}

.section-kicker,
.eyebrow,
.type,
.platform {
  color: var(--hsjm-primary);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 850;
}

.section-header h2,
.section h2,
.hero h1,
.hero-title-sub {
  letter-spacing: 0;
}