/* qu-yuanyang.css —— 原阳县八大员报考服务页布局 */

/* 首屏：全幅河滩照片，遮罩从底部向上压，标题靠下 */
.yy-hero{
  position:relative;overflow:hidden;
  min-height:600px;display:flex;align-items:flex-end;
  padding:140px 0 80px;
}
.yy-hero .ph-bg{position:absolute;inset:0;}
.yy-hero .ph-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.yy-hero .hero-mask{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(21,50,56,.82) 0%,rgba(21,50,56,.45) 45%,rgba(21,50,56,.05) 100%);
}
.yy-hero .ph-main{position:relative;z-index:2;
  padding-left:clamp(20px,6%,64px);padding-right:clamp(20px,6%,64px);}
.yy-hero .ph-desc{max-width:680px;}
.yy-hero .ph-lead{color:#EAF3F0;font-size:18px;line-height:1.95;margin:20px 0 30px;}
/* N.2：照片上的标题强制白色 */
.yy-hero .hero-title,
.yy-hero .hero-title .hl,
.yy-hero .hero-title .hl-b{
  color:#fff !important;background:none;
  -webkit-background-clip:initial;-webkit-text-fill-color:#fff;
}
.yy-hero .hero-title .line > span,
.yy-hero .reveal{opacity:1 !important;transform:none !important;}
.yy-hero .sec-kicker{color:#8ED6B3;}

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

/* 往返时间提示：横向时间条 */
.yy-trips{margin-top:36px;}
.trow{
  display:flex;gap:22px;align-items:flex-start;
  background:#fff;border-radius:14px;padding:20px 22px;margin-bottom:14px;
  box-shadow:0 6px 18px rgba(21,50,56,.06);
}
.trow .ttime{
  flex:0 0 84px;font-weight:700;font-size:20px;color:var(--blue-500);
  font-variant-numeric:tabular-nums;padding-top:2px;
}
.trow h3{font-size:17px;margin-bottom:4px;}
.trow p{font-size:14px;color:var(--ink-500);line-height:1.8;}

/* 相关服务卡片 */
.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 */
.yy-cta{background:linear-gradient(120deg,var(--blue-50),var(--green-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;}
.container.narrow{max-width:820px;}

/* 折线分割 */
.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-yellow svg polyline{fill:none;stroke:var(--yellow-400);stroke-width:4;}
.split-blue svg polyline{fill:none;stroke:var(--blue-500);stroke-width:3;}

/* 平板 */
@media(max-width:900px){
  .yy-hero{min-height:520px;padding:100px 0 60px;}
}
/* 手机：首屏按钮纵向堆叠（N.3） */
@media(max-width:640px){
  .yy-hero .hero-actions{flex-direction:column;align-items:stretch;}
  .yy-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;}

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