/* ==========================================================================
   xuchang-jiuye.html — 许昌特种工就业（职业阶梯编排）
   模块：三方向四级职业阶梯泳道 / 岗位-证书-晋级对照表 / 上岗准备清单 /
        企业对接说明 / FAQ / 相关推荐
   ========================================================================== */

/* 内页 hero 背景 */
.xj-hero{background-image:url('../../images/xuchang-industry.jpg')}

/* CTA 条通用排布 */
.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:820px}

/* ---------- 模块一：三方向职业阶梯泳道 ---------- */
.ladder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.ladder-track{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.track-head{position:relative}
.track-head img{width:100%;height:150px;object-fit:cover;display:block}
.track-head h3{font-size:16.5px;padding:14px 18px 12px;border-bottom:1px solid var(--line)}
.rung-list{list-style:none;display:flex;flex-direction:column;padding:8px 14px 16px;counter-reset:rung}
.rung{position:relative;display:flex;gap:12px;padding:14px 6px;border-bottom:1px dashed var(--line)}
.rung:last-child{border-bottom:0}
.rung-level{flex:0 0 auto;width:44px;height:24px;border-radius:999px;background:var(--gold-pale);color:var(--gold-deep);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.rung h4{font-size:15px;margin-bottom:5px}
.rung p{font-size:13px;color:var(--muted);margin:0;line-height:1.75}
.rung p a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块二：晋级对照表 ---------- */
.rank-table-wrap{overflow-x:auto;border-radius:var(--radius)}

/* ---------- 模块三：上岗准备清单 ---------- */
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.check-col{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}
.check-col h3{font-size:16.5px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--gold)}
.check-list{list-style:none}
.check-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14px;color:var(--text);line-height:1.7}
.ck-dot{flex:0 0 auto;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);margin-top:8px}

/* ---------- 模块四：企业对接说明 ---------- */
.liaison{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}
.liaison-media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.liaison-media img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}
.liaison-points{list-style:none}
.liaison-points li{padding:16px 0;border-bottom:1px dashed var(--line)}
.liaison-points li:last-child{border-bottom:0}
.liaison-points h3{font-size:16px;margin-bottom:6px}
.liaison-points p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}
.liaison-points a{color:var(--gold-deep);text-decoration:underline}

/* ---------- FAQ 链接色 ---------- */
.faq-body a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .ladder-grid{grid-template-columns:1fr;gap:18px}
  .check-grid{grid-template-columns:1fr}
  .liaison{grid-template-columns:1fr;gap:24px}
}