/* ============================================================
   kaoshi-didian.css · 考试地点
   题头①：全幅图 Banner 变体；图文混排 + 双栏城市场 + 数字大卡 + 时间轴 + 对照清单
   ============================================================ */

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

/* ---------- 题头①：全幅 Banner ---------- */
.dhead{ position:relative; height:460px; display:flex; align-items:flex-end; overflow:hidden; }
.dhead-bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.dhead-mask{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,31,23,.35) 0%, rgba(15,31,23,.78) 100%);
}
.dhead-inner{ position:relative; z-index:2; padding-bottom:56px; }
.crumbs-light a, .crumbs-light span{ color:rgba(255,255,255,.85); }
.crumbs-light{ padding:0 0 16px; }
.dhead-title{ color:#fff; font-size:36px; font-weight:800; max-width:820px; line-height:1.35; }
.dhead-sub{ color:rgba(255,255,255,.88); margin-top:14px; max-width:720px; font-size:15.5px; }

/* ---------- 考点安排：图文混排 ---------- */
.dplace-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:44px; align-items:center; }
.dplace-img img{
  width:100%; height:340px; object-fit:cover; border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}
.dplace-list{ margin-top:20px; display:flex; flex-direction:column; gap:14px; }
.dplace-list li{
  background:var(--bg-soft); border-radius:12px; padding:14px 18px;
  font-size:14.5px; color:var(--ink-2); border-left:4px solid var(--green);
}
.dplace-list b{ color:var(--ink); }

/* ---------- 双城双栏 ---------- */
.bg-soft{ background:var(--bg-soft); }
.city-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:36px; }
.city-card{
  background:#fff; border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.city-card img{ width:100%; height:210px; object-fit:cover; }
.city-body{ padding:24px 26px 28px; }
.city-body h3{ font-size:20px; margin-bottom:10px; color:var(--green-deep); }
.city-body p{ font-size:14.5px; color:var(--ink-2); }

/* ---------- 数字大卡：踩点 ---------- */
.recon-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:36px; }
.recon-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 22px; box-shadow:var(--shadow-sm);
}
.rc-big{
  display:block; font-size:30px; font-weight:800; color:var(--orange-deep); margin-bottom:10px;
}
.recon-card:nth-child(even) .rc-big{ color:var(--green-deep); }
.recon-card p{ font-size:14px; color:var(--ink-2); }

/* ---------- 当天流程时间轴 ---------- */
.bg-green{ background:var(--bg-green); }
.dtime{ margin-top:36px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.dt-item{
  background:#fff; border-radius:var(--radius); padding:26px 22px; box-shadow:var(--shadow-sm);
  position:relative; border-top:4px solid var(--orange);
}
.dt-item:nth-child(even){ border-top-color:var(--green); }
.dt-step{
  display:inline-block; font-size:12px; font-weight:700; letter-spacing:2px;
  color:var(--ink-3); margin-bottom:10px;
}
.dt-item h3{ font-size:17px; margin-bottom:8px; }
.dt-item p{ font-size:13.5px; color:var(--ink-2); }

/* ---------- 对照清单 ---------- */
.chk-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:34px; }
.chk-card{
  background:#fff; border-radius:var(--radius-lg); padding:32px 30px;
  box-shadow:var(--shadow-sm); border:1px solid var(--line);
}
.chk-card h3{ font-size:20px; margin-bottom:16px; color:var(--orange-deep); }
.chk-card ul{ display:flex; flex-direction:column; gap:10px; }
.chk-card li{
  position:relative; padding-left:26px; font-size:14.5px; color:var(--ink-2);
}
.chk-card li::before{
  content:""; position:absolute; left:0; top:8px; width:14px; height:8px;
  border-left:3px solid var(--green); border-bottom:3px solid var(--green);
  transform:rotate(-45deg);
}
.chk-alt{ background:var(--green-soft); border-color:rgba(18,183,106,.3); }
.chk-alt h3{ color:var(--green-deep); }

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

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

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .dhead{ height:380px; }
  .dhead-title{ font-size:27px; }
  .dplace-grid{ grid-template-columns:1fr; gap:26px; }
  .city-grid{ grid-template-columns:1fr; }
  .recon-grid{ grid-template-columns:1fr 1fr; }
  .dtime{ grid-template-columns:1fr 1fr; }
  .chk-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .recon-grid{ grid-template-columns:1fr; }
}