/* ==========================================================================
   shangqiu-yongcheng.css · 永城分站
   题头：深蓝数字题头块 ｜ 内容区：导语段 / 安全岗位数字大卡 / 企业服务zigzag图左 / 材料步骤流 / CTA色带 / FAQ手风琴
   ========================================================================== */

/* ---------- 深蓝数字题头块 ---------- */
.yc2-hero{
  background:linear-gradient(135deg,var(--gray-900),var(--blue-800));color:#fff;
  padding:calc(var(--header-h) + 64px) 0 70px;
}
.yc2-hero .breadcrumb a{color:rgba(255,255,255,.75)}
.yc2-hero .breadcrumb{color:rgba(255,255,255,.6)}
.yc2-hero .breadcrumb .bc-now{color:#fff}
.yc2-hero h1{color:#fff;margin:18px 0 14px;font-size:clamp(30px,4vw,42px)}
.yc2-hero p{color:rgba(255,255,255,.85);max-width:660px;font-size:15px;line-height:1.9}
.yc2-hero-stats{display:flex;gap:40px;margin-top:30px;flex-wrap:wrap}
.yc2-hero-stats .s b{display:block;font-size:34px;font-weight:800;color:var(--blue-300)}
.yc2-hero-stats .s span{font-size:12.5px;color:rgba(255,255,255,.7);margin-top:4px;display:block}

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

/* ---------- 安全岗位数字大卡 ---------- */
.yc2-nums{padding:40px 0 60px}
.yc2-nums-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.yc2-num-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-m);padding:32px 26px;box-shadow:var(--shadow-s);text-align:center;border-bottom:3px solid var(--blue-500)}
.yc2-num-card .big{font-size:38px;font-weight:800;color:var(--blue-600);line-height:1}
.yc2-num-card h3{font-size:17px;margin:12px 0 8px}
.yc2-num-card p{font-size:13.5px;color:var(--gray-500);line-height:1.85}

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

/* ---------- 材料步骤流 ---------- */
.yc2-steps{padding:60px 0}
.yc2-step-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.yc2-step{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-m);padding:24px 20px;box-shadow:var(--shadow-s)}
.yc2-step .n{font-size:13px;color:var(--blue-500);font-weight:700}
.yc2-step h4{font-size:15.5px;margin:8px 0 6px}
.yc2-step p{font-size:13px;color:var(--gray-500);line-height:1.75}

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

/* ---------- FAQ 手风琴 ---------- */
.yc2-faq{padding:60px 0}
.yc2-faq-wrap{max-width:800px;margin:0 auto}
.yc2-faq-item{border:1px solid var(--gray-100);border-radius:var(--radius-m);margin-bottom:12px;background:var(--white)}
.yc2-faq-item summary{cursor:pointer;list-style:none;padding:17px 22px;font-weight:600;font-size:15px;display:flex;justify-content:space-between;gap:10px}
.yc2-faq-item summary::-webkit-details-marker{display:none}
.yc2-faq-item summary::after{content:"+";color:var(--blue-500);transition:transform var(--trans)}
.yc2-faq-item[open] summary::after{transform:rotate(45deg)}
.yc2-faq-item .faq-body{padding:0 22px 16px;font-size:14px;color:var(--gray-600);line-height:1.9}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .yc2-nums-grid,.yc2-zig,.yc2-step-flow{grid-template-columns:1fr}
  .yc2-qe-grid,.yc2-pl-steps{grid-template-columns:1fr !important}
}

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

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

/* ---------- 厂区场景职责 ---------- */
.yc2-zhize{padding:64px 0;background:#f4f7fb}
.yc2-zhize h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.yc2-zhize p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

/* ---------- 企业批量取证 4 步 ---------- */
.yc2-piliang{padding:64px 0}
.yc2-pl-steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;
}
.yc2-pl{
  background:#f4f7fb;border-radius:10px;padding:22px 16px;text-align:center;
}
.yc2-pl b{
  display:inline-block;background:#1a3a6b;color:#fff;font-size:13px;
  padding:3px 12px;border-radius:20px;margin-bottom:10px;
}
.yc2-pl h4{font-size:15px;color:#1a3a6b;margin-bottom:6px}
.yc2-pl p{font-size:13.5px;color:#666;line-height:1.7}

/* ---------- 个人转岗路径 ---------- */
.yc2-zhuangang{padding:64px 0;background:#f4f7fb}
.yc2-zhuangang h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.yc2-zhuangang p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

/* ---------- 备考支持 ---------- */
.yc2-study{padding:64px 0}
.yc2-study h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.yc2-study p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

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