/* ==========================================================================
   shangqiu-minquan.css · 民权县分站
   题头：浅蓝面板+图(左文右图) ｜ 内容区：导语段 / 数字大卡3个 / 材料流程对照双栏 / 培训zigzag图右 / CTA色带 / FAQ斑马纹
   ========================================================================== */

/* ---------- 浅蓝面板+图 题头 ---------- */
.mq-hero{
  padding:calc(var(--header-h) + 56px) 0 64px;
  background:linear-gradient(160deg,var(--blue-50) 0%,var(--white) 80%);
}
.mq-hero-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mq-hero h1{margin:16px 0 16px;font-size:clamp(28px,3.6vw,40px)}
.mq-hero h1 em{font-style:normal;color:var(--blue-600)}
.mq-hero p{font-size:15px;color:var(--gray-600);line-height:1.95;margin-bottom:24px}
.mq-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.mq-hero-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.mq-hero-img img{width:100%;height:380px;object-fit:cover}

/* ---------- 导语段 ---------- */
.mq-intro{padding:60px 0 0}
.mq-intro p{font-size:15px;color:var(--gray-700);line-height:2;max-width:880px;margin:0 auto 16px;text-align:center}

/* ---------- 数字大卡 ---------- */
.mq-nums{padding:40px 0 60px}
.mq-nums-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mq-num-card{
  background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-l);
  padding:36px 28px;text-align:center;box-shadow:var(--shadow-s);
}
.mq-num-card .big{font-size:44px;font-weight:800;color:var(--blue-500);line-height:1}
.mq-num-card h3{font-size:17px;margin:14px 0 8px}
.mq-num-card p{font-size:13.5px;color:var(--gray-500);line-height:1.8}

/* ---------- 材料流程 对照双栏 ---------- */
.mq-flow{background:var(--gray-50);padding:60px 0}
.mq-flow-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mq-flow-card{background:var(--white);border-radius:var(--radius-m);padding:32px;box-shadow:var(--shadow-s)}
.mq-flow-card h3{font-size:19px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--blue-100)}
.mq-flow-card ol{counter-reset:mf}
.mq-flow-card ol li{
  counter-increment:mf;position:relative;padding:0 0 16px 40px;font-size:14px;color:var(--gray-600);line-height:1.8;
}
.mq-flow-card ol li::before{
  content:counter(mf);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;
  background:var(--blue-50);color:var(--blue-600);font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;
}
.mq-flow-card ol li:last-child{padding-bottom:0}

/* ---------- 培训 zigzag 图右 ---------- */
.mq-train{padding:60px 0}
.mq-zig{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mq-zig-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.mq-zig-img img{width:100%;height:320px;object-fit:cover}
.mq-zig-body h3{font-size:21px;margin-bottom:14px}
.mq-zig-body p{font-size:14.5px;color:var(--gray-600);line-height:1.9;margin-bottom:14px}

/* ---------- CTA 色带 ---------- */
.mq-cta{
  background:linear-gradient(120deg,var(--blue-600),var(--blue-400));color:#fff;padding:48px 0;
}
.mq-cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.mq-cta h2{color:#fff;margin-bottom:6px}
.mq-cta p{color:rgba(255,255,255,.9)}

/* ---------- FAQ 斑马纹 ---------- */
.mq-faq{padding:60px 0}
.mq-zebra{max-width:820px;margin:20px auto 0}
.mq-zebra .row{display:grid;grid-template-columns:230px 1fr;gap:20px;padding:16px 20px;border-bottom:1px solid var(--gray-100)}
.mq-zebra .row:nth-child(odd){background:var(--gray-50)}
.mq-zebra .q{font-weight:700;font-size:14.5px;color:var(--gray-800)}
.mq-zebra .a{font-size:14px;color:var(--gray-600);line-height:1.85}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .mq-hero-wrap,.mq-nums-grid,.mq-flow-cols,.mq-zig{grid-template-columns:1fr}
  .mq-zebra .row{grid-template-columns:1fr;gap:6px}
  .mq-gap-grid,.mq-batch-flow,.mq-hr-inner{grid-template-columns:1fr !important}
}

/* ---------- 产业背景长文 ---------- */
.mq-bg{padding:64px 0;background:#f4f7fb}
.mq-bg h2{font-size:26px;color:#1a3a6b;margin:8px 0 20px}
.mq-bg p{font-size:15.5px;line-height:2;color:#444;text-indent:2em;margin-bottom:16px}

/* ---------- 岗位缺口盘点 3 列 ---------- */
.mq-gap{padding:64px 0}
.mq-gap-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;
}
.mq-gap-card{
  background:#f4f7fb;border-radius:10px;padding:24px 20px;
}
.mq-gap-card h3{font-size:17px;color:#1a3a6b;margin-bottom:10px}
.mq-gap-card p{font-size:14px;color:#555;line-height:1.8}

/* ---------- 批量取证流程 5 步 ---------- */
.mq-batch{padding:64px 0;background:#f4f7fb}
.mq-batch-flow{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px;
}
.mq-bf-step{
  background:#fff;border-radius:10px;padding:22px 16px;text-align:center;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.mq-bf-step .n{
  width:36px;height:36px;border-radius:50%;background:#1a3a6b;color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;
  margin:0 auto 10px;
}
.mq-bf-step h4{font-size:15px;color:#1a3a6b;margin-bottom:6px}
.mq-bf-step p{font-size:13.5px;color:#666;line-height:1.7}

/* ---------- HR 对接细节 zigzag ---------- */
.mq-hr{padding:64px 0}
.mq-hr-inner{
  display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;
}
.mq-hr-text h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.mq-hr-text p{font-size:15px;line-height:1.9;color:#444;margin-bottom:12px}
.mq-hr-img img{
  width:100%;height:auto;aspect-ratio:2508/1672;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);
}

/* ---------- 工人转管理岗 ---------- */
.mq-worker{padding:64px 0;background:#f4f7fb}
.mq-worker h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.mq-worker p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

/* ---------- 年审企业台账 ---------- */
.mq-nianshen{padding:64px 0}
.mq-nianshen h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.mq-nianshen p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}