/* xinxiang-nav.html —— 新乡报考总览 */
.xn-hero{position:relative;padding-top:calc(var(--header-h) + 60px);padding-bottom:70px;overflow:hidden;background:var(--green-900)}
.xn-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xn-hero-mask{position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,33,24,.92) 30%,rgba(15,33,24,.55) 70%,rgba(15,33,24,.4))}
.xn-hero-in{position:relative;z-index:2}
.xn-hero-kicker{color:var(--brass-light);letter-spacing:.25em;font-size:13px;font-weight:600;margin:18px 0 14px}
.xn-hero h1{color:var(--cream-50);font-size:clamp(30px,4.6vw,54px);max-width:820px;line-height:1.18}
.xn-hero-sub{color:var(--cream-200);max-width:760px;margin-top:18px;font-size:16.5px}
.xn-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.xn-stats{background:var(--brown-800);border-top:3px solid var(--brass)}
.xn-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:38px 0}
.xn-stat{text-align:center;border-right:1px solid var(--line-dark)}
.xn-stat:last-child{border-right:none}
.xn-stat b{display:block;font-family:var(--font-display);font-size:clamp(30px,3.4vw,46px);color:var(--brass-light)}
.xn-stat span{color:var(--cream-200);font-size:14px}

.xn-about{background:var(--cream-50)}
.xn-about-in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center}
.xn-frame{display:block;border:1px solid var(--line);outline:10px solid var(--cream-100);box-shadow:var(--shadow-md);transform:rotate(-1.2deg)}
.xn-frame img{width:100%;height:340px;object-fit:cover;display:block}
.xn-about-body h2{font-size:clamp(24px,3vw,36px);margin-bottom:16px}
.xn-about-body p{color:var(--ink-soft);margin-bottom:14px}
.xn-check{margin-top:16px;border-top:1px dashed var(--line);padding-top:16px}
.xn-check li{padding-left:22px;position:relative;margin-bottom:9px;color:var(--ink)}
.xn-check li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;background:var(--brass)}

.xn-counties{position:relative}
.xn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.xn-cell{background:var(--cream-50);border:1px solid var(--line);border-top:3px solid var(--green-600);padding:24px 20px;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
.xn-cell:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-top-color:var(--brass)}
.xn-cell-no{font-family:var(--font-display);color:var(--brass);font-size:14px;font-weight:700;letter-spacing:.1em}
.xn-cell h3{margin:10px 0 6px;font-size:20px}
.xn-cell p{color:var(--muted);font-size:14px}
.xn-county-more{text-align:center;margin-top:34px}

.xn-need{background:var(--brown-800)}
.xn-need .sec-head h2{color:var(--cream-50)}
.xn-need .sec-lead{color:var(--cream-200)}
.xn-need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.xn-need-card{background:rgba(251,247,236,.05);border:1px solid var(--line-dark);padding:26px 20px;position:relative}
.xn-need-card h3{color:var(--brass-light);font-size:18px;margin-bottom:10px}
.xn-need-card p{color:var(--cream-200);font-size:14px}
.xn-rivet{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 3px rgba(181,137,63,.25)}

.xn-flow{background:var(--cream-50)}
.xn-flow-row{display:grid;grid-template-columns:repeat(6,1fr);gap:0;counter-reset:step}
.xn-flow-row li{position:relative;padding:22px 14px 22px 26px;border-right:2px solid var(--brass);background:var(--cream-100)}
.xn-flow-row li:last-child{border-right:none}
.xn-flow-row b{display:block;font-family:var(--font-display);color:var(--brown-700);font-size:18px;margin-bottom:6px}
.xn-flow-row p{color:var(--muted);font-size:13.5px}
.xn-flow-row li::after{content:"›";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--brass);font-size:22px;z-index:2;background:var(--cream-100);width:26px;text-align:center}

.xn-faq{background:var(--cream-100)}
.xn-faq-in{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(26px,4vw,60px);align-items:start}
.xn-faq-item{background:var(--cream-50);border:1px solid var(--line);margin-bottom:12px}
.xn-faq-q{width:100%;text-align:left;padding:16px 18px;font-weight:600;color:var(--brown-800);display:flex;justify-content:space-between;align-items:center;font-size:15.5px}
.xn-sign{color:var(--brass);font-size:20px;transition:transform .25s}
.xn-faq-item.open .xn-sign{transform:rotate(45deg)}
.xn-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.xn-faq-a p{padding:0 18px 16px;color:var(--ink-soft);font-size:14.5px}

.footcta{background:var(--green-900);color:var(--cream-100);padding:clamp(50px,7vw,80px) 0;border-top:4px solid var(--brass)}
.footcta-kicker{color:var(--brass-light);letter-spacing:.22em;font-size:13px;font-weight:600;margin-bottom:12px}
.footcta h2{color:var(--cream-50);font-size:clamp(24px,3.2vw,38px);margin-bottom:12px}
.footcta p{color:var(--cream-200);max-width:640px;margin-bottom:24px}
.footcta-btns{display:flex;gap:14px;flex-wrap:wrap}

@media (max-width:900px){
  .xn-about-in,.xn-faq-in{grid-template-columns:1fr}
  .xn-grid,.xn-need-grid{grid-template-columns:repeat(2,1fr)}
  .xn-stats-grid{grid-template-columns:repeat(2,1fr)}
  .xn-flow-row{grid-template-columns:repeat(2,1fr)}
  .xn-flow-row li{border-right:none;border-bottom:2px solid var(--brass)}
  .xn-flow-row li::after{display:none}
}