/* ==========================================================================
   p-zhoukou-kaodian.css · 周口考试考点
   布局特征：图文 Hero（小图）+ 带定位图标的场地卡 + 纵向时间轴（时间/轴点/内容
            三列网格）+ 必带物品四格 + 居中 CTA
   ========================================================================== */

.zkd-hero{padding:50px 0 10px}
.zkd-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;margin-top:22px}
.zkd-kicker{font-size:13px;letter-spacing:3px;color:var(--red-soft);margin-bottom:14px}
.zkd-title{font-size:38px;line-height:1.35;color:#fff;font-weight:900}
.zkd-sub{margin-top:16px;color:var(--muted);font-size:16px;line-height:2}
.zkd-hero-img{width:100%;height:280px;object-fit:cover;border-radius:var(--radius);
  border:1px solid var(--line-2);box-shadow:var(--shadow)}

.zkd-sec-head{margin-bottom:36px;max-width:760px}
.zkd-sec-title{font-size:30px;color:#fff;font-weight:800}
.zkd-sec-desc{margin-top:10px;color:var(--muted);line-height:1.9}

/* 场地卡 */
.zkd-place-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.zkd-place{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 22px;transition:transform .3s,box-shadow .3s,border-color .3s}
.zkd-place:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(255,184,0,.4)}
.zkd-pin{width:46px;height:46px;border-radius:12px;background:rgba(224,38,29,.14);
  display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:16px}
.zkd-pin svg{width:24px;height:24px}
.zkd-place h3{font-size:18px;color:#fff;margin-bottom:10px}
.zkd-place p{font-size:13.5px;color:var(--muted);line-height:1.9}
.zkd-place-note{margin-top:22px;font-size:13.5px;color:var(--muted-2);line-height:1.9;
  border-left:3px solid var(--red);padding-left:14px}

/* 纵向时间轴：三列网格对齐 */
.zkd-tl-sec{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zkd-timeline{display:grid;gap:0;max-width:900px}
.zkd-node{display:grid;grid-template-columns:130px 34px 1fr;gap:18px;align-items:start}
.zkd-node-time{font-size:14px;color:var(--gold);font-weight:700;text-align:right;padding-top:18px}
.zkd-node-dot{justify-self:center;width:16px;height:16px;border-radius:50%;margin-top:16px;
  background:var(--red);box-shadow:0 0 0 5px rgba(224,38,29,.18);position:relative}
.zkd-node:not(:last-child) .zkd-node-dot::after{content:"";position:absolute;top:20px;left:50%;
  transform:translateX(-50%);width:2px;height:calc(100% + 40px - 16px);background:var(--line-2)}
.zkd-node-body{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:18px 22px;margin:8px 0 22px;transition:border-color .3s}
.zkd-node-body:hover{border-color:rgba(255,184,0,.4)}
.zkd-node-body h3{font-size:17px;color:#fff;margin-bottom:6px}
.zkd-node-body p{font-size:14px;color:var(--muted);line-height:1.9}
.zkd-node-body a{color:var(--gold)}

/* 必带物品 */
.zkd-pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.zkd-pack{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 20px;
  transition:transform .3s,border-color .3s}
.zkd-pack:hover{transform:translateY(-5px);border-color:rgba(224,38,29,.5)}
.zkd-pack h3{font-size:17px;color:#fff;margin-bottom:10px}
.zkd-pack p{font-size:13.5px;color:var(--muted);line-height:1.85}
.zkd-pack a{color:var(--gold)}
.zkd-link-row{margin-top:26px;font-size:14px;color:var(--muted)}
.zkd-link-row a{color:var(--gold);margin:0 6px}

/* CTA */
.zkd-cta{padding:70px 0;border-top:1px solid var(--line);text-align:center;
  background:radial-gradient(520px 240px at 50% 0%,rgba(224,38,29,.13),transparent 70%)}
.zkd-cta-inner h2{font-size:26px;color:#fff}
.zkd-cta-inner p{margin:14px auto 24px;color:var(--muted);max-width:560px;line-height:1.9}

/* ---------- 考点分布表 ---------- */
.zkd-table-sec{background:var(--bg);border-top:1px solid var(--line)}
.zkd-table-wrap{margin-top:36px;overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
.zkd-table{width:100%;border-collapse:collapse;background:var(--card);min-width:600px}
.zkd-table th{background:#111118;color:var(--gold);font-size:14px;text-align:left;padding:14px 18px;border-bottom:2px solid var(--red)}
.zkd-table td{padding:13px 18px;font-size:14px;color:#C9CDD3;border-bottom:1px solid var(--line)}
.zkd-table tbody tr:hover{background:rgba(224,38,29,.06)}

/* ---------- 交通指引 ---------- */
.zkd-traffic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}
.zkd-traffic{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;
  padding:24px 26px;transition:transform .3s,box-shadow .3s}
.zkd-traffic:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.zkd-traffic h3{font-size:18px;color:#fff;margin-bottom:10px}
.zkd-traffic p{font-size:14px;color:var(--muted);line-height:1.9}

/* ---------- FAQ ---------- */
.zkd-faq-sec{background:var(--bg);border-top:1px solid var(--line)}
.zkd-faq-list{display:grid;gap:14px;margin-top:36px}
.zkd-faq{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 22px;
  transition:border-color .3s,box-shadow .3s}
.zkd-faq:hover{border-color:rgba(255,184,0,.35);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.zkd-faq summary{cursor:pointer;font-size:16px;color:#fff;font-weight:600;outline:none}
.zkd-faq summary::-webkit-details-marker{display:none}
.zkd-faq summary::before{content:"▸";color:var(--gold);margin-right:10px}
.zkd-faq[open] summary::before{content:"▾"}
.zkd-faq p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.9}
.zkd-faq p a{color:var(--gold)}

/* ---------- 相关服务入口 ---------- */
.zkd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.zkd-related{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 20px;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.zkd-related:hover{transform:translateY(-4px);border-color:rgba(255,184,0,.4);box-shadow:0 10px 22px rgba(0,0,0,.35)}
.zkd-related h3{font-size:16px;color:#fff;margin-bottom:8px}
.zkd-related p{font-size:13px;color:var(--muted);line-height:1.8}

/* ---------- 陷阱提醒 ---------- */
.zkd-warn-list{display:grid;gap:14px;margin-top:36px}
.zkd-warn{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 22px;
  transition:border-color .3s,box-shadow .3s}
.zkd-warn:hover{border-color:rgba(224,38,29,.4);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.zkd-warn summary{cursor:pointer;font-size:16px;color:#fff;font-weight:600;outline:none}
.zkd-warn summary::-webkit-details-marker{display:none}
.zkd-warn summary::before{content:"▸";color:var(--red);margin-right:10px}
.zkd-warn[open] summary::before{content:"▾"}
.zkd-warn p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.9}

/* ---------- 考完之后 ---------- */
.zkd-after-sec{background:var(--bg);border-top:1px solid var(--line)}
.zkd-after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}
.zkd-after{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;
  padding:24px 26px;transition:transform .3s,box-shadow .3s}
.zkd-after:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.zkd-after h3{font-size:18px;color:#fff;margin-bottom:10px}
.zkd-after p{font-size:14px;color:var(--muted);line-height:1.9}
.zkd-after a{color:var(--gold)}

@media (max-width:1024px){
  .zkd-hero-grid{grid-template-columns:1fr;gap:24px}
  .zkd-title{font-size:28px}
  .zkd-place-grid{grid-template-columns:repeat(2,1fr)}
  .zkd-pack-grid{grid-template-columns:repeat(2,1fr)}
  .zkd-traffic-grid{grid-template-columns:1fr}
  .zkd-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .zkd-place-grid,.zkd-pack-grid{grid-template-columns:1fr}
  .zkd-node{grid-template-columns:1fr;gap:6px}
  .zkd-node-time{text-align:left;padding-top:0}
  .zkd-node-dot{display:none}
  .zkd-title{font-size:24px}
}