/* ================================================================
   JOIN — 加入我们页专属样式
     · Hero：沿用联系我们背景图（page-hero 组件，hero-image.css）
     · 岗位区块：复用 sustainability.css 的 .susty-split（1fr/1fr 全宽双联）
     · 通知：简历投递 CTA + 应聘须知
   依赖：tokens.css、base.css、hero-image.css、sustainability.css、footer-cta.css
   ================================================================ */

/* ── 页头文字底色（susty__head 已含 max-width/padding；仅强调白底） ── */
.join__head { background: #fff; }

/* ── 岗位区块文字面板底色 ───────────────────────────────────────── */
.join-split--1 .susty-split__text { background: #F9FFF7; }  /* 浅绿白 */
.join-split--2 .susty-split__text { background: #FFFEF6; }  /* 浅米白 */

/* ── 职位卡片容器 ───────────────────────────────────────────────── */
.join-job { margin-bottom: 36px; }
.join-job:last-child { margin-bottom: 0; }

/* 同一文字面板内两个职位之间加分隔线 */
.join-job + .join-job {
  padding-top: 28px;
  border-top: 1.5px solid rgba(47, 131, 78, .15);
}

/* ── 职位标题：绿色粗体 ─────────────────────────────────────────── */
.join-job__title {
  font-family: var(--font-display);
  font-size: clamp(17px, 1.45vw, 22px);
  color: var(--green-deep);
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1.2;
  margin: 0 0 5px;
}
.join__head .join__slogan {
  margin-top: 15px;
}

/* ── 薪资区间：绿色细字 ─────────────────────────────────────────── */
.join-job__salary {
  font-family: var(--font-en);
  font-size: 13.5px;
  color: var(--green);
  font-weight: 700;
  letter-spacing: .04em;
  margin: 0 0 16px;
}

/* ── 岗位要求列表 ───────────────────────────────────────────────── */
.join-job__req {
  margin: 10px 0 0;
  padding-left: 1.25em;
  font-family: var(--font-cn);
  font-size: 13.5px;
  line-height: 1.88;
  color: #4A554E;
  letter-spacing: .02em;
  text-align: justify;
}
.join-job__req li { margin-bottom: 3px; }
.join-job__req li:last-child { margin-bottom: 0; }

/* ── 简历投递 CTA + 应聘须知 ────────────────────────────────────── */
.join-notice {
  background: #fff;
  padding: clamp(50px, 6vw, 80px) clamp(24px, 5vw, 60px) clamp(0px, 7vw, 0px);
  text-align: center;
}
.join-notice__inner {
  max-width: 740px;
  margin: 0 auto;
}

/* 绿色描边投递框 */
.join-notice__box {
  display: inline-block;
  width: min(520px, 100%);
  border: 1.5px solid var(--green);
  border-radius: 6px;
  padding: 24px 40px 20px;
  margin-bottom: 36px;
  background: #EDF7F1;
  transition: border-color .22s var(--ease-out), background .22s var(--ease-out);
  cursor: default;
}
.join-notice__box:hover {
  border-color: var(--green-deep);
  background: rgba(47, 131, 78, .14);
}
.join-notice__label {
  font-family: var(--font-cn);
  font-size: 12px;
  font-weight: 700;
  color: var(--green-deep);
  letter-spacing: .22em;
  margin: 0 0 12px;
  text-transform: uppercase;
}
.join-notice__email {
  display: inline-block;
  font-family: var(--font-en);
  font-size: clamp(14px, 1.35vw, 18px);
  color: var(--green-deep);
  font-weight: 700;
  letter-spacing: .03em;
  text-decoration: none;
  border-bottom: 1.5px solid rgba(31, 92, 54, .3);
  padding-bottom: 2px;
  transition: color .22s var(--ease-out), border-color .22s var(--ease-out);
  word-break: break-all;
}
.join-notice__email:hover {
  color: var(--green);
  border-color: var(--green);
}

/* 应聘须知文字 */
.join-notice__text {
  font-family: var(--font-cn);
  font-size: 13.5px;
  line-height: 1.95;
  color: #7A8A80;
  letter-spacing: .02em;
  margin: 0;
}

/* ── 页脚视频广告位 V mask：接驳 join-notice 白底 ── */
section.vision::before { background: #fff; }

/* ── 响应式 ─────────────────────────────────────────────────────── */
@media (max-width: 980px) {
  .join-notice__box { padding: 20px 24px; }
}