/* ============================================================
   kaoshi-pici.css · 考试批次公示
   题头⑧：居中窄版 + 标签墙；引用带 + 步骤流 + 分栏 + 时间轴 + 对照双栏 + 问答
   ============================================================ */

.narrow{ max-width:820px; margin-left:auto; margin-right:auto; }

/* ---------- 题头⑧ ---------- */
.phead{
  padding:150px 0 70px; text-align:center;
  background:
    radial-gradient(circle at 15% 20%, rgba(18,183,106,.10), transparent 45%),
    radial-gradient(circle at 85% 10%, rgba(255,122,28,.12), transparent 45%),
    var(--white);
}
.crumbs-center{ justify-content:center; }
.phead-kicker{
  display:inline-block; font-size:13px; font-weight:700; letter-spacing:3px;
  color:var(--green-deep); margin:16px 0 14px;
}
.phead-title{ font-size:38px; font-weight:800; max-width:760px; margin:0 auto; }
.phead-sub{ margin:16px auto 0; color:var(--ink-2); font-size:16px; }
.tag-wall{ margin-top:26px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.tag-wall span{
  font-size:13.5px; font-weight:600; color:var(--ink-2);
  background:var(--bg-soft); border:1px solid var(--line);
  padding:7px 16px; border-radius:999px;
}
.tag-wall span:nth-child(odd){ color:var(--orange-deep); border-color:rgba(255,122,28,.35); background:var(--orange-soft); }

/* ---------- 引用带 ---------- */
.bg-soft{ background:var(--bg-soft); }
.notice-quote{
  position:relative; background:#fff; border-radius:var(--radius-lg);
  padding:40px 44px; box-shadow:var(--shadow-sm); border-left:6px solid var(--orange);
}
.nq-mark{ font-size:56px; line-height:.6; color:var(--orange); font-weight:800; }
.nq-text{ font-size:18px; line-height:1.9; color:var(--ink); margin:14px 0 16px; }
.nq-src{ font-size:13px; color:var(--ink-3); }

/* ---------- 步骤流 ---------- */
.read-steps{
  margin-top:40px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
  counter-reset:step;
}
.read-steps li{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:28px 22px; box-shadow:var(--shadow-sm); position:relative;
}
.rs-num{
  display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center;
  border-radius:50%; background:linear-gradient(135deg,var(--green),var(--green-deep));
  color:#fff; font-weight:800; margin-bottom:14px;
}
.read-steps li:nth-child(even) .rs-num{
  background:linear-gradient(135deg,var(--orange),var(--orange-deep));
}
.read-steps h3{ font-size:18px; margin-bottom:8px; }
.read-steps p{ font-size:14px; color:var(--ink-2); }

/* ---------- 提醒服务分栏 ---------- */
.bg-green{ background:var(--bg-green); }
.remind-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:44px; align-items:center; }
.remind-img img{
  width:100%; height:340px; object-fit:cover; border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}
.remind-list{ margin:20px 0 26px; display:flex; flex-direction:column; gap:10px; }
.remind-list li{
  position:relative; padding-left:28px; color:var(--ink); font-size:15px;
}
.remind-list li::before{
  content:""; position:absolute; left:0; top:9px; width:14px; height:14px;
  border-radius:50%; background:var(--green);
}

/* ---------- 时间轴 ---------- */
.timeline{
  margin-top:36px; position:relative; padding-left:30px;
  border-left:3px solid var(--line);
}
.tl-item{ position:relative; padding-bottom:30px; }
.tl-item:last-child{ padding-bottom:0; }
.tl-dot{
  position:absolute; left:-41px; top:4px; width:20px; height:20px; border-radius:50%;
  background:#fff; border:5px solid var(--orange);
}
.tl-item:nth-child(even) .tl-dot{ border-color:var(--green); }
.tl-body h3{ font-size:19px; margin-bottom:6px; }
.tl-body p{ color:var(--ink-2); font-size:14.5px; max-width:640px; }
.tl-body a{ color:var(--orange-deep); text-decoration:underline; }

/* ---------- 错过批次双栏 ---------- */
.bg-orange{ background:var(--bg-orange); }
.miss-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:36px; }
.miss-card{
  background:#fff; border-radius:var(--radius-lg); padding:34px 30px;
  box-shadow:var(--shadow-sm);
}
.miss-card h3{ font-size:21px; margin-bottom:12px; }
.miss-card p{ color:var(--ink-2); margin-bottom:22px; }
.miss-alt{ background:linear-gradient(135deg,#143525,#0F1F17); color:#fff; }
.miss-alt p{ color:#B9C8BF; }

/* ---------- 问答列表 ---------- */
.qa-list{ margin-top:30px; }
.qa-item{
  background:var(--bg-soft); border-radius:14px; padding:22px 26px; margin-bottom:14px;
  border-left:4px solid var(--green);
}
.qa-item h3{ font-size:16px; margin-bottom:8px; color:var(--green-deep); }
.qa-item p{ font-size:14.5px; color:var(--ink-2); }
.qa-item a{ color:var(--orange-deep); text-decoration:underline; }

/* ---------- 行动带 ---------- */
.pcta{
  background:linear-gradient(120deg,var(--orange) 0%,var(--orange-deep) 100%);
  color:#fff; padding:60px 0; text-align:center;
}
.pcta h2{ font-size:30px; margin-bottom:12px; }
.pcta p{ color:rgba(255,255,255,.92); max-width:600px; margin:0 auto 26px; }
.pcta-actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .phead{ padding:130px 0 60px; }
  .phead-title{ font-size:28px; }
  .read-steps{ grid-template-columns:1fr 1fr; }
  .remind-grid{ grid-template-columns:1fr; gap:26px; }
  .miss-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .read-steps{ grid-template-columns:1fr; }
  .notice-quote{ padding:28px 22px; }
}