/* ============================================================
   anyang.html 安阳报考专题独有样式（命名空间 .ay-）
   ============================================================ */

/* ---------- Hero：安阳天际线 ---------- */
.ay-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;background:var(--c1);padding-top:var(--header-h)}
.ay-hero__bg{position:absolute;inset:0}
.ay-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.30}
.ay-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(21,24,27,.95) 32%,rgba(21,24,27,.55) 68%,rgba(21,24,27,.4))}
.ay-hero__inner{position:relative;z-index:2;padding-block:56px 84px}
.ay-hero .crumbs{padding:0 0 22px}
.ay-hero__kick{display:inline-block;font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);border:1px solid rgba(224,91,32,.4);padding:5px 14px}
.ay-hero h1{font-size:clamp(36px,5.4vw,64px);font-weight:900;line-height:1.16;margin-top:20px}
.ay-hero__acc{color:transparent;-webkit-text-stroke:1.5px var(--o1)}
.ay-hero__desc{max-width:560px;color:var(--g4);margin-top:22px;font-size:15.5px}
.ay-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.ay-hero__meta{display:flex;gap:40px;margin-top:44px;flex-wrap:wrap}
.ay-hero__meta b{font-family:var(--font-en);font-size:34px;font-weight:900;color:var(--o1);display:block}
.ay-hero__meta em{font-style:normal;font-size:12.5px;color:var(--g4);letter-spacing:.08em}

/* ---------- 区县指引：竖向区位条 ---------- */
.ay-dist{background:var(--c2)}
.ay-dist__list{border-top:1px solid var(--line-d)}
.ay-dist__row{display:grid;grid-template-columns:auto 150px 1fr auto;gap:26px;align-items:center;padding:30px 8px;border-bottom:1px dashed var(--line-d);transition:background .3s,padding-left .3s}
.ay-dist__row:hover{background:rgba(255,255,255,.03);padding-left:18px}
.ay-dist__pin{width:46px;height:46px;display:grid;place-items:center;color:var(--o1);border:1px solid rgba(224,91,32,.4);background:rgba(224,91,32,.06)}
.ay-dist__name h3{font-size:20px}
.ay-dist__name em{font-style:normal;font-family:var(--font-en);font-size:11px;letter-spacing:.2em;color:var(--g3)}
.ay-dist__txt{color:var(--g4);font-size:14px}
.ay-dist__txt a{color:var(--o2);border-bottom:1px dashed rgba(224,91,32,.5)}

/* ---------- 考点批次表格（米白区） ---------- */
.ay-site__note{margin-top:26px;font-size:13.5px;color:#5A6158;max-width:760px}

/* ---------- 热门工种图文卡 ---------- */
.ay-job{background:var(--c1)}
.ay-job__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ay-job__card{position:relative;overflow:hidden;border:1px solid var(--line-d);transition:transform .3s,border-color .3s}
.ay-job__card img{width:100%;height:230px;object-fit:cover;transition:transform .5s}
.ay-job__card:hover{transform:translateY(-6px);border-color:rgba(224,91,32,.5)}
.ay-job__card:hover img{transform:scale(1.06)}
.ay-job__body{padding:22px 22px 26px;background:var(--c2)}
.ay-job__body .badge{margin-bottom:12px}
.ay-job__body h3{font-size:19px;margin-bottom:8px}
.ay-job__body p{font-size:13.5px;color:var(--g4)}

/* ---------- 本地服务：图文左右 ---------- */
.ay-local__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.ay-local__media{position:relative}
.ay-local__media img{width:100%;height:380px;object-fit:cover;border:1px solid var(--line-l)}
.ay-local__stamp{position:absolute;right:-14px;bottom:26px;background:var(--o1);color:#fff;font-weight:800;font-size:14px;line-height:1.5;padding:12px 18px;text-align:center;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.ay-local__list{margin:26px 0 8px;display:grid;gap:14px}
.ay-local__list li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#3C433B}
.ay-local__list svg{flex-shrink:0;color:var(--o1);margin-top:3px}

/* ---------- 报考节奏：四阶段 ---------- */
.ay-rhythm__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ay-rhythm__cell{position:relative;padding:26px 22px;background:var(--c1);border:1px solid var(--line-d);border-top:3px solid var(--o1);transition:transform .3s}
.ay-rhythm__cell:hover{transform:translateY(-6px)}
.ay-rhythm__day{font-family:var(--font-en);font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--o1)}
.ay-rhythm__cell h3{font-size:17px;margin:12px 0 8px}
.ay-rhythm__cell p{font-size:13.5px;color:var(--g4)}

/* ---------- 手风琴（本页提供样式） ---------- */
.ay-faq{background:var(--c1)}
.acc{max-width:860px;margin:0 auto}
.acc__item{border:1px solid var(--line-d);margin-bottom:14px;background:var(--c2)}
.acc__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:20px 24px;font-size:16px;font-weight:700;color:var(--white)}
.acc__plus{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;color:var(--o1);border:1px solid rgba(224,91,32,.4);font-size:18px;transition:transform .3s}
.acc__item.is-open .acc__plus{transform:rotate(45deg)}
.acc__body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.acc__item.is-open .acc__body{max-height:260px}
.acc__body p{padding:0 24px 22px;color:var(--g4);font-size:14px;max-width:720px}
.acc__body a{color:var(--o2);border-bottom:1px dashed rgba(224,91,32,.5)}

/* ---------- 底部 CTA ---------- */
.ay-cta{background:var(--g1);border-top:1px solid var(--line-d)}
.ay-cta__inner{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.ay-cta h2{font-size:clamp(26px,3.4vw,40px);font-weight:900;margin:12px 0 14px}
.ay-cta p{color:var(--g4);max-width:520px}
.ay-cta__tel{display:inline-flex;flex-direction:column;margin-top:24px;font-family:var(--font-en);font-size:34px;font-weight:900;color:var(--o1)}
.ay-cta__tel small{font-family:var(--font-cn);font-size:13px;color:var(--g4);font-weight:400;letter-spacing:.05em}
.ay-cta__links{display:flex;flex-direction:column;gap:14px}
.ay-cta__links a{padding:14px 18px;border:1px dashed var(--line-d);color:var(--g4);font-size:14px;transition:border-color .25s,color .25s,transform .25s}
.ay-cta__links a:hover{border-color:var(--o1);color:var(--o2);transform:translateX(6px)}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .ay-dist__row{grid-template-columns:auto 120px 1fr;gap:16px}
  .ay-dist__tag{grid-column:2 / -1}
  .ay-job__grid{grid-template-columns:1fr;gap:18px}
  .ay-job__card img{height:200px}
  .ay-local__inner{grid-template-columns:1fr;gap:32px}
  .ay-cta__inner{grid-template-columns:1fr}
  .ay-rhythm__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .ay-dist__row{grid-template-columns:1fr;gap:10px}
  .ay-dist__tag{grid-column:auto}
  .ay-hero__meta{gap:26px}
}

/* ---------- 内联样式迁出 ---------- */
.ay-cols col:nth-child(1){width:22%}
.ay-cols col:nth-child(2){width:30%}
.ay-cols col:nth-child(3){width:24%}
.ay-cols col:nth-child(4){width:24%}
.ay-local__title{font-size:clamp(24px,3vw,36px);font-weight:900}
.ay-local__btn{margin-top:10px}
