/* ============================================================
   jobs.html 加入我们/招聘页专属样式 · 烘焙复古风
   版式签名：H2 横幅 Hero + 折叠岗位卡 + 福利对撞 + 成长时间线
   ============================================================ */

.wf-flip{transform:scaleY(-1)}
.call-glow{background:var(--gold);width:260px;height:260px;top:-80px;right:-40px;position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.eyebrow-dark{display:inline-block;font-size:13px;letter-spacing:.3em;color:var(--gold-deep);margin-bottom:12px}

/* ---------- H2 横幅 Hero ---------- */
.jhero{position:relative;min-height:420px;display:flex;align-items:center;padding:150px 0 90px;color:var(--cream);overflow:hidden}
.jhero .banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.jhero-mask{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(46,26,12,.85) 0%,rgba(59,35,19,.7) 55%,rgba(46,26,12,.9) 100%)}
.jhero-inner{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto}
.crumb--light{justify-content:center;margin-bottom:18px;color:rgba(251,244,232,.7)}
.crumb--light a{color:var(--gold-bright)}
.jhero-eyebrow{display:inline-block;padding:7px 18px;border-radius:999px;margin-bottom:18px;background:rgba(233,180,76,.16);border:1px solid rgba(233,180,76,.55);color:var(--gold-bright);font-size:13px;letter-spacing:.24em}
.jhero h1{color:var(--cream);font-size:clamp(28px,4.4vw,48px);margin-bottom:16px;line-height:1.3}
.jhero-sub{color:rgba(251,244,232,.8);font-size:16px;max-width:640px;margin:0 auto 28px;line-height:1.9}
.jhero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---------- 岗位卡 ---------- */
.sec-jobs{background:var(--cream)}
.job-card{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:20px;
  padding:28px 30px;margin-bottom:22px;box-shadow:var(--shadow-sm);
  transition:transform .3s,box-shadow .3s;
}
.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.job-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px dashed var(--line)}
.job-head h3{font-size:21px;margin-bottom:6px}
.job-meta{font-size:13px;color:var(--muted)}
.job-salary{
  font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--gold-deep);
  background:rgba(233,180,76,.14);padding:6px 16px;border-radius:999px;white-space:nowrap;
}
.job-body{padding-top:18px}
.job-desc{font-size:14.5px;line-height:1.85;margin-bottom:18px;color:var(--brown-soft)}
.job-rows{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}
.job-rows h4{font-size:14px;margin-bottom:10px;color:var(--brown)}
.job-rows ul{display:grid;gap:6px}
.job-rows ul li{font-size:13.5px;color:var(--muted);padding-left:16px;position:relative;line-height:1.7}
.job-rows ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold-deep)}

/* ---------- 福利/团队对撞 ---------- */
.sec-perk .battle-copy p{margin-bottom:14px}

/* ---------- 成长时间线 ---------- */
.sec-grow{background:var(--cream-deep)}
.tl-item h4{color:var(--brown)}
.tl-item p{font-size:14px}

/* ---------- 响应式 ---------- */
@media (max-width:768px){
  .job-rows{grid-template-columns:1fr;gap:16px}
}