/* ==========================================================================
   fangbao.html — 防爆电气：场所分区表 + Ex 等级卡 + 作业范围 + 考试 + 本地场景图文
   模块：内页hero / 场所分区对照表 / 防爆型式四卡 / 作业范围三卡
        / 考试双栏(暖底) / 濮阳本地场景图文 / FAQ / 相关推荐
   ========================================================================== */

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

/* ---------- 模块二：防爆型式四卡 ---------- */
.fb-ex{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}
.fb-ex-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;
  transition:transform .3s ease,box-shadow .3s ease;
}
.fb-ex-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.fb-ex-card h3{font-size:15px;margin-bottom:10px;line-height:1.5}
.fb-ex-card h3 em{
  font-style:normal;font-family:var(--sans);font-weight:700;color:var(--gold-deep);
  background:var(--gold-pale);padding:1px 8px;border-radius:5px;margin-right:6px;font-size:14px;
}
.fb-ex-card p{font-size:13.4px;color:var(--muted);line-height:1.8;margin:0}

/* ---------- 模块三：作业范围三卡 ---------- */
.fb-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fb-scope-card{
  background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);
  border-radius:var(--radius);padding:26px 24px;
}
.fb-scope-card h3{font-size:17px;margin-bottom:10px}
.fb-scope-card p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}

/* ---------- 模块四：考试双栏 ---------- */
.fb-exam{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.fb-exam-col{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px}
.fb-exam-col h3{font-size:17px;margin-bottom:14px;color:var(--gold-deep)}
.fb-points{list-style:none}
.fb-points li{
  font-size:14.2px;color:var(--text);padding:8px 0 8px 26px;position:relative;
  border-bottom:1px dashed var(--line);
}
.fb-points li:last-child{border-bottom:0}
.fb-points li::before{
  content:"";position:absolute;left:2px;top:13px;width:8px;height:8px;
  background:var(--gold-deep);border-radius:2px;transform:rotate(45deg);
}

/* ---------- 模块五：本地场景图文 ---------- */
.fb-local{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.fb-local-media{margin:0}
.fb-local-media img{border-radius:var(--radius);width:100%;height:auto}
.fb-local-media figcaption{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.7}
.fb-local-text p{font-size:14.8px;color:var(--muted);line-height:1.9}
.fb-local-text p strong{color:var(--ink)}
.fb-local-text .btn{margin:10px 10px 0 0}

/* ---------- 模块六：失爆情形 ---------- */
.fb-shibao{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.fb-sb-item{background:var(--paper);border:1px solid var(--line);border-left:4px solid #b23a2e;border-radius:var(--radius);padding:22px 24px}
.fb-sb-item h3{font-size:15.5px;margin-bottom:8px;color:var(--ink)}
.fb-sb-item p{font-size:13.8px;color:var(--muted);line-height:1.85;margin:0}

/* ---------- 模块七：岗位要求 ---------- */
.fb-job-req{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fb-req-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}
.fb-req-item h3{font-size:15.5px;margin-bottom:8px;color:var(--gold-deep)}
.fb-req-item p{font-size:13.8px;color:var(--muted);line-height:1.85;margin:0}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .fb-ex{grid-template-columns:1fr 1fr}
  .fb-scope{grid-template-columns:1fr}
  .fb-exam{grid-template-columns:1fr}
  .fb-local{grid-template-columns:1fr;gap:28px}
  .fb-shibao{grid-template-columns:1fr}
  .fb-job-req{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fb-ex{grid-template-columns:1fr}
}