/* ==========================================================================
   puyang-jiuye.html — 濮阳特种工就业（岗位地图编排）
   模块：四大用工分区卡 / 岗位-证书-企业对照表 / 薪资占位表 / 上岗路径六步 /
        企业用工信息占位 / FAQ / 相关推荐
   ========================================================================== */

/* 内页 hero 背景 */
.jy-hero{background-image:url('../../images/puyang-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}

/* ---------- 模块一：四大用工分区卡 ---------- */
.zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.zone-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.zone-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.zone-media{position:relative;aspect-ratio:16/9;overflow:hidden}
.zone-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.zone-card:hover .zone-media img{transform:scale(1.04)}
.zone-tag{position:absolute;left:14px;top:14px;background:var(--ink);color:var(--gold-pale);font-size:12px;letter-spacing:.12em;padding:5px 12px;border-radius:999px}
.zone-body{padding:22px 24px 24px}
.zone-body h3{font-size:19px;margin-bottom:10px}
.zone-body p{font-size:14.5px;color:var(--muted);margin:0 0 14px;line-height:1.8}
.zone-jobs{display:flex;flex-wrap:wrap;gap:8px}
.zone-jobs a{font-size:13px;padding:5px 12px;border:1px solid var(--gold-line);border-radius:999px;color:var(--gold-deep);background:var(--paper)}
.zone-jobs a:hover{background:var(--paper-warm);border-color:var(--gold-deep)}

/* ---------- 模块二/三：表格容器 ---------- */
.zone-table-wrap,.sal-table-wrap{overflow-x:auto;border-radius:var(--radius)}

/* ---------- 模块四：上岗路径六步（横向） ---------- */
.bg-ink .sec-head h2,.bg-ink .sec-head p{color:#e9e6df}
.bg-ink .sec-head p{color:rgba(255,255,255,.62)}
.path-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.path-step{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px 22px}
.path-no{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:var(--ink);font-family:var(--serif);font-weight:700;font-size:18px;margin-bottom:14px}
.path-step h3{color:var(--paper);font-size:17px;margin-bottom:8px}
.path-step p{color:rgba(255,255,255,.68);font-size:14px;margin:0;line-height:1.8}
.path-step p a{color:var(--gold)}
.path-step p a:hover{color:var(--gold-pale)}

/* ---------- 模块五：企业用工信息占位 ---------- */
.emp-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.emp-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;position:relative}
.emp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.emp-head h3{font-size:17px;margin:0}
.emp-zone{flex:0 0 auto;font-size:12.5px;color:var(--gold-deep);background:var(--gold-pale);padding:4px 12px;border-radius:999px}
.emp-req{font-size:14px;color:var(--text);margin:0 0 12px;line-height:1.8}
.emp-meta{display:flex;flex-wrap:wrap;gap:16px;border-top:1px dashed var(--line);padding-top:12px;font-size:13px;color:var(--muted)}

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

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .zone-grid{grid-template-columns:1fr}
  .path-steps{grid-template-columns:1fr 1fr}
  .emp-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .path-steps{grid-template-columns:1fr}
  .zone-body{padding:18px}
  .emp-item{padding:18px}
}