/* ============================================================
   安德立德官网 · 基础排版与布局
   依据：《安德立德官网-视觉约束冻结文档 v1.1》第 3、6 节
   调性：克制 · 高端 · 可信赖
   ============================================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-secondary);
  background-color: var(--bg-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  font-family: var(--font-body);
  color: var(--text-primary);
  font-weight: 600;
}

/* 标题字阶：H1/H2 宋体 Bold，H3/H4 黑体 SemiBold */
h1 { font-family: var(--font-display); font-size: var(--fs-h1); line-height: var(--lh-h1); font-weight: 700; }
h2 { font-family: var(--font-display); font-size: var(--fs-h2); line-height: var(--lh-h2); font-weight: 700; }
h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: 600; }
h4 { font-size: var(--fs-h4); line-height: var(--lh-h4); font-weight: 600; }

p { font-size: var(--fs-body); line-height: var(--lh-body); }

a { color: inherit; text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }

img { max-width: 100%; display: block; }

ul, ol { list-style: none; }

button { font-family: inherit; cursor: pointer; }

/* 数字一律 tabular-nums，英文数字用 Inter */
.num, .stat-card__num, .price-card__price {
  font-family: var(--font-en);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* 不允许内部断行的词组（数字、英文、中英混排单元），防止"决策周/报""1 对/1"式割裂 */
.nb { white-space: nowrap; }

/* ---- 通用布局 ---- */
.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 32px;
}

.section { padding: var(--section-pad) 0; }
.section--dark { background-color: var(--brand-primary); }
.section--card-bg { background-color: var(--bg-card); }

.section-head { max-width: 720px; margin: 0 auto 56px; text-align: center; }
.section-head--left { margin-left: 0; text-align: left; }
.section-head h1, .section-head h2 { margin-bottom: 16px; }
.section-head p { color: var(--text-secondary); }

/* 眉题：香槟金、加宽字距 */
.eyebrow {
  display: inline-block;
  font-family: var(--font-en);
  font-size: var(--fs-aux);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--brand-gold);
  margin-bottom: 16px;
}

/* 深底板块内的文字色覆写 */
.section--dark h2, .section--dark h3, .section--dark h4 { color: var(--bg-card); }
.section--dark p { color: var(--dark-text-secondary); }
.section--dark .eyebrow { color: var(--brand-gold-light); }

/* 弱化注释 / 来源行 */
.note, .source-line {
  font-size: var(--fs-aux);
  line-height: var(--lh-aux);
  color: var(--text-muted);
}
.section--dark .note, .section--dark .source-line { color: var(--dark-text-muted); }

/* ---- 滚动淡入动效：200-300ms 淡入 + 轻位移，无弹跳 ---- */
.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 768px) {
  .container { padding: 0 20px; }
  .section { padding: var(--section-pad-mobile) 0; }
  .section-head { margin-bottom: 36px; }
}