/* qu-weihui.css —— 卫辉市八大员报考服务页布局 */

/* 首屏：左文右图，浅纸底色 */
.wh-hero{
  position:relative;
  overflow:hidden;
  background:var(--paper);
  padding:110px 0 90px;
}
.wh-hero .ph-main{position:relative;z-index:2;}
.wh-hero .ph-desc{max-width:660px;}
.wh-hero::after{
  content:"";
  position:absolute;left:-140px;bottom:-120px;width:440px;height:440px;
  border-radius:50%;background:var(--green-100);opacity:.55;z-index:0;
}
/* 右侧图片面板：覆盖 style.css 的 inset:0 默认定位 */
.wh-phbg{left:auto;right:0;width:46%;top:0;bottom:0;}
.wh-phbg img{width:100%;height:100%;object-fit:cover;display:block;}
.ph-lead{
  font-size:18px;line-height:1.95;color:var(--ink-700);margin:20px 0 30px;
}
.wh-hero-line{
  position:absolute;right:46%;top:60px;width:320px;height:110px;z-index:1;
}

/* 线上预审流程带：横向四步 */
.wh-flow{
  display:flex;align-items:stretch;margin-top:36px;
}
.wh-flow .fstep{
  flex:1;background:#fff;border-radius:14px;padding:24px 20px;
  box-shadow:0 6px 20px rgba(21,50,56,.06);position:relative;
}
.wh-flow .fstep + .fstep{margin-left:26px;}
.wh-flow .fstep .fno{
  display:inline-block;font-weight:700;font-size:14px;color:#fff;
  background:var(--green-500);border-radius:999px;padding:3px 12px;margin-bottom:12px;
}
.wh-flow .fstep:nth-child(2) .fno{background:var(--blue-500);}
.wh-flow .fstep:nth-child(3) .fno{background:var(--blue-500);}
.wh-flow .fstep:nth-child(4) .fno{background:var(--yellow-400);color:var(--ink-900);}
.wh-flow .fstep h3{font-size:18px;margin-bottom:8px;}
.wh-flow .fstep p{font-size:14px;line-height:1.8;color:var(--ink-500);}
.wh-note{
  margin-top:26px;text-align:center;color:var(--ink-500);font-size:14px;
}

/* 门槛与流程：图文两栏 */
.align-middle{align-items:center;}
.wh-txt h2{margin:6px 0 16px;}
.wh-txt p{line-height:2;color:var(--ink-700);margin-bottom:14px;}
.wh-fig{margin:0;}
.wh-fig img{
  width:100%;border-radius:16px;display:block;
  box-shadow:0 10px 30px rgba(21,50,56,.12);
}
.wh-fig figcaption{
  margin-top:10px;font-size:13px;color:var(--ink-300);text-align:center;
}

/* 相关服务卡片 */
.card-link{display:block;text-decoration:none;color:inherit;transition:transform .2s;}
.card-link:hover{transform:translateY(-4px);}
.card-link h3{font-size:17px;margin-bottom:6px;}
.card-link p{font-size:13px;color:var(--ink-500);}

/* CTA 横幅 */
.wh-cta{background:linear-gradient(120deg,var(--green-50),var(--blue-50));}
.cta-inner{text-align:center;max-width:760px;margin:0 auto;}
.cta-inner h2{margin-bottom:12px;}
.cta-inner p{color:var(--ink-700);margin-bottom:24px;}

/* 板块窄栏（FAQ） */
.container.narrow{max-width:820px;}

/* 折线分割：手绘 points 由 HTML 内联给出，这里只定尺寸与描边 */
.split{line-height:0;overflow:hidden;}
.split svg{display:block;width:100%;height:80px;}
.split-green svg polyline{fill:none;stroke:var(--green-500);stroke-width:3;}
.split-blue svg polyline{fill:none;stroke:var(--blue-500);stroke-width:3;}
.split-yellow svg polyline{fill:none;stroke:var(--yellow-400);stroke-width:4;}

/* 平板 */
@media(max-width:900px){
  .wh-phbg{position:relative;width:100%;height:260px;}
  .wh-hero{padding:60px 0 40px;}
  .wh-hero-line{display:none;}
  .wh-flow{flex-direction:column;}
  .wh-flow .fstep + .fstep{margin-left:0;margin-top:14px;}
}
/* 手机：首屏按钮纵向堆叠（N.3） */
@media(max-width:640px){
  .wh-hero .hero-actions{flex-direction:column;align-items:stretch;}
  .wh-hero .hero-actions .btn{width:100%;}
}

/* N.5：静态渲染防御 */
.reveal,.reveal-left,.reveal-right,.reveal-zoom{opacity:1 !important;transform:none !important;}
.hero-title .line > span{opacity:1 !important;transform:none !important;}