@charset "utf-8";
/* ==========================================================================
   加入我们（careers.html）· 页面级补丁 2026-10-30 第二批
   只被 careers.html 引用，不动全站共用的 style.css
   --------------------------------------------------------------------------
   1)「选择驰骋的N个理由」三张卡的标题药丸外框放大一码
      原样：font-size 40 / line-height 48 / padding 0 40
            —— 40px 中文在 48px 行盒里，上下只剩 4px，字墨几乎顶到药丸边缘，
               阿凯反馈「文字看着有点挤脚」。
      现在：字号不动（避免又把长标题顶到换行），只把外框撑开
            line-height 48 → 64、左右 40 → 48，视觉上药丸高 +33%。
   2) 员工福利小格的标签留白收紧
      阿凯这版副标题变长了（如「千元体检，家属同享优惠」11 字），
      小格只有 166 宽、标签左右各 40 内距后只剩 86，会折成三行。
      小格改成左右 12、副标题 18px，两行放得下；大格不受影响。
   ========================================================================== */

/* ---------------- 1. 标题药丸外框 ---------------- */
body .jn-card__hd h3{
  padding: 0 min(48px, 2.5vw);
  line-height: min(64px, 3.3333vw);
}

/* ---------------- 2. 员工福利小格标签 ---------------- */
body .jn-wel--sm .jn-wel__tag{
  padding: min(20px, 1.042vw) min(12px, .625vw);
}
body .jn-wel--sm .jn-wel__tag span{
  font-size: min(18px, .9375vw);
  line-height: min(22px, 1.1458vw);
}

/* 后台配了超过 8 格时：横向滚动兜底，不让超出的格子溢出版心
   （8 格以内不会出现滚动条，布局与设计稿一致） */
body .jn-wel__grid.is-many{
  overflow-x: auto;
  padding-bottom: min(14px, .7292vw);
  scrollbar-width: thin;
}

/* ---------------- 3. 窄屏 ---------------- */
@media (max-width: 1279px){
  body .jn-card__hd h3{
    padding: 0 28px;
    line-height: 44px;
  }
  body .jn-wel--sm .jn-wel__tag{ padding: 10px 12px; }
  body .jn-wel--sm .jn-wel__tag span{ font-size: 11px; line-height: 15px; }
}