/* ============ 人才招聘 recruitment.html 专属 ============ */
/* 在招岗位卡 */
.job-grid{display:grid;gap:18px}
.job-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 30px;box-shadow:var(--shadow-sm);transition:all .4s var(--ease);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--purple-300)}
.job-main h3{font-size:19px;margin-bottom:10px}
.job-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.job-tags span{font-size:12.5px;padding:4px 12px;border-radius:999px;background:var(--grad-brand-soft);color:var(--purple-700);font-weight:600}
.job-tags span.jt-blue{background:rgba(0,180,255,.12);color:var(--blue-600)}
.job-desc{font-size:14px;color:var(--ink-500)}
.job-cta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.job-salary{font-size:22px;font-weight:900;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}

/* 福利网格 */
.welfare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.welfare-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px 22px;text-align:center;box-shadow:var(--shadow-sm);transition:all .4s var(--ease)}
.welfare-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--purple-300)}
.welfare-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;color:#fff;background:var(--grad-brand)}
.welfare-ico svg{width:26px;height:26px}
.welfare-card h4{font-size:15px;margin-bottom:6px}
.welfare-card p{font-size:12.5px;color:var(--ink-500)}

/* 投递表单卡 */
.apply-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:40px;box-shadow:var(--shadow-sm);max-width:760px;margin:0 auto}
.apply-card h3{font-size:22px;margin-bottom:6px}
.apply-card .a-sub{font-size:14px;color:var(--ink-500);margin-bottom:24px}
.apply-card .btn{width:100%;justify-content:center;margin-top:10px}
.apply-card .req{color:#ff3d6b}
.apply-card [data-form-msg]:empty{display:none}

@media (max-width:860px){
  .job-card{grid-template-columns:1fr}
  .job-cta{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}
  .welfare-grid{grid-template-columns:repeat(2,1fr)}
  .apply-card{padding:28px}
}
@media (max-width:560px){
  .welfare-grid{grid-template-columns:1fr}
}