/* 第3套：对比驱动 · 杂志宽栏 · 海军蓝+金 */
body {
  margin: 0;
  background: #e8f1fb;
  color: #102a43;
  font-family: "Palatino Linotype", "Songti SC", "SimSun", serif;
  font-size: 16.5px;
  line-height: 1.8;
}
.mast {
  background: #102a43;
  color: #f0f4f8;
  padding: 18px 8vw 0;
}
.word {
  font-size: 26px;
  letter-spacing: 0.08em;
  text-decoration: none;
  color: #f7d070;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.pills {
  display: flex;
  gap: 10px;
  margin: 18px 0 0;
  padding-bottom: 14px;
}
.pills a {
  background: #243b53;
  color: #d9e2ec;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 999px;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
  font-size: 14px;
}
.pills a.on { background: #c9a227; color: #102a43; font-weight: 700; }
.lead {
  padding: 36px 8vw 20px;
  background: #f0f4f8;
}
.lead h1 {
  margin: 0 0 12px;
  font-size: 34px;
  max-width: 18em;
}
.lead p { max-width: 46em; margin: 0 0 12px; }
.cta-gold, .cta-navy {
  display: inline-block;
  margin: 16px 10px 0 0;
  padding: 12px 22px;
  text-decoration: none;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
  font-weight: 700;
}
.cta-gold { background: #c9a227; color: #102a43; }
.cta-navy { background: #102a43; color: #fff; }
.sheet { padding: 10px 8vw 50px; }
.compare-board {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  margin: 12px 0 20px;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
}
.compare-board th, .compare-board td {
  border: 1px solid #bcccdc;
  padding: 10px 12px;
  text-align: left;
}
.compare-board th { background: #102a43; color: #fff; }
.score-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin: 18px 0;
}
.score {
  background: #fff;
  padding: 16px 18px;
  border-top: 4px solid #c9a227;
}
.score h3 { margin: 0 0 8px; font-size: 18px; }
.unit {
  background: #fff;
  margin: 22px 0;
  padding: 20px 24px;
}
.unit h2 { margin: 0 0 10px; color: #102a43; font-size: 23px; }
.ask p { margin: 8px 0; }
.ask strong { display: block; margin-top: 14px; }
.colophon {
  background: #102a43;
  color: #bcccdc;
  padding: 26px 8vw 34px;
  font-size: 13px;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
}
.colophon a { color: #f7d070; }
.guard { color: #f0f4f8; }
.links a {
  display: inline-block;
  margin: 6px 8px 6px 0;
  padding: 8px 14px;
  background: #334e68;
  color: #fff;
  text-decoration: none;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
}
@media (max-width: 800px) {
  .score-row { grid-template-columns: 1fr; }
  .lead h1 { font-size: 26px; }
  .mast, .lead, .sheet, .colophon { padding-left: 18px; padding-right: 18px; }
}