/* 职位详情页样式（rimbaco 套）
 * 来源：v4 静态稿 careers-job-detail.html 内联 <style> 迁移 + CMS 结构（content-hero / job-detail-info / job-detail-body）对齐规则
 * @author 一陌
 * @date 2026-10-12
 */

/* hero 对齐静态稿 job-detail-hero：灰底、自适应高度（覆盖模板内联背景图） */
.job-detail-page .content-hero {
    height: auto;
    min-height: 0;
    padding: 72px 0 62px;
    background: #f7f7f7 !important;
    background-image: none !important;
    border-bottom: 1px solid #e8e8e8
}

.job-detail-page .content-hero h1 {
    max-width: 780px;
    margin: 0;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.15
}

.job-detail-page .content-hero .job-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 60px 0 0;
    color: #555;
    text-decoration: none
}

.job-detail-page .content-hero .job-back:hover {
    color: #d60016
}

/* 职位信息条（发布日期/类别/部门/地点） */
.job-detail-page .job-detail-info {
    padding: 40px 0;
    border-bottom: 1px solid #eee
}

.job-detail-page .job-detail-info dl {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 0
}

.job-detail-page .job-detail-info dt {
    margin: 0 0 7px;
    color: #666;
    font-size: 15px
}

.job-detail-page .job-detail-info dd {
    margin: 0;
    color: #222;
    font-size: 16px
}

/* 正文排版（岗位职责/任职要求） */
.job-detail-page .job-detail-body {
    padding: 72px 0 40px
}

.job-detail-page .job-detail-body h2 {
    margin: 0 0 22px;
    font-size: 24px
}

.job-detail-page .job-detail-body ul {
    margin: 0;
    padding-left: 20px;
    color: #555;
    line-height: 2
}

.job-detail-page .job-detail-body li {
    padding-left: 5px
}

.job-detail-page .job-detail-body section {
    padding: 0 0 48px
}

/* 申请按钮区 */
.job-detail-page .job-apply {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 26px 0 72px
}

.job-detail-page .job-apply span {
    color: #666;
    font-size: 14px
}

/* ===== 以下为 v4 静态稿原始内联规则（保留静态稿标记兼容） ===== */

.job-detail-page .job-meta{display:flex;flex-wrap:wrap;gap:12px 26px;color:#666}.job-meta span{display:inline-flex;align-items:center;gap:7px}.job-meta svg{width:17px;color:#d60016}
.job-detail-layout{padding:72px 0 90px}.job-detail-content section{padding:0 0 48px}.job-detail-content h2{font-size:24px;margin:0 0 22px}.job-detail-content ul{margin:0;padding-left:20px;color:#555;line-height:2}.job-detail-content li{padding-left:5px}
.job-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0}.job-summary div{padding:8px 0;display:grid;grid-template-columns:24px 1fr;column-gap:10px;align-items:start}.job-summary svg{width:19px;height:19px;color:#d60016;margin-top:2px}.job-summary dt{font-size:15px;color:#666;margin-bottom:7px;grid-column:2}.job-summary dd{margin:0;color:#222;font-size:16px;grid-column:2}.job-summary-note{margin:18px 0 0;color:#666}
.job-apply-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;background:#d60016;color:#fff;text-decoration:none;font-weight:600}.job-apply-button:hover{background:#b80013}
.job-detail-footer{border-top:1px solid #eee;padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.application-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(20,20,20,.58);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.application-modal.is-open{opacity:1;visibility:visible}.application-dialog{width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fff;padding:32px;box-shadow:0 18px 60px rgba(0,0,0,.22);position:relative}.application-dialog h2{margin:0 38px 6px 0;font-size:26px}.application-dialog>p{margin:0 0 24px;color:#666}.application-close{position:absolute;top:18px;right:18px;border:0;background:transparent;color:#555;cursor:pointer;padding:8px}.application-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.application-field{display:flex;flex-direction:column;gap:7px}.application-field.full,.application-submit,.application-status{grid-column:1/-1}.application-field label{font-size:14px;color:#333;font-weight:600}.application-field input,.application-field textarea{font:inherit;border:1px solid #d9d9d9;padding:11px 12px;border-radius:0;color:#222}.application-field textarea{min-height:92px;resize:vertical}.application-file{border:1px dashed #c9c9c9;padding:16px;background:#fafafa}.application-file input{border:0;padding:0;background:transparent}.application-file small{display:block;color:#777;margin-top:7px;font-weight:400}.application-submit{border:0;background:#d60016;color:#fff;padding:14px 20px;font:inherit;font-weight:600;cursor:pointer}.application-status{margin:0;color:#d60016;font-size:14px;min-height:20px}.application-status.success{color:#22733e}body.modal-open{overflow:hidden}

@media(max-width:760px){
    .job-detail-page .content-hero{padding:48px 0!important}
    .job-detail-page .content-hero .job-back{margin-top:0}
    .job-detail-page .job-detail-info dl{grid-template-columns:repeat(2,1fr)}
    .job-detail-layout{padding:48px 0 60px}
    .job-summary{grid-template-columns:repeat(2,1fr)}
    .job-detail-content section{padding-bottom:34px}
    .job-detail-footer{display:block}
    .job-detail-footer .job-apply-button{margin-top:22px;width:100%}
    .application-dialog{padding:24px 20px}
    .application-form{grid-template-columns:1fr}
    .application-field.full,.application-submit,.application-status{grid-column:auto}
}