/* www 功能驱动：深色全幅 + 三列功能条，无报式分栏 */
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #070d18;
  color: #e6edf7;
  font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 16px;
  line-height: 1.7;
}
a { color: #f0c14b; }
.top {
  text-align: center;
  padding: 28px 16px 8px;
  border-bottom: 1px solid #1c2a44;
}
.logo {
  display: inline-block;
  color: #f7f3e8;
  text-decoration: none;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.28em;
}
.pills {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 18px 0 8px;
  flex-wrap: wrap;
}
.pills a {
  text-decoration: none;
  color: #bcd0ea;
  border: 1px solid #314866;
  border-radius: 999px;
  padding: 6px 16px;
  font-size: 14px;
}
.pills a.now {
  background: #d4a017;
  color: #1a1203;
  border-color: #d4a017;
}
.stage {
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px 18px 20px;
  text-align: center;
}
.stage h1 {
  font-size: 32px;
  line-height: 1.35;
  margin: 0 0 16px;
  font-weight: 650;
}
.stage p { color: #b7c6d9; max-width: 760px; margin: 0 auto 22px; }
.marks {
  display: flex;
  justify-content: center;
  gap: 30px;
  color: #d4a017;
  font-size: 13px;
  letter-spacing: 0.12em;
  margin-bottom: 22px;
}
.cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.cta {
  display: inline-block;
  text-decoration: none;
  padding: 12px 18px;
  font-size: 14px;
}
.cta-a { background: #d4a017; color: #1a1203; }
.cta-b { background: #122033; color: #e6edf7; border: 1px solid #3a5477; }
.cta-c { background: transparent; color: #f0c14b; border: 1px solid #d4a017; }
.cta-d { background: #24364f; color: #e6edf7; }

.primer {
  max-width: 1080px;
  margin: 0 auto 20px;
  padding: 0 18px;
}
.primer section {
  background: #132033;
  border: 1px solid #d4a017;
  padding: 20px 22px 12px;
  margin: 0 0 12px;
}
.primer h2 { margin: 0 0 10px; font-size: 21px; color: #f3d27a; }
.primer p { color: #c9d5e6; margin: 0 0 10px; }

.tri {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  max-width: 1080px;
  margin: 10px auto 28px;
  padding: 0 18px;
}
.tri article {
  background: #10192a;
  border: 1px solid #24344d;
  padding: 18px 16px 20px;
  min-height: 180px;
}
.tri h2 { font-size: 18px; margin: 0 0 8px; color: #f0c14b; }
.tri p { margin: 0; color: #c5d2e4; font-size: 14px; }

.essay {
  max-width: 1080px;
  margin: 0 auto;
  padding: 8px 18px 8px;
}
.essay section {
  background: #0c1524;
  border-left: 4px solid #d4a017;
  padding: 20px 22px;
  margin: 0 0 16px;
}
.essay h2 { margin: 0 0 10px; font-size: 22px; }
.essay p { color: #c9d5e6; margin: 0 0 10px; }

.goldline {
  height: 1px;
  background: linear-gradient(90deg, transparent, #d4a017, transparent);
  border: 0;
  margin: 26px 18px;
}

.qa {
  max-width: 1080px;
  margin: 0 auto 40px;
  padding: 0 18px;
}
.qa h2 { font-size: 22px; }
.box {
  background: #10192a;
  padding: 14px 16px;
  margin: 0 0 12px;
  border: 1px solid #24344d;
}
.box h3 { margin: 0 0 6px; font-size: 16px; color: #f3d27a; }
.box p { margin: 0; color: #b7c6d9; }

.base {
  background: #050910;
  color: #9aabbf;
  font-size: 13px;
  padding: 26px 18px 34px;
  text-align: center;
}
.base .ok { color: #e6d5a2; }
.base nav { margin-bottom: 10px; }
.base nav a { margin: 0 8px; text-decoration: none; }

@media (max-width: 800px) {
  .tri { grid-template-columns: 1fr; }
  .stage h1 { font-size: 24px; }
}