/* ============================================================
   资料员页 gangwei-ziliaoyuan 专属样式
   骨架：居中文字+内嵌图卡首屏 + 竖向步进归档流程 + 编号角档案分类卡
   ============================================================ */

/* ---------- 首屏：居中文字 + 内嵌图卡 ---------- */
.gh-hero{position:relative;overflow:hidden;}
.gh-zl{background:var(--paper-2);padding:120px 0 0;}
.gh-zl .ph-main{text-align:center;padding-bottom:50px;}
.gh-zl .crumbs{display:inline-block;margin-bottom:18px;}
.gh-zl .hero-title{font-size:42px;line-height:1.28;max-width:820px;margin:0 auto 18px;}
.gh-zl .ph-desc{max-width:680px;margin:0 auto 28px;font-size:17px;line-height:1.9;color:var(--ink-700);}
.gh-zl .hero-actions{justify-content:center;}
.zl-hero-img{margin:40px auto 0;max-width:1080px;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(21,50,56,.18);transform:translateY(40px);}
.zl-hero-img img{width:100%;height:auto;display:block;}

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

/* ---------- 岗位介绍 ---------- */
.zl-intro{align-items:center;gap:44px;margin-top:24px;}
.zl-intro-text p{font-size:15.5px;line-height:2;color:var(--ink-700);margin-bottom:14px;}
.zl-intro-img{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(21,50,56,.12);}
.zl-intro-img img{width:100%;height:auto;display:block;}
.zl-intro-img figcaption{padding:12px 16px;background:var(--ink-900);color:#d7eee2;font-size:13px;}

/* ---------- 归档流程：竖向步进 rail ---------- */
.zl-flow{margin:34px auto 0;max-width:760px;position:relative;}
.zl-flow::before{content:"";position:absolute;left:27px;top:10px;bottom:10px;width:3px;background:linear-gradient(var(--green-300),var(--blue-300));}
.zl-flow-step{position:relative;padding-left:70px;margin-bottom:28px;}
.zl-flow-no{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:14px;background:var(--green-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 8px 18px rgba(65,179,131,.3);}
.zl-flow-body{background:var(--paper);border-radius:12px;padding:16px 20px;}
.zl-flow-body h3{font-size:17px;color:var(--ink-900);margin-bottom:6px;}
.zl-flow-body p{font-size:14px;line-height:1.8;color:var(--ink-500);}

/* ---------- 档案分类卡（编号角） ---------- */
.zl-cats{margin-top:30px;}
.zl-cat-card{position:relative;background:#fff;border-radius:14px;padding:26px 22px 22px;border:1px solid var(--paper-2);}
.zl-cat-num{position:absolute;right:14px;top:12px;font-size:34px;font-weight:800;color:var(--green-100);line-height:1;}
.zl-cat-card h3{font-size:17px;color:var(--ink-900);margin-bottom:10px;}
.zl-cat-card p{font-size:14px;line-height:1.8;color:var(--ink-500);}
.zl-cat-tip{background:var(--yellow-50);border-color:var(--yellow-200);}
.zl-cat-tip .zl-cat-num{color:var(--yellow-200);}
.zl-cat-tip h3{color:#9a7b00;}

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

/* ---------- 团队横条 ---------- */
.zl-band{position:relative;height:200px;overflow:hidden;}
.zl-band img{width:100%;height:100%;object-fit:cover;display:block;}
.zl-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;}

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

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

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

/* ---------- CTA（纯色块） ---------- */
.zl-cta{background:linear-gradient(120deg,var(--green-500),#35a074);}
.zl-cta-inner{padding:80px 0;text-align:center;max-width:680px;}
.zl-cta-inner h2{font-size:32px;line-height:1.35;margin-bottom:16px;color:#fff;}
.zl-cta-inner p{font-size:16px;line-height:1.9;color:#eaf6ef;margin-bottom:26px;}
.zl-cta-inner .hero-actions{justify-content:center;}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .gh-zl .hero-title{font-size:32px;}
  .zl-hero-img{transform:none;}
}
@media (max-width:640px){
  .gh-zl{padding:110px 0 0;}
  .gh-zl .hero-title{font-size:26px;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{width:100%;}
  .zl-intro,.zl-day{grid-template-columns:1fr;gap:24px;}
  .zl-cats{grid-template-columns:1fr;}
  .zl-band{height:150px;}
  .zl-band p{white-space:normal;text-align:center;width:90%;}
  .zl-cta-inner{padding:60px 0;}
  .zl-cta-inner h2{font-size:25px;}
}