/* ============================================================
   JINRON 兢仁 · 招贤纳士页专属样式（d3j- 前缀，依赖 style.css）
   ============================================================ */

/* ---- 头图：复用 d3a-hero 结构，替换为培训现场图 ---- */
.d3j-hero{background:linear-gradient(90deg,rgba(8,47,80,.78),rgba(8,47,80,.05)),url('../assets/service-training.webp') center/cover}

/* ---- 在招职位：三列卡片 ---- */
.d3j-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.d3j-card{background:#fff;border:1px solid var(--d3-line);padding:28px 30px 24px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.d3j-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(8,47,80,.14)}
.d3j-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.d3j-tag{font:600 9px Arial;letter-spacing:.12em;color:#1c689b;background:#e8f3f9;padding:5px 10px}
.d3j-tag.alt{color:#e54b4b;background:#fdeeed}
.d3j-card h3{font-size:19px;line-height:1.45;color:#123b59;margin:13px 0 9px}
.d3j-card>p{font-size:11.5px;line-height:1.8;color:var(--d3-muted)}
.d3j-foot{margin-top:auto;padding-top:15px;border-top:1px solid var(--d3-line);display:flex;justify-content:space-between;align-items:center;gap:12px}
.d3j-foot small{font-size:10.5px;color:#7f939e;letter-spacing:.04em}
.d3j-foot a{font-size:11px;font-weight:600;color:var(--d3-blue);white-space:nowrap}
.d3j-foot a:hover{color:#e54b4b}

/* ---- 响应式 ---- */
@media(max-width:900px){
  .d3j-grid{grid-template-columns:1fr}
}