/* ============================================================================
   qiye-rencai.html 人才对接专属样式（复古美式工业风）
   ========================================================================== */

/* ---------- 题头：双层叠字大标题 ---------- */
.r-head{
  position:relative;overflow:hidden;
  padding:calc(var(--header-h) + 70px) 0 60px;background:var(--brown-800);color:var(--cream-100);
}
.r-head-inner{position:relative;z-index:2}
.r-head .crumb{margin-bottom:20px}
.r-head-bgtext{
  position:absolute;right:-10px;top:calc(var(--header-h) + 20px);
  font-family:var(--font-display);font-size:clamp(100px,20vw,240px);font-weight:700;
  color:rgba(181,137,63,.12);line-height:1;pointer-events:none;user-select:none;
}
.r-head h1{
  font-size:clamp(30px,4.6vw,52px);color:var(--cream-50);max-width:800px;line-height:1.22;margin-bottom:16px;
}
.r-head p{font-size:15.5px;color:var(--cream-200);max-width:680px;line-height:1.9}

/* ---------- 双登记卡（双层叠卡） ---------- */
.r-signup{background:var(--cream-50)}
.r-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,36px);align-items:start}
.r-card{position:relative}
.r-card-head{padding:24px 26px 20px;color:var(--cream-50)}
.r-card-head-g{background:var(--green-800)}
.r-card-head-b{background:var(--brown-700)}
.r-card-head h2{color:var(--cream-50);font-size:21px;margin-bottom:6px}
.r-card-head p{font-size:13.5px;color:var(--cream-200)}
.r-form{border-top:none;border-radius:0 var(--r-md) var(--r-md) var(--r-md)}
.r-submit{width:100%}

/* ---------- 对接说明图文 ---------- */
.r-note-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:center}
.r-note-media img{width:100%;height:290px;object-fit:cover;box-shadow:var(--shadow-md)}
.r-note-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.r-note-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:10px}
.r-note-body .btn{margin-top:6px}

/* ---------- 楼梯式流程 ---------- */
.r-stairs{
  display:flex;align-items:flex-end;gap:16px;
}
.r-step{
  flex:1;background:var(--cream-50);border:1px solid var(--line);border-top:4px solid var(--brass);
  padding:20px 18px;transition:transform .3s ease,box-shadow .3s ease;
}
.r-step-s1{height:120px}
.r-step-s2{height:170px}
.r-step-s3{height:220px}
.r-step-s4{height:270px}
.r-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.r-step-tag{
  display:inline-block;font-size:11px;letter-spacing:.15em;color:var(--brass);
  border:1px solid var(--brass);padding:2px 8px;border-radius:var(--r-xs);margin-bottom:10px;
}
.r-step h3{font-size:16.5px;color:var(--brown-800);margin-bottom:6px}
.r-step p{font-size:13px;color:var(--muted);line-height:1.8}
.r-flow-note{margin-top:26px;font-size:13px;color:var(--muted);text-align:center}

/* ---------- 大图+浮动信息卡 ---------- */
.r-big-media{position:relative}
.r-big-media img{width:100%;height:440px;object-fit:cover;box-shadow:var(--shadow-lg)}
.r-big-card{
  position:absolute;right:5%;bottom:-30px;width:320px;background:var(--cream-50);
  border:1px solid var(--line);border-top:4px solid var(--brass);padding:22px;box-shadow:var(--shadow-lg);
}
.r-big-card h3{font-size:17px;color:var(--brown-800);margin-bottom:10px}
.r-big-card li{font-size:13.5px;color:var(--ink-soft);padding:4px 0 4px 16px;position:relative}
.r-big-card li::before{content:"▸";position:absolute;left:0;color:var(--brass)}

/* ---------- 岗位网格 ---------- */
.r-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.r-post{
  background:var(--cream-50);border:1px solid var(--line);padding:20px 20px;
  border-left:4px solid var(--green-600);
}
.r-post h3{font-size:16px;color:var(--brown-800);margin-bottom:6px}
.r-post p{font-size:13.5px;color:var(--ink-soft);line-height:1.8}

/* ---------- 补充说明 ---------- */
.r-extra-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:center}
.r-extra-media img{width:100%;height:280px;object-fit:cover;box-shadow:var(--shadow-md)}
.r-extra-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.r-extra-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:10px}

/* ---------- 底部行动带 ---------- */
.r-foot{padding:64px 0;text-align:center}
.r-foot h2{color:var(--cream-50);font-size:clamp(24px,3vw,34px);margin-bottom:10px}
.r-foot p{color:var(--cream-200);margin-bottom:24px}
.r-foot-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .r-signup-grid{grid-template-columns:1fr}
  .r-note-wrap,.r-extra-wrap{grid-template-columns:1fr}
  .r-stairs{flex-direction:column;align-items:stretch}
  .r-step{height:auto!important}
  .r-posts-grid{grid-template-columns:1fr 1fr}
  .r-big-card{position:static;width:auto;margin-top:-40px}
}
@media (max-width:560px){
  .r-posts-grid{grid-template-columns:1fr}
}

/* 对接之后 */
.r-scene-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.r-scene-col{background:var(--cream-50);border:1px solid var(--line);padding:26px;border-top:4px solid var(--green-700)}
.r-scene-col h3{font-size:19px;color:var(--brown-800);margin-bottom:10px}
.r-scene-col p{font-size:14.5px;color:var(--ink-soft);line-height:1.95}
/* 常见问答 */
.r-faq-list{max-width:820px;margin:0 auto}
.r-faq{padding:20px 0;border-bottom:1px solid var(--line)}
.r-faq-q{font-size:16.5px;font-weight:700;color:var(--brown-800);margin-bottom:8px}
.r-faq-q::before{content:"Q";color:var(--brass);font-family:var(--font-display);margin-right:6px}
.r-faq-a{font-size:14.5px;color:var(--ink-soft);line-height:1.95}
.r-faq-a a{color:var(--green-700);font-weight:600}
@media(max-width:900px){.r-scene-wrap{grid-template-columns:1fr}}

/* 岗位速查 */
.r-jobs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.r-jobs-grid a{padding:16px;text-align:center;background:var(--cream-50);border:1px solid var(--line);color:var(--brown-800);font-size:15px;transition:border-color .25s ease,color .25s ease}
.r-jobs-grid a:hover{border-color:var(--brass);color:var(--green-700)}
.r-jobs-note{max-width:820px;margin:20px auto 0;text-align:center;font-size:14px;color:var(--muted);line-height:1.9}
@media(max-width:900px){.r-jobs-grid{grid-template-columns:repeat(2,1fr)}}