/* 第5套：问答驱动 · 报版密排 · 墨黑橙 */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: "SimSun", "Songti SC", "Noto Serif SC", serif;
  background: #f6f4ef;
  color: #161616;
  line-height: 1.7;
}
a { color: #9a3b00; }
.frame { width: min(1200px, calc(100% - 28px)); margin: 0 auto; }

.paperhead {
  background: #111;
  color: #f2f2f2;
  padding: 10px 0 0;
}
.paperhead .frame { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px; }
.paperhead strong { font-size: 34px; letter-spacing: 0.12em; color: #ff8a3d; font-family: "Microsoft YaHei", sans-serif; }
.paperhead em { font-style: normal; display: block; font-size: 12px; letter-spacing: 0.2em; color: #bbb; }
.hnav { font-family: "Microsoft YaHei", sans-serif; }
.hnav a { color: #ddd; text-decoration: none; margin-left: 14px; font-size: 14px; }
.hnav a.sel { color: #ff8a3d; }

.headline {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 16px;
  padding: 22px 0 10px;
  border-bottom: 3px solid #111;
}
.headline h1 { font-size: 28px; grid-column: 1 / 2; }
.headline .blurb { grid-column: 1 / 2; font-size: 16px; }
.spot {
  background: #111;
  color: #fff;
  padding: 14px;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px;
}
.spot a { color: #ff8a3d; font-weight: 700; display: inline-block; margin-top: 8px; }
.cta {
  display: inline-block;
  background: #e85d04;
  color: #fff;
  text-decoration: none;
  font-family: "Microsoft YaHei", sans-serif;
  font-weight: 800;
  padding: 10px 16px;
  margin: 8px 8px 0 0;
}

.qa-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-left: 1px solid #111;
  border-right: 1px solid #111;
  margin: 18px 0;
}
.qa {
  border-bottom: 1px solid #111;
  border-right: 1px solid #111;
  padding: 16px 16px 14px;
}
.qa:nth-child(2n) { border-right: none; }
.qa h2 { font-size: 18px; margin-bottom: 8px; font-family: "Microsoft YaHei", sans-serif; }
.qa p { margin: 7px 0; font-size: 15px; }
.wide { grid-column: 1 / -1; border-right: none; }
.columns { column-count: 2; column-gap: 28px; }
.ask { margin: 12px 0; }
.ask dt { font-family: "Microsoft YaHei", sans-serif; font-weight: 700; }
.ask dd { margin: 6px 0 0; }

.footbar {
  background: #111;
  color: #cfcfcf;
  padding: 20px 0;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 12px;
  margin-top: 10px;
}
.footbar .cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 10px; }
.footbar a { color: #ff8a3d; margin-right: 10px; }
.ok { color: #ffd19a; }

@media (max-width: 900px) {
  .headline, .qa-grid, .footbar .cols { grid-template-columns: 1fr; }
  .headline h1, .headline .blurb { grid-column: auto; }
  .columns { column-count: 1; }
}