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

/* 首屏：全幅照片 + 深色遮罩 */
.hx-hero{
  position:relative;overflow:hidden;
  min-height:560px;display:flex;align-items:center;
  padding:120px 0 90px;
}
.hx-hero .ph-bg{position:absolute;inset:0;}
.hx-hero .ph-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.hx-hero .hero-mask{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(21,50,56,.92) 0%,rgba(21,50,56,.66) 55%,rgba(21,50,56,.3) 100%);
}
.hx-hero .ph-main{position:relative;z-index:2;}
.hx-hero .ph-desc{max-width:680px;background:rgba(21,50,56,.55);border-radius:16px;padding:32px 36px;}
.hx-hero .ph-lead{color:#EAF3F0;font-size:18px;line-height:1.95;margin:20px 0 30px;}
/* N.2：照片上的标题强制白色 */
.hx-hero .hero-title,
.hx-hero .hero-title .hl,
.hx-hero .hero-title .hl-b{
  color:#fff !important;background:none;
  -webkit-background-clip:initial;-webkit-text-fill-color:#fff;
}
.hx-hero .hero-title .line > span,
.hx-hero .reveal{opacity:1 !important;transform:none !important;}
.hx-hero .ph-lead{opacity:1 !important;transform:none !important;}
.hx-hero .sec-kicker{color:#FFCE33;}

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

/* 时间节点卡 */
.hx-node{
  background:#fff;border-radius:14px;padding:26px 20px;
  box-shadow:0 6px 20px rgba(21,50,56,.06);
}
.hx-node h3{font-size:17px;margin:12px 0 8px;}
.hx-node p{font-size:14px;line-height:1.8;color:var(--ink-500);}
.hx-dot{display:inline-block;width:14px;height:14px;border-radius:50%;}
.dot-blue{background:var(--blue-500);}
.dot-green{background:var(--green-500);}
.dot-yellow{background:var(--yellow-400);}

/* 材料要点勾选清单 */
.hx-check{margin:14px 0 18px;padding:0;list-style:none;}
.hx-check li{
  position:relative;padding-left:30px;margin-bottom:12px;line-height:1.8;color:var(--ink-700);
}
.hx-check li::before{
  content:"";position:absolute;left:0;top:8px;width:16px;height:16px;
  border-radius:4px;background:var(--green-100);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='5,13 10,18 19,7' fill='none' stroke='%2341B383' stroke-width='3'/%3E%3C/svg%3E");
  background-size:14px;background-repeat:no-repeat;background-position: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 */
.hx-cta{background:linear-gradient(120deg,var(--blue-50),var(--paper));}
.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;}
.container.narrow{max-width:820px;}

/* 折线分割 */
.split{line-height:0;overflow:hidden;}
.split svg{display:block;width:100%;height:80px;}
.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;}
.split-green svg polyline{fill:none;stroke:var(--green-500);stroke-width:3;}

/* 平板 */
@media(max-width:900px){
  .hx-hero{min-height:480px;padding:80px 0 60px;}
}
/* 手机：首屏按钮纵向堆叠（N.3） */
@media(max-width:640px){
  .hx-hero .hero-actions{flex-direction:column;align-items:stretch;}
  .hx-hero .hero-actions .btn{width:100%;}
}

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

/* 深色遮罩上的 ghost 按钮改为浅色描边 */
.hx-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.75);}
.hx-hero .btn-ghost:hover{background:rgba(255,255,255,.14);}