/* ==========================================================================
   kaoshi-didian.css —— 考试地点页专属样式（考点信息卡骨架）
   模块：hero / 理论vs实操双卡 / 双城考点信息卡 / 入场五步流程 /
        考试当天时间线 / 注意事项清单 / FAQ / 相关推荐 / CTA
   ========================================================================== */

/* ---------- 内页 Hero ---------- */
.page-hero-didian{background-image:url("../../images/svc-kaodian.jpg")}
.hero-sub-note{margin-top:14px;font-size:14px;color:var(--gold-pale);opacity:.9}

/* ---------- 模块一：理论 vs 实操双卡 ---------- */
.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.two-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;
}
.two-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.two-media img{width:100%;height:260px;object-fit:cover}
.two-body{padding:26px 26px 28px}
.two-tag{
  display:inline-block;font-size:12.5px;font-weight:700;color:var(--paper);
  background:var(--ink);border-radius:4px;padding:3px 10px;margin-bottom:12px;letter-spacing:.05em;
}
.two-tag-gold{background:var(--gold-deep)}
.two-body h3{font-size:21px;margin-bottom:10px}
.two-body>p{font-size:14.5px;color:var(--muted);line-height:1.8}
.two-points{margin:16px 0 0;padding:14px 0 0;border-top:1px dashed var(--line)}
.two-points li{font-size:14px;color:var(--text);padding:4px 0 4px 16px;position:relative}
.two-points li::before{
  content:"";position:absolute;left:0;top:13px;width:6px;height:6px;
  background:var(--gold);border-radius:50%;
}

/* ---------- 模块二：双城考点信息卡 ---------- */
.kaodian-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.kaodian-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;
}
.kaodian-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.kd-media img{width:100%;height:220px;object-fit:cover}
.kd-body{padding:24px 26px 26px}
.kd-city{
  display:inline-block;font-size:12.5px;font-weight:700;color:var(--gold-deep);
  background:var(--gold-pale);border-radius:999px;padding:3px 14px;margin-bottom:12px;
}
.kd-city-gold{background:var(--ink);color:var(--gold-pale)}
.kd-body h3{font-size:18px;margin-bottom:14px}
.kd-list{display:flex;flex-direction:column}
.kd-list li{
  display:flex;gap:10px;align-items:flex-start;font-size:14px;
  color:var(--muted);padding:7px 0;
}
.kd-list svg{flex:0 0 auto;color:var(--gold-deep);margin-top:3px}

/* ---------- 模块三：入场五步流程（横向编号条） ---------- */
.entry-strip{
  list-style:none;margin:26px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(5,1fr);gap:18px;
}
.entry-step{
  position:relative;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:22px 20px 24px;
}
.entry-no{
  display:block;font-family:var(--serif);font-size:30px;font-weight:700;
  color:var(--gold-pale);line-height:1;margin-bottom:12px;
}
.entry-step h3{font-size:16px;margin-bottom:8px}
.entry-step p{font-size:13.5px;color:var(--muted);line-height:1.75;margin:0}

/* ---------- 模块四：考试当天时间轴（三列 grid：时间/轴/内容） ---------- */
.day-timeline{
  margin:26px auto 0;max-width:820px;display:grid;
  grid-template-columns:120px 30px 1fr;column-gap:18px;
}
.dt-node{display:contents}
.dt-time{
  font-family:var(--serif);font-weight:700;font-size:14.5px;color:var(--gold-deep);
  text-align:right;padding:6px 0 30px;line-height:1.4;
}
.dt-axis{position:relative;justify-self:center;align-self:stretch;width:100%}
.dt-axis::before{
  content:"";position:absolute;top:8px;bottom:-6px;left:50%;
  width:2px;background:var(--gold-line);transform:translateX(-50%);
}
.dt-node:last-child .dt-axis::before{display:none}
.dt-dot{
  position:absolute;top:8px;left:50%;width:12px;height:12px;border-radius:50%;
  background:var(--paper);border:3px solid var(--gold-deep);transform:translateX(-50%);
}
.dt-body{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:14px 18px;margin-bottom:22px;
}
.dt-body h3{font-size:16px;margin-bottom:6px}
.dt-body p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}
.dt-node.now .dt-dot{background:var(--gold-deep);box-shadow:0 0 0 5px var(--gold-pale)}
.dt-node.now .dt-body{border-color:var(--gold-deep)}

/* ---------- 模块五：注意事项清单（六卡） ---------- */
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.check-card{
  border-radius:var(--radius);padding:22px 22px;border:1px solid var(--line);
  border-top:4px solid var(--gold);background:var(--paper);
}
.check-card h3{font-size:16px;margin-bottom:8px}
.check-card p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.75}
.check-danger{border-top-color:#b23a2e}
.check-warn{border-top-color:#b7791f}
.check-ok{border-top-color:#3f7d4e}
.check-info{border-top-color:#4a6fa5}

/* ---------- 收尾说明 ---------- */
.table-note{margin-top:18px;font-size:14px;color:var(--muted);line-height:1.8}

/* ---------- FAQ 收窄 ---------- */
.container-narrow{max-width:860px}
.faq-list{margin-top:8px}

/* ---------- CTA（本站各页通用 CTA 排布，此处定义） ---------- */
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.cta-kicker{display:block;color:var(--gold);font-size:13px;letter-spacing:.22em;font-weight:600;margin-bottom:12px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.cta-note-gap{margin-top:8px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .two-grid,.kaodian-grid{grid-template-columns:1fr}
  .entry-strip{grid-template-columns:1fr 1fr}
  .check-grid{grid-template-columns:1fr 1fr}
  .day-timeline{grid-template-columns:96px 26px 1fr;column-gap:14px}
}
@media (max-width:640px){
  .entry-strip,.check-grid{grid-template-columns:1fr}
  .day-timeline{grid-template-columns:84px 22px 1fr;column-gap:12px}
  .dt-time{font-size:13px}
}