/* 第5套：问答驱动 · 报排多栏 + 底栏固定下载 · 蓝灰 */
* { box-sizing: border-box; }
body {
  margin: 0 0 72px;
  background: #eef1f4;
  color: #243040;
  font: 16px/1.65 "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.masthead {
  background: #dfe6ee;
  border-bottom: 3px double #2c4a6e;
  padding: 10px 20px 0;
}
.masthead .row {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.brand {
  color: #1c3554;
  text-decoration: none;
  font-weight: 800;
  font-size: 26px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
}
.nav {
  display: flex;
}
.nav a {
  color: #1c3554;
  text-decoration: none;
  padding: 8px 14px 10px;
  border: 1px solid transparent;
  border-bottom: none;
  font-size: 14px;
}
.nav a.current {
  background: #f7f8fa;
  border-color: #2c4a6e;
  font-weight: 700;
}

.headline {
  max-width: 1080px;
  margin: 0 auto;
  padding: 22px 20px 8px;
  border-bottom: 1px solid #b7c3d0;
}
.headline h1 {
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.35;
}
.byline { color: #5b6b7c; font-size: 13px; margin-bottom: 12px; }
.lead-btn {
  display: inline-block;
  background: #1c4f8a;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding: 10px 16px;
  margin: 8px 8px 8px 0;
}
.lead-btn.alt { background: #fff; color: #1c4f8a; border: 1px solid #1c4f8a; }

.board {
  max-width: 1080px;
  margin: 0 auto;
  padding: 16px 20px 40px;
}
.ask {
  background: #fff;
  border-top: 4px solid #1c4f8a;
  padding: 14px 16px;
  margin: 0 0 14px;
}
.ask h2 { margin: 0 0 8px; font-size: 20px; }
.cols {
  column-count: 2;
  column-gap: 28px;
}
.cols .chunk {
  break-inside: avoid;
  background: #fff;
  border: 1px solid #cfd8e2;
  padding: 14px 16px;
  margin: 0 0 14px;
}
.cols h2 { margin: 0 0 8px; font-size: 18px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; }
th, td { border: 1px solid #cfd8e2; padding: 7px 8px; text-align: left; }
th { background: #e8eef5; }
.qa { border-bottom: 1px dotted #9aabbc; padding: 10px 0; }
.qa h3 { margin: 0 0 6px; font-size: 16px; }

.dock {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background: #1c3554;
  color: #e8eef5;
  padding: 10px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  z-index: 30;
  font-size: 14px;
}
.dock a {
  background: #f0c14b;
  color: #1c1408;
  text-decoration: none;
  font-weight: 800;
  padding: 8px 14px;
}

.colophon {
  background: #243040;
  color: #c5d0db;
  padding: 22px 20px 88px;
  font-size: 13px;
  line-height: 1.7;
}
.colophon .inner { max-width: 1080px; margin: 0 auto; }
.colophon a { color: #9ec4ef; }
.colophon .safe { border: 1px solid #4a5d72; padding: 10px 12px; margin-bottom: 12px; }

@media (max-width: 800px) {
  .cols { column-count: 1; }
  .masthead .row { display: block; }
}