@charset "UTF-8";
/* join.html · 加入我们 —— 岗位卡 + 团队图 + 福利条 */

.rv1{--d:.08s}
.rv2{--d:.18s}
.rv3{--d:.28s}

/* 岗位卡 */
.jo-jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.jo-job{
  background:var(--white);border:1.5px solid var(--line);
  border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-sm);
  transition:transform var(--t-fast),box-shadow var(--t-fast);
}
.jo-job:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.jo-job-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.jo-job-h{font-size:17.5px;color:var(--navy-900)}
.jo-job-sal{
  flex:none;font-size:14px;font-weight:800;color:var(--gold-600);
  background:var(--gold-100);border-radius:var(--r-pill);padding:3px 12px;
}
.jo-job-list{list-style:none}
.jo-job-list li{
  padding:7px 0;font-size:13.5px;color:var(--ink-2);line-height:1.8;
  border-bottom:1px dashed var(--line);
}
.jo-job-list li:last-child{border-bottom:0}

/* 团队图 */
.jo-culture img{
  width:100%;height:420px;object-fit:cover;
  border-radius:var(--r-xl) 10px var(--r-xl) var(--r-xl);box-shadow:var(--shadow-md);
}

/* 图文 */
.jo-work{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.jo-work-img img{
  width:100%;height:360px;object-fit:cover;
  border-radius:var(--r-xl) var(--r-xl) 10px var(--r-xl);box-shadow:var(--shadow-md);
}
.jo-work-h{font-size:23px;margin-bottom:20px}
.jo-work-h em{font-style:normal;color:var(--gold-500)}
.jo-work-item{margin-bottom:18px}
.jo-work-h3{font-size:15.5px;color:var(--navy-800);margin-bottom:5px}
.jo-work-p{font-size:14px;color:var(--ink-2);line-height:1.85}

/* 福利条 */
.jo-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.jo-ben{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-lg);padding:26px 22px;
}
.jo-ben-h{color:var(--gold-300);font-size:15.5px;margin-bottom:8px}
.jo-ben-p{color:#C6CDDE;font-size:13.5px;line-height:1.85}

/* 投递 */
.jo-apply{
  background:var(--gold-100);border-radius:var(--r-xl);
  padding:44px 48px;text-align:center;
}
.jo-apply-h{font-size:22px;margin-bottom:12px}
.jo-apply-p{font-size:14.5px;color:var(--ink-2);line-height:1.9;margin-bottom:22px}
.jo-apply-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

@media (max-width:920px){
  .jo-jobs{grid-template-columns:1fr}
  .jo-benefits{grid-template-columns:1fr 1fr}
  .jo-work{grid-template-columns:1fr;gap:32px}
  .jo-culture img{height:260px}
  .jo-apply{padding:32px 22px}
}
@media (max-width:560px){
  .jo-benefits{grid-template-columns:1fr}
}