/* qu-huojia.css —— 获嘉县八大员报考服务页布局 */

/* 首屏：左图右文，浅纸底色 */
.hj-hero{
  position:relative;overflow:hidden;
  background:var(--paper);padding:110px 0 90px;
}
.hj-hero .ph-main{position:relative;z-index:2;}
.hj-hero .ph-desc{max-width:640px;margin-left:auto;}
.hj-hero::before{
  content:"";position:absolute;right:-120px;top:-100px;width:380px;height:380px;
  border-radius:50%;background:var(--yellow-50);z-index:0;
}
/* 左侧图片面板 */
.hj-phbg{left:0;right:auto;width:44%;top:0;bottom:0;}
.hj-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;}

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

/* 材料清单 */
.hj-list{margin:14px 0 18px;padding:0;list-style:none;}
.hj-list li{
  position:relative;padding-left:26px;margin-bottom:10px;line-height:1.8;color:var(--ink-700);
}
.hj-list li::before{
  content:"";position:absolute;left:0;top:11px;width:10px;height:10px;
  border-radius:2px;background:var(--yellow-400);transform:rotate(45deg);
}

/* 相关服务卡片 */
.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 */
.hj-cta{background:linear-gradient(120deg,var(--yellow-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-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;}
.split-blue svg polyline{fill:none;stroke:var(--blue-500);stroke-width:3;}

/* 平板 */
@media(max-width:900px){
  .hj-phbg{position:relative;width:100%;height:260px;}
  .hj-hero{padding:60px 0 40px;}
  .hj-hero .ph-desc{margin-left:0;}
}
/* 手机：首屏按钮纵向堆叠（N.3） */
@media(max-width:640px){
  .hj-hero .hero-actions{flex-direction:column;align-items:stretch;}
  .hj-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;}