/* ============================================================
   zhaopin.html · 人才招聘
   hero 变体 H3：斜切背景
   ============================================================ */

.zp-hero{position:relative;padding:100px 0 110px;overflow:hidden;background:var(--cream)}
.zp-xline{bottom:16%;opacity:.35}
.zp-hero-slant{
  position:absolute;top:0;bottom:0;left:0;width:60%;
  background:linear-gradient(120deg,var(--blue),var(--blue-deep));
  clip-path:polygon(0 0,100% 0,82% 100%,0 100%);
}
.zp-hero-in{position:relative;max-width:680px}
.zp-hero-in .badge{background:#fff}
.zp-hero-title{font-size:clamp(30px,4.2vw,48px);font-weight:800;margin:20px 0;color:var(--ink)}
.zp-hero-title em{font-style:normal;color:var(--yellow)}
.zp-hero-sub{color:#EAF6FC;font-size:16px;line-height:1.9}
.zp-hero-cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}

/* 岗位卡 */
.zp-jobs{position:relative;background:#fff}
.zp-vline{left:50%;opacity:.2}
.zp-job{
  background:var(--bg);border:2px solid var(--line);border-radius:var(--r-lg);
  padding:30px 32px;margin-bottom:22px;box-shadow:var(--shadow-sm);
}
.zp-job-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.zp-job-head h3{font-size:21px}
.zp-job-tag{background:var(--green);padding:5px 14px;border-radius:999px;font-size:13px;font-weight:700}
.zp-job-salary{margin-left:auto;font-weight:800;color:var(--blue-ink);font-size:17px}
.zp-job-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.zp-job-cols h4{font-size:15px;margin-bottom:10px;color:var(--blue-ink)}
.zp-job-cols li{
  font-size:14px;color:var(--muted);line-height:1.9;padding-left:20px;position:relative;
}
.zp-job-cols li::before{
  content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;
  border-radius:50%;background:var(--yellow-deep);
}

/* 团队氛围 */
.zp-vibe{position:relative;background:var(--bg)}
.zp-vibe-xline{top:30%;opacity:.3}
.zp-vibe-row{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.zp-vibe-media img{width:100%}
.zp-vibe-text p{color:var(--muted);line-height:2;font-size:15px;margin-bottom:14px}

/* 福利圆卡 */
.zp-ben{background:var(--cream)}
.zp-ben-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.zp-ben{
  background:#fff;border:2px solid var(--line);border-radius:50%;
  width:150px;height:150px;margin:0 auto;display:flex;flex-direction:column;
  align-items:center;justify-content:center;box-shadow:var(--shadow-sm);
}
.zp-ben b{font-size:18px}
.zp-ben span{font-size:12.5px;color:var(--muted)}

/* 投递 */
.zp-apply{background:#fff;text-align:center}
.zp-apply-in h2{font-size:26px;margin-bottom:12px}
.zp-apply-in p{color:var(--muted);max-width:660px;margin:0 auto}
.zp-apply-ways{margin:26px 0 18px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.zp-apply-note{font-size:13.5px;color:var(--muted)}

/* CTA */
.zp-cta{background:linear-gradient(120deg,var(--yellow),var(--green));color:var(--ink);text-align:center}
.zp-cta-in h2{font-size:clamp(22px,3vw,32px)}
.zp-cta-in h2 em{font-style:normal;color:var(--blue-ink)}
.zp-cta-in p{margin:14px auto 0;max-width:620px;opacity:.85}
.zp-cta-btns{margin:26px 0 24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.zp-cta-tel{display:flex;justify-content:center;gap:36px;flex-wrap:wrap}
.zp-cta-tel li{display:flex;gap:8px;font-weight:700}
.zp-cta-tel a{text-decoration:underline}

@media (max-width:960px){
  .zp-job-cols{grid-template-columns:1fr}
  .zp-vibe-row{grid-template-columns:1fr}
  .zp-ben-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== 补充：成长路径 ===== */
.zp2-grow{position:relative;background:#fff}
.zp2-vline{left:50%;opacity:.2}
.zp2-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.zp2-stage{background:var(--bg);border:2px solid var(--line);border-radius:var(--r-lg);padding:26px 24px}
.zp2-stage-mid{transform:translateY(24px);border-top:5px solid var(--yellow)}
.zp2-no{display:inline-block;background:var(--blue-ink);color:#fff;font-weight:800;font-size:14px;padding:6px 16px;border-radius:999px;margin-bottom:12px}
.zp2-stage p{font-size:14px;color:var(--muted);line-height:1.9}
.zp2-note{max-width:820px;margin:34px auto 0;text-align:center;color:var(--muted);line-height:1.9}
@media (max-width:960px){.zp2-stages{grid-template-columns:1fr}.zp2-stage-mid{transform:none}}