/* ==========================================================================
   zhaopin.css —— 特种工招聘求职页专属样式（信息平台编排）
   模块：hero / 工种筛选入口 / 岗位结构化列表 / 证岗匹配表 /
        求职登记表单 / 企业入驻图文 / FAQ / 相关推荐
   ========================================================================== */

/* ---------- 内页 Hero ---------- */
.zp-hero{background-image:url('../../images/banner-qiye.jpg')}

/* ---------- 模块一：按工种分类筛选入口 ---------- */
.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.filter-chip{
  display:flex;align-items:center;gap:14px;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.filter-chip:hover{border-color:var(--gold-deep);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.fc-ico{
  flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--gold-pale);
  color:var(--gold-deep);display:flex;align-items:center;justify-content:center;
}
.filter-chip strong{display:block;font-size:15.5px;margin-bottom:3px}
.filter-chip span{font-size:12.5px;color:var(--muted)}

/* 怎么用平台三步 */
.howto{margin-top:26px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px}
.howto h3{font-size:16px;margin-bottom:14px}
.howto-list{list-style:none;display:grid;gap:12px}
.howto-list li{display:flex;gap:14px;align-items:flex-start}
.ht-no{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.howto-list strong{display:block;font-size:14.5px;margin-bottom:2px}
.howto-list div{font-size:13.5px;color:var(--muted)}

/* ---------- 模块二：岗位结构化列表 ---------- */
.jobs-table-wrap{overflow-x:auto;border-radius:var(--radius)}
.jobs-table td:nth-child(4),.jobs-table td:nth-child(5){color:var(--gold-deep);font-weight:600;white-space:nowrap}

/* ---------- 模块三：证岗匹配表 ---------- */
.match-table-wrap{overflow-x:auto;border-radius:var(--radius)}

/* ---------- 模块四：求职登记表单 ---------- */
.job-form-wrap{
  max-width:820px;margin:0 auto;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:36px 38px;box-shadow:var(--shadow-sm);
}
.job-form .form-hint a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px}

/* ---------- 模块五：企业入驻图文 ---------- */
.enter-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.enter-points{margin:0}
.enter-points li{
  display:flex;gap:12px;align-items:flex-start;padding:11px 0;
  border-bottom:1px dashed var(--line);font-size:14.5px;
}
.enter-points li:last-child{border-bottom:0}
.enter-points svg{flex:0 0 auto;color:var(--gold-deep);margin-top:3px}
.enter-media{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.enter-media img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}

/* 两地用工特点 */
.city-note{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.city-note>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 20px}
.city-note h3{font-size:15px;margin-bottom:8px;color:var(--gold-deep)}
.city-note p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.8}
@media (max-width:640px){.city-note{grid-template-columns:1fr}}

/* ---------- 通用收尾块 ---------- */
.container-narrow{max-width:860px}
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.cta-kicker{display:block;color:var(--gold);font-size:13px;letter-spacing:.22em;font-weight:600;margin-bottom:12px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .filter-grid{grid-template-columns:1fr 1fr}
  .enter-cols{grid-template-columns:1fr;gap:28px}
  .job-form-wrap{padding:26px 20px}
}
@media (max-width:640px){
  .filter-grid{grid-template-columns:1fr}
}