/* 第3套：对比驱动 · 青绿杂志非对称 */
:root {
  --forest: #0d4f4f;
  --teal: #1a8a7a;
  --mint: #e8f5f3;
  --paper: #f4faf8;
  --ink: #16302e;
  --fade: #4f726e;
  --gold: #c9a14a;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.8;
}

.mast {
  background: var(--forest);
  color: #e9f7f4;
}
.mast-inner {
  width: min(1080px, calc(100% - 28px));
  margin: 0 auto;
  padding: 18px 0 14px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}
.brand {
  color: #fff;
  text-decoration: none;
  font-family: "Source Han Serif SC", "STSong", serif;
  font-size: 26px;
  display: flex;
  gap: 10px;
  align-items: center;
}
nav.box a {
  display: inline-block;
  border: 1px solid #7ab8ae;
  color: #dff5f0;
  text-decoration: none;
  padding: 5px 12px;
  margin-left: 6px;
  font-size: 14px;
}
nav.box a.current { background: var(--teal); border-color: var(--teal); color: #fff; }

.issue {
  width: min(1080px, calc(100% - 28px));
  margin: 28px auto 0;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
}
.issue h1 {
  font-family: "Source Han Serif SC", "STSong", serif;
  font-size: 32px;
  line-height: 1.35;
  margin: 0 0 12px;
}
.kicker { color: var(--teal); font-weight: 700; letter-spacing: 0.12em; font-size: 12px; }
.lead { color: var(--fade); }
.cta a {
  display: inline-block;
  margin: 8px 8px 0 0;
  padding: 10px 16px;
  background: var(--teal);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.cta a.line { background: transparent; color: var(--forest); border: 1px solid var(--forest); }
.issue-side {
  background: var(--mint);
  padding: 18px;
  border-top: 6px solid var(--gold);
}

.sheet {
  width: min(1080px, calc(100% - 28px));
  margin: 28px auto;
}
.sheet h2 {
  font-family: "Source Han Serif SC", "STSong", serif;
  font-size: 24px;
  border-bottom: 2px solid var(--forest);
  padding-bottom: 6px;
}
table.versus {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  margin: 12px 0 28px;
}
table.versus th, table.versus td {
  border: 1px solid #c5ddd8;
  padding: 10px 12px;
  vertical-align: top;
}
table.versus th { background: var(--forest); color: #fff; }
table.versus td:first-child { font-weight: 700; width: 22%; background: #f0f8f6; }

.split {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 22px;
}
.block { background: #fff; padding: 18px 20px; border: 1px solid #d5e6e2; margin-bottom: 16px; }
.block h2 { margin-top: 0; }
.note { background: #fff8e8; border-left: 4px solid var(--gold); padding: 12px 14px; }

.qa { margin: 0; }
.qa dt { font-weight: 700; color: var(--forest); margin-top: 14px; }
.qa dd { margin-left: 0; color: var(--fade); }

footer {
  background: #082e2e;
  color: #cfe8e3;
  padding: 30px 0;
  font-size: 13px;
  margin-top: 20px;
}
footer .sheet { margin: 0 auto; }
footer a { color: #f0d48a; }

@media (max-width: 860px) {
  .issue, .split, .mast-inner { grid-template-columns: 1fr; display: block; }
  nav.box { margin-top: 10px; }
}