/* =============================================================
   jobs.html 专属样式 —— 加入我们
   骨架：简洁页头 / 岗位详情大卡（标题行+双列职责要求）/
         深色福利网格 / 左流程右联系申请带
   ============================================================= */

/* ---------- 1. 页头 ---------- */
.jb-hero{
  background:var(--paper-deep);
  padding:calc(var(--topbar-h) + var(--header-h) + 48px) 0 54px;
}
.jb-hero h1{
  font-size:clamp(28px,3.8vw,44px);margin:16px 0 14px;letter-spacing:.03em;
}
.jb-hero p{font-size:15.5px;color:var(--ink-soft);max-width:620px;line-height:1.95}

/* ---------- 2. 岗位卡 ---------- */
.job-card{
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:34px 36px;
  margin-bottom:24px;
  transition:box-shadow .35s ease,border-color .35s ease;
}
.job-card:hover{box-shadow:var(--shadow);border-color:rgba(174,135,73,.4)}
.job-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line);
  margin-bottom:22px;
}
.job-badge{
  display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--earth-deep);
  border:1px solid rgba(174,135,73,.4);background:rgba(174,135,73,.08);
  padding:4px 12px;border-radius:16px;margin-bottom:10px;
}
.job-head h3{font-size:22px}
.job-salary{font-size:14px;color:var(--brown);font-weight:700;letter-spacing:.05em}
.job-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.job-col h4{
  font-size:14px;letter-spacing:.16em;color:var(--ink-soft);
  margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line);
}
.job-col ul{display:flex;flex-direction:column;gap:10px}
.job-col li{
  font-size:14px;color:var(--ink-soft);line-height:1.85;
  padding-left:18px;position:relative;
}
.job-col li::before{
  content:"";position:absolute;left:0;top:11px;width:7px;height:2px;background:var(--earth);
}

/* ---------- 3. 福利（深色） ---------- */
.jb-benefit .benefit-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(201,193,178,.16);border:1px solid rgba(201,193,178,.16);
}
.jb-benefit .benefit-grid>div{
  background:var(--dark);padding:30px 28px;
}
.jb-benefit h3{color:#EFE9DC;font-size:17px;margin-bottom:10px}
.jb-benefit p{color:#A49C8C;font-size:13.5px;line-height:1.9}

/* ---------- 4. 申请流程 ---------- */
.apply-wrap{
  display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start;
}
.apply-steps{counter-reset:apply;display:flex;flex-direction:column;gap:0}
.apply-steps li{
  list-style:none;position:relative;
  padding:18px 0 18px 52px;border-bottom:1px solid var(--line);
  font-size:14.5px;color:var(--ink-soft);line-height:1.9;
}
.apply-steps li::before{
  counter-increment:apply;content:counter(apply);
  position:absolute;left:0;top:18px;width:34px;height:34px;
  border-radius:50%;background:var(--dark);color:var(--earth-light);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-serif);font-size:15px;
}
.apply-steps b{color:var(--ink);font-size:15px}
.apply-steps a{color:var(--earth-deep);border-bottom:1px dashed rgba(142,107,54,.5)}
.apply-side{
  background:var(--paper-deep);border:1px solid var(--line);
  border-radius:var(--radius);padding:30px 28px;
}
.apply-side h3{font-size:16px;margin-bottom:18px;letter-spacing:.08em}
.side-line{
  display:flex;flex-direction:column;gap:4px;
  padding:12px 0;border-bottom:1px dashed var(--line);
}
.side-line span{font-size:12.5px;color:var(--ink-faint);letter-spacing:.1em}
.side-line a{font-size:16px;color:var(--earth-deep);font-weight:700}
.side-note{margin-top:16px;font-size:13px;color:var(--ink-soft);line-height:1.85}
.side-note a{color:var(--earth-deep);border-bottom:1px dashed rgba(142,107,54,.5)}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
  .job-cols{grid-template-columns:1fr}
  .jb-benefit .benefit-grid{grid-template-columns:1fr}
  .apply-wrap{grid-template-columns:1fr}
}