/* ============================================================
   jiaozuo-kaobao.html · 变体H 数据面板式 pgH
   ============================================================ */
.pg-hero-city{background:linear-gradient(135deg,#1d2b1f,#2d4030 55%,#466b4f)}
.pg-hero-city::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 26%,rgba(217,90,79,.18),transparent 52%);z-index:1}
.pg-hero-city .container{z-index:2}

/* 指标面板 */
.h-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.h-p{background:linear-gradient(135deg,#243b2a,#35573d);border-radius:var(--r-md);padding:26px 20px;text-align:center;color:#fff}
.h-p b{display:block;font-size:34px;font-weight:900;line-height:1}
.h-p span{display:block;margin-top:8px;font-size:12.5px;color:#cfe3d3}

/* 简介+图 */
.h-brief{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}
.h-brief-txt p{color:var(--ink-2);line-height:2;margin-top:12px}
.h-brief-fig{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);margin:0}
.h-brief-fig img{width:100%;height:300px;object-fit:cover;display:block}
.h-brief-fig figcaption{padding:12px 16px;background:var(--blue-50);font-size:12.5px;color:var(--ink-2)}

/* 条件条 */
.h-bars{display:flex;flex-direction:column;gap:16px;max-width:760px}
.h-bar-top{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-2);margin-bottom:6px}
.h-bar-top b{color:var(--red-600);font-weight:800}
.h-bar-track{height:10px;background:var(--ice);border-radius:6px;overflow:hidden}
.h-bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue-500),var(--blue-700));border-radius:6px}

/* 课时卡 */
.h-hourgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h-hc{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:24px}
.h-hc b{display:block;color:var(--blue-900);font-size:17px;margin-bottom:8px}
.h-hc span{color:var(--ink-2);font-size:13.5px;line-height:1.8}

/* 复审节点 */
.h-nodes{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.h-node{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:18px 22px;text-align:center;min-width:140px}
.h-node b{display:block;color:var(--red-600);margin-bottom:4px}
.h-node span{font-size:12.5px;color:var(--ink-3)}
.h-node-line{width:44px;height:2px;background:var(--blue-200);margin:0 8px}

/* 本地详解 */
.h-deep p{color:var(--ink-2);line-height:2;margin-bottom:14px}
.h-career-note{margin-top:14px;color:var(--ink-3);font-size:13.5px}

/* 相关城市 */
.relate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.relate-card{display:flex;flex-direction:column;gap:4px;padding:22px 20px;background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);transition:.3s}
.relate-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);background:#fff;border-color:var(--blue-100)}
.relate-card{font-size:18px;font-weight:900;color:var(--blue-900)}
.relate-card span{font-size:12.5px;color:var(--ink-3);font-weight:400}

@media (max-width:920px){
  .h-panel{grid-template-columns:repeat(2,1fr)}
  .h-brief,.h-hourgrid{grid-template-columns:1fr}
  .relate-grid{grid-template-columns:repeat(2,1fr)}
  .h-brief-fig img{height:240px}
}