/* ==========================================================================
   puyang-kaozheng.html — 濮阳考证专题（行业需求解读骨架）
   模块：产业带导览卡 / 分行业深度解读交替图文 / 岗-证对照表 /
        本地考点与批次日历 / 濮阳专场条目 / 提前量提醒 / FAQ / 相关推荐
   ========================================================================== */

/* 内页 hero 背景：濮阳城市湖畔景观 */
.region-hero{background-image:url('../../images/puyang-city.jpg')}

/* 内页通用复用 */
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-kicker{display:inline-block;color:var(--gold);font-size:13px;letter-spacing:.2em;font-weight:600;margin-bottom:14px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.container-narrow{max-width:840px}

/* ---------- 模块一：产业带导览（三列文字卡） ---------- */
.belt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.belt-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:26px 24px;position:relative;overflow:hidden}
.belt-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gold)}
.belt-card .b-no{font-family:var(--serif);font-size:13px;color:var(--gold-deep);letter-spacing:.2em;margin-bottom:10px;display:block}
.belt-card h3{font-size:19px;margin-bottom:10px}
.belt-card p{font-size:14px;color:var(--muted);margin:0 0 12px}
.belt-card .b-stat{display:flex;gap:18px;border-top:1px dashed var(--line);padding-top:14px}
.belt-card .b-stat div strong{display:block;font-family:var(--serif);font-size:22px;color:var(--ink);line-height:1.2}
.belt-card .b-stat div span{font-size:12px;color:var(--muted)}
.belt-intro{font-size:16.5px;color:var(--ink-soft);max-width:860px;margin:0 0 30px;line-height:1.9}

/* ---------- 模块二：分行业深度解读（交替图文） ---------- */
.indread{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;padding:44px 0;border-top:1px solid var(--line)}
.indread:first-of-type{border-top:0;padding-top:0}
.indread.rev .indread-media{order:2}
.indread-media{margin:0}
.indread-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.indread-media figcaption{margin-top:10px;font-size:12.5px;color:var(--muted)}
.indread-text .ir-kicker{font-size:12.5px;letter-spacing:.18em;color:var(--gold-deep);font-weight:600}
.indread-text h3{font-size:25px;margin:10px 0 14px;line-height:1.4}
.indread-text>p{font-size:15px;color:var(--muted);margin-bottom:14px}
.indread-points{margin:16px 0 18px;border-top:1px solid var(--line)}
.indread-points li{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14.5px;color:var(--text)}
.indread-points li:last-child{border-bottom:0}
.indread-points svg{flex:0 0 auto;color:var(--gold-deep);margin-top:4px}
.indread-points strong{font-family:var(--serif);color:var(--ink);margin-right:6px}
.ir-jobs{display:flex;flex-wrap:wrap;gap:8px}
.ir-jobs a{font-size:12.5px;padding:4px 12px;border-radius:999px;border:1px solid var(--gold-line);color:var(--gold-deep);background:var(--paper)}
.ir-jobs a:hover{background:var(--gold-pale)}

/* ---------- 模块三：岗-证对照表 ---------- */
.jobtable-wrap{overflow-x:auto;border-radius:var(--radius)}
.job-note{font-size:13px;color:var(--muted);margin-top:14px}
.job-note a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块四：本地考点与批次 ---------- */
.kaodian-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:start}
.kaodian-media{margin:0;position:sticky;top:96px}
.kaodian-media img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.kaodian-media figcaption{margin-top:10px;font-size:12.5px;color:var(--muted)}
.kd-list{border-top:1px solid var(--line);margin-top:18px}
.kd-list .kd-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px dashed var(--line)}
.kd-list .kd-no{flex:0 0 auto;font-family:var(--serif);font-size:15px;color:var(--gold-deep);width:34px}
.kd-item strong{display:block;font-family:var(--serif);font-size:15.5px;color:var(--ink);margin-bottom:4px}
.kd-item span{font-size:14px;color:var(--muted)}
.pici-table{margin-top:26px}
.pici-table h3{font-size:17px;margin-bottom:12px}

/* ---------- 模块五：濮阳专场（深色条目） ---------- */
.py-svc{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.py-svc-item{border:1px solid rgba(201,164,92,.35);border-radius:var(--radius);padding:24px 20px;background:rgba(255,255,255,.04)}
.py-svc-item .svc-ico{width:44px;height:44px;border-radius:10px;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.py-svc-item h3{font-size:16.5px;color:var(--paper);margin-bottom:8px}
.py-svc-item p{font-size:13.5px;color:#b9b6ae;margin:0}
.py-svc-item p a{color:var(--gold)}

/* ---------- 模块六：提前量提醒条 ---------- */
.timeband{background:var(--paper-warm);border:1px solid var(--gold-line);border-radius:var(--radius);padding:28px 32px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.timeband .tb-ico{width:56px;height:56px;border-radius:14px;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center}
.timeband h3{font-size:19px;margin-bottom:6px}
.timeband p{font-size:14px;color:var(--muted);margin:0}
.timeband p a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .belt-grid{grid-template-columns:1fr;gap:14px}
  .indread{grid-template-columns:1fr;gap:24px;padding:32px 0}
  .indread.rev .indread-media{order:0}
  .kaodian-grid{grid-template-columns:1fr;gap:28px}
  .kaodian-media{position:static}
  .py-svc{grid-template-columns:1fr 1fr}
  .timeband{grid-template-columns:1fr;gap:14px}
}
@media (max-width:640px){
  .py-svc{grid-template-columns:1fr}
  .indread-text h3{font-size:21px}
}