/* ========== 招聘页 /careers ==========
   Hero、区块、卡片、编号列表全部复用 partners.css 的 coop-* 一套，
   这里只写这一页独有的两块：三列的「我们希望您」网格，和底部的投递方式卡。 */

/* partners.css 的 .coop-cards 是给 6 张卡设计的三列网格；这里只有 3 张，
   1024px 断点下它会变两列 → 末行留一张孤卡。这一页固定按 3 / 1 两档走。 */
@media (min-width: 769px) {
  .job-cards-3 { grid-template-columns: repeat(3, 1fr); }
}

/* partners.css 的 .coop-modes 是两列（那边正好 4 条，2×2 排满）。
   这一页只有 3 条，两列会在第二行剩一张孤卡，所以宽屏改成三列一行排完。 */
@media (min-width: 1025px) {
  .job-offers { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- 如何应聘 ---------- */
.job-apply { padding: 90px 0; background: var(--navy-light); }
.job-apply-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  max-width: 960px; margin: 0 auto;
}
/* 三张卡里有一张是 <button>（点击复制邮箱），两张是 <a>，
   所以要显式重置按钮的默认字体/边框，否则它和另外两张长得不一样。 */
.job-apply-card {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 10px; padding: 32px 24px; text-decoration: none;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--radius);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
  font-family: inherit; font-size: inherit; width: 100%; cursor: pointer;
  -webkit-appearance: none; appearance: none;
}
.job-apply-card:hover {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(200, 16, 46, .5);
  transform: translateY(-3px);
}
.job-apply-icon { font-size: 1.9rem; line-height: 1; }
.job-apply-k {
  font-size: .8rem; font-weight: 600; letter-spacing: .12em;
  color: rgba(255, 255, 255, .5);
}
.job-apply-v {
  font-size: 1.02rem; font-weight: 700; color: #fff; line-height: 1.65;
  word-break: break-word;   /* 邮箱在窄屏下不能把卡片撑破 */
}

/* 复制提示：常态是「点击复制地址」，复制成功后变绿并换成「✓ 已复制到剪贴板」。
   高度固定，免得文字一换整张卡片跟着跳。 */
.job-copy-hint {
  margin-top: 2px; min-height: 1.2em;
  font-size: .76rem; line-height: 1.2; color: rgba(255, 255, 255, .42);
  transition: color .2s ease;
}
.job-apply-card.copied { border-color: rgba(15, 138, 95, .75); }
.job-apply-card.copied .job-copy-hint { color: #4ade80; font-weight: 600; }

.job-apply-note {
  margin-top: 26px; text-align: center;
  font-size: .88rem; line-height: 1.8; color: rgba(255, 255, 255, .62);
}
.job-apply-note strong { color: #fff; font-weight: 700; }
.job-apply-note a { color: rgba(255, 255, 255, .82); text-decoration: underline; }
.job-apply-note a:hover { color: #fff; }

.job-eeo {
  margin-top: 14px; text-align: center;
  font-size: .85rem; line-height: 1.8; color: rgba(255, 255, 255, .5);
}

/* ---------- 响应式 ---------- */
@media (max-width: 768px) {
  .job-apply { padding: 56px 0; }
  .job-apply-grid { grid-template-columns: 1fr; gap: 14px; }
  .job-apply-card { padding: 24px 20px; }
  .job-eeo { margin-top: 26px; }
}