/* ============================================================
   劳务员页 gangwei-laowuyuan 专属样式
   骨架：左图右文首屏 + 虚线串联用工流程 + 考勤场景顶条卡 + 团队横条
   ============================================================ */

/* ---------- 首屏：左图右文（蓝调底） ---------- */
.gh-hero{position:relative;overflow:hidden;}
.gh-lw{background:var(--blue-50);padding:120px 0 70px;}
.gh-lw .ph-bg{position:absolute;top:0;bottom:0;left:0;right:auto;width:45%;overflow:hidden;}
.gh-lw .ph-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.gh-lw .ph-main{position:relative;max-width:560px;margin-left:auto;margin-right:0;z-index:2;}
.gh-lw .hero-title{font-size:42px;line-height:1.3;}
.gh-lw .crumbs{margin-bottom:18px;}
.gh-lw .ph-desc{margin:18px 0 28px;font-size:17px;line-height:1.9;color:var(--ink-700);}

/* ---------- 折线分割：本页强制渲染 ---------- */
.split{display:block;width:100%;height:66px;overflow:hidden;line-height:0;position:relative;background:transparent;}
.split svg{display:block;width:100%;height:100%;}
.split svg polygon,.split svg polyline{stroke:none;}
.split.flip{transform:scaleY(-1);}
.lw-edge-tight{height:50px;}

/* ---------- 岗位介绍 ---------- */
.lw-intro{margin-top:24px;max-width:960px;}
.lw-intro p{font-size:16px;line-height:2;color:var(--ink-700);margin-bottom:16px;}

/* ---------- 用工流程图：虚线串联横向步骤 ---------- */
.lw-flow{list-style:none;margin:36px 0 0;display:grid;grid-template-columns:repeat(6,1fr);position:relative;}
.lw-flow::before{content:"";position:absolute;top:30px;left:8%;right:8%;height:0;border-top:3px dashed var(--blue-300);}
.lw-flow-step{position:relative;text-align:center;padding:0 10px;}
.lw-flow-dot{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#fff;border:3px solid var(--blue-500);color:var(--blue-500);font-size:22px;font-weight:700;box-shadow:0 6px 16px rgba(68,147,196,.18);}
.lw-flow-step h3{font-size:16px;margin:14px 0 8px;color:var(--ink-900);}
.lw-flow-step p{font-size:13.5px;line-height:1.7;color:var(--ink-500);}

/* ---------- 考勤场景卡（顶条卡） ---------- */
.lw-scene{margin-top:30px;}
.lw-scene-card{position:relative;background:#fff;border-radius:14px;padding:24px 20px 22px;border:1px solid var(--paper-2);border-top:5px solid;}
.lw-scene-card.s-blue{border-top-color:var(--blue-500);}
.lw-scene-card.s-green{border-top-color:var(--green-500);}
.lw-scene-card.s-yellow{border-top-color:var(--yellow-400);}
.lw-scene-card h3{font-size:16.5px;color:var(--ink-900);margin-bottom:10px;}
.lw-scene-card p{font-size:14px;line-height:1.8;color:var(--ink-500);}

/* ---------- 日常场景图文 ---------- */
.lw-day{align-items:center;gap:44px;}
.lw-day-img{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(21,50,56,.12);}
.lw-day-img img{width:100%;height:auto;display:block;}
.lw-day-img figcaption{padding:12px 16px;background:var(--ink-900);color:#d8eaf5;font-size:13px;}
.lw-day-text h2{font-size:24px;margin-bottom:18px;color:var(--ink-900);}
.lw-day-text p{font-size:15.5px;line-height:2;color:var(--ink-700);margin-bottom:14px;}

/* ---------- 团队横条 ---------- */
.lw-band{position:relative;height:210px;overflow:hidden;}
.lw-band img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);}
.lw-band p{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(255,255,255,.92);color:var(--ink-900);padding:8px 22px;border-radius:999px;font-size:14px;white-space:nowrap;}

/* ---------- 报考与考试 ---------- */
.lw-exam{margin-top:26px;gap:30px;}
.lw-exam-box{background:#fff;border-radius:16px;padding:28px 26px;border:1px solid var(--paper-2);}
.lw-exam-box h3{margin-bottom:14px;}
.lw-exam-box p{font-size:15px;line-height:1.95;color:var(--ink-700);margin-bottom:12px;}
.lw-exam-box a{color:var(--blue-500);text-decoration:underline;text-underline-offset:3px;}

/* ---------- FAQ ---------- */
.lw-faq{margin-top:24px;max-width:860px;}
.lw-faq .acc{margin-bottom:12px;}

/* ---------- 延伸阅读 ---------- */
.lw-relate{margin-top:30px;}
.lw-relate-card{display:block;padding:22px 20px;border-radius:14px;background:#fff;border:1px solid var(--yellow-200);transition:transform .2s,box-shadow .2s;}
.lw-relate-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(255,206,51,.2);}
.lw-relate-card h3{font-size:17px;color:#9a7b00;margin-bottom:8px;}
.lw-relate-card p{font-size:13.5px;color:var(--ink-500);line-height:1.7;}

/* ---------- CTA ---------- */
.lw-cta{position:relative;overflow:hidden;color:#fff;}
.lw-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.lw-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,50,56,.85) 0%,rgba(21,50,56,.6) 55%,rgba(21,50,56,.35) 100%);}
.lw-cta-inner{position:relative;z-index:2;padding:90px 0;max-width:660px;}
.lw-cta-inner h2{font-size:32px;line-height:1.35;margin-bottom:16px;color:#fff;}
.lw-cta-inner p{font-size:16px;line-height:1.9;color:#eaf3fa;margin-bottom:26px;}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .lw-flow{grid-template-columns:repeat(3,1fr);row-gap:30px;}
  .lw-flow::before{display:none;}
}
@media (max-width:640px){
  .gh-lw{padding:110px 0 40px;}
  .gh-lw .ph-bg{position:relative;width:100%;height:220px;margin-bottom:24px;}
  .gh-lw .ph-main{max-width:100%;margin-left:0;padding:0 16px;}
  .gh-lw .hero-title{font-size:25px;word-break:break-word;overflow-wrap:anywhere;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{width:100%;}
  .lw-flow{grid-template-columns:repeat(2,1fr);}
  .lw-day{grid-template-columns:1fr;gap:24px;}
  .lw-band{height:160px;}
  .lw-band p{white-space:normal;text-align:center;width:90%;}
  .lw-cta-inner{padding:60px 0;}
  .lw-cta-inner h2{font-size:25px;}
}