/* ============================================================
   材料员页 gangwei-cailiaoyuan 专属样式
   骨架：左文右图首屏 + 职责分区卡 + 横向验收流程带 + 场景图文
   ============================================================ */

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

/* ---------- 折线分割：本页强制渲染 ---------- */
.split{display:block;width:100%;height:72px;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);}
.cai-edge-tight{height:44px;}

/* ---------- 岗位是干什么的：图文+统计 ---------- */
.cai-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start;margin-top:26px;}
.cai-intro-text p{font-size:16px;line-height:2;color:var(--ink-700);margin-bottom:16px;}
.cai-intro-stat{display:flex;flex-direction:column;gap:16px;}
.cai-intro-stat .stat-num{padding:20px 22px;border-radius:14px;font-size:15px;line-height:1.7;}
.cai-intro-stat .stat-num.green{background:var(--green-50);color:var(--ink-900);border-left:4px solid var(--green-500);}
.cai-intro-stat .stat-num.blue{background:var(--blue-50);color:var(--ink-900);border-left:4px solid var(--blue-500);}
.cai-intro-stat .stat-num.yellow{background:var(--yellow-50);color:var(--ink-900);border-left:4px solid var(--yellow-400);}

/* ---------- 职责分区卡 ---------- */
.cai-duty{margin-top:30px;}
.cai-duty-card{position:relative;background:#fff;border:1px solid var(--green-100);border-radius:16px;padding:26px 22px 24px;overflow:hidden;}
.cai-duty-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;}
.cai-duty-card.d-green::before{background:var(--green-500);}
.cai-duty-card.d-blue::before{background:var(--blue-500);}
.cai-duty-card.d-yellow::before{background:var(--yellow-400);}
.cai-duty-no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-weight:700;font-size:15px;margin-bottom:12px;}
.d-green .cai-duty-no{background:var(--green-100);color:var(--green-500);}
.d-blue .cai-duty-no{background:var(--blue-100);color:var(--blue-500);}
.d-yellow .cai-duty-no{background:var(--yellow-200);color:#9a7b00;}
.cai-duty-card h3{font-size:18px;margin-bottom:10px;color:var(--ink-900);}
.cai-duty-card p{font-size:14.5px;line-height:1.85;color:var(--ink-500);}

/* ---------- 验收流程带：横向六步 ---------- */
.cai-flow{list-style:none;margin-top:34px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;counter-reset:none;}
.cai-flow-step{position:relative;padding:0 14px;text-align:center;}
.cai-flow-step::after{content:"";position:absolute;top:26px;right:-8px;width:16px;height:16px;border-top:3px solid var(--green-300);border-right:3px solid var(--green-300);transform:rotate(45deg);}
.cai-flow-step:last-child::after{display:none;}
.cai-flow-idx{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--green-500);color:#fff;font-size:20px;font-weight:700;box-shadow:0 8px 18px rgba(65,179,131,.3);}
.cai-flow-step h3{font-size:16px;margin:14px 0 8px;color:var(--ink-900);}
.cai-flow-step p{font-size:13.5px;line-height:1.7;color:var(--ink-500);}

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

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

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

/* ---------- 延伸阅读卡片 ---------- */
.cai-relate{margin-top:30px;}
.cai-relate-card{display:block;padding:22px 20px;border-radius:14px;background:#fff;border:1px solid var(--green-100);transition:transform .2s,box-shadow .2s;}
.cai-relate-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(21,50,56,.1);}
.cai-relate-card h3{font-size:17px;color:var(--green-500);margin-bottom:8px;}
.cai-relate-card p{font-size:13.5px;color:var(--ink-500);line-height:1.7;}

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

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .gh-cai .ph-bg{width:40%;}
  .cai-intro{grid-template-columns:1fr;gap:26px;}
  .cai-flow{grid-template-columns:repeat(3,1fr);row-gap:28px;}
  .cai-flow-step::after{display:none;}
}
@media (max-width:640px){
  .gh-cai{padding:110px 0 40px;}
  .gh-cai .ph-bg{position:relative;width:100%;height:220px;margin-bottom:24px;}
  .gh-cai .ph-main{max-width:100%;padding:0 16px;}
  .gh-cai .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%;}
  .cai-flow{grid-template-columns:repeat(2,1fr);}
  .cai-scene{grid-template-columns:1fr;gap:24px;}
  .cai-cta-inner{padding:60px 0;}
  .cai-cta-inner h2{font-size:25px;}
}