/* ============================================================
   index.html 首页独有样式 · 登山机能风
   ============================================================ */

/* ---------- Hero：全屏横幅 + 海拔刻度 + 打字机标语 ---------- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--c1)}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.55}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.55) 0%,rgba(21,24,27,.35) 40%,rgba(21,24,27,.94) 100%)}
/* 左侧海拔刻度尺装饰 */
.hero__scale{position:absolute;left:34px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.hero__scale i{display:block;width:2px;height:10px;background:rgba(247,248,244,.35)}
.hero__scale i:nth-child(3n){height:16px;background:var(--o1)}
.hero__scale em{font-style:normal;font-family:var(--font-en);font-size:10px;letter-spacing:.3em;color:rgba(247,248,244,.5);writing-mode:vertical-lr;margin-top:6px}
.hero__inner{position:relative;z-index:3;width:100%;padding-block:120px 90px}
.hero__kick{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-en);font-size:12px;letter-spacing:.3em;color:var(--o2);border:1px solid rgba(244,123,51,.4);padding:8px 16px;background:rgba(21,24,27,.4)}
.hero__kick::before{content:"";width:22px;height:2px;background:var(--o1)}
.hero h1{font-size:clamp(34px,5.6vw,66px);font-weight:900;line-height:1.16;margin:26px 0 18px;letter-spacing:.01em}
.hero h1 .hero__line2{padding-left:.6em;color:var(--paper)}
.hero h1 .accent{color:var(--o1)}
.hero__type{font-size:clamp(17px,2.2vw,22px);font-weight:700;color:var(--g4);min-height:1.6em}
.hero__type .type-cursor{display:inline-block;width:2px;height:1em;background:var(--o1);vertical-align:-2px;margin-left:4px;animation:blink .9s step-end infinite}
@keyframes blink{50%{opacity:0}}
.hero__desc{max-width:560px;margin-top:14px;color:rgba(247,248,244,.78);font-size:15px}
.hero__cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.hero__meta{display:flex;flex-wrap:wrap;gap:26px;margin-top:46px;padding-top:24px;border-top:1px dashed var(--line-d)}
.hero__meta div{display:flex;align-items:center;gap:10px;color:var(--g4);font-size:13px}
.hero__meta svg{color:var(--o1)}
/* 底部批次滚动条 */
.hero__ticker{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(21,24,27,.78);backdrop-filter:blur(6px);border-top:1px solid var(--line-d)}
.hero__ticker-inner{display:flex;align-items:center;gap:0;overflow:hidden;white-space:nowrap}
.hero__ticker-label{flex-shrink:0;position:relative;z-index:2;background:var(--o1);color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;padding:12px 20px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}
.hero__ticker-track{display:inline-flex;gap:0;animation:ticker 30s linear infinite}
.hero__ticker-track span{font-size:13px;color:var(--g4);padding:12px 26px;border-right:1px dashed var(--line-d)}
.hero__ticker-track span b{color:var(--o1);font-weight:700}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ---------- 核心优势：阶梯递进块 ---------- */
.adv{margin-top:-40px;position:relative;z-index:5}
.adv__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.adv__item{position:relative;padding:34px 28px 40px;background:var(--c3);border:1px solid var(--line-d);border-right:none;transform:translateY(0);transition:transform .35s,background .35s}
.adv__item:last-child{border-right:1px solid var(--line-d)}
.adv__item:nth-child(1){transform:translateY(0)}
.adv__item:nth-child(2){transform:translateY(-22px)}
.adv__item:nth-child(3){transform:translateY(-44px)}
.adv__item:nth-child(4){transform:translateY(-66px)}
.adv__item:hover{background:var(--g1);transform:translateY(calc(var(--off,0) * 1px - 8px))!important}
.adv__item:nth-child(1){--off:0}.adv__item:nth-child(2){--off:-22}.adv__item:nth-child(3){--off:-44}.adv__item:nth-child(4){--off:-66}
.adv__no{font-family:var(--font-en);font-size:13px;letter-spacing:.2em;color:var(--o1);display:block;margin-bottom:14px}
.adv__item svg{width:40px;height:40px;color:var(--o1);margin-bottom:16px}
.adv__item h3{font-size:18px;margin-bottom:10px}
.adv__item p{font-size:13.5px;color:var(--g4)}
.adv__foot{position:absolute;left:28px;right:28px;bottom:0;height:3px;background:repeating-linear-gradient(90deg,var(--o1) 0 8px,transparent 8px 14px);opacity:0;transition:opacity .3s}
.adv__item:hover .adv__foot{opacity:1}

/* ---------- 快速入口：六边形矩阵 ---------- */
.quick{background:var(--c1)}
.quick__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.quick__item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 10px;text-align:center;position:relative;transition:transform .3s}
.quick__item:hover{transform:translateY(-8px)}
.quick__hex{width:74px;height:84px;position:relative;display:grid;place-items:center;color:var(--g3);background:var(--c2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:background .3s,color .3s}
.quick__item:hover .quick__hex{background:var(--o1);color:#fff}
.quick__hex svg{width:30px;height:30px}
.quick__item span{font-size:13.5px;font-weight:600;color:var(--g4)}
.quick__item:hover span{color:var(--white)}
.quick__item em{font-style:normal;font-family:var(--font-en);font-size:10px;letter-spacing:.18em;color:#5F6B74}

/* ---------- 报考专题：安阳/许昌 双卡斜切 ---------- */
.zt{background:var(--paper);color:var(--c1)}
.zt h2{color:var(--c1)}
.zt__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.zt__card{position:relative;min-height:420px;display:flex;align-items:flex-end;overflow:hidden;clip-path:polygon(0 0,calc(100% - 46px) 0,100% 46px,100% 100%,46px 100%,0 calc(100% - 46px));border:1px solid var(--line-l)}
.zt__card--b{clip-path:polygon(46px 0,100% 0,100% calc(100% - 46px),calc(100% - 46px) 100%,0 100%,0 46px)}
.zt__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.zt__card:hover img{transform:scale(1.06)}
.zt__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.05) 30%,rgba(21,24,27,.88) 100%)}
.zt__card-body{position:relative;z-index:2;padding:30px;color:#fff;width:100%}
.zt__card-body .badge{margin-bottom:14px}
.zt__card-body h3{font-size:26px;margin-bottom:8px}
.zt__card-body p{font-size:13.5px;color:rgba(247,248,244,.82);margin-bottom:18px}
.zt__links{display:flex;gap:8px;flex-wrap:wrap}
.zt__links a{font-size:12px;padding:6px 12px;border:1px solid rgba(247,248,244,.35);color:#fff;transition:background .25s,border-color .25s}
.zt__links a:hover{background:var(--o1);border-color:var(--o1)}

/* ---------- 工种矩阵 ---------- */
.work__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-d);border-left:1px solid var(--line-d)}
.work__cell{position:relative;padding:30px 24px 34px;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);background:var(--c2);transition:background .3s;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}
.work__cell:hover{background:var(--g1)}
.work__cell .w-no{position:absolute;top:14px;right:18px;font-family:var(--font-en);font-size:30px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14)}
.work__cell svg{width:32px;height:32px;color:var(--o1);margin-bottom:14px}
.work__cell h3{font-size:17px;margin-bottom:6px}
.work__cell p{font-size:12.5px;color:var(--g4);margin-bottom:12px}
.work__cell a{font-size:13px;color:var(--o2);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.work__cell a svg{width:14px;height:14px;margin:0}
.work__more{grid-column:1 / -1;padding:26px;text-align:center;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);background:var(--c3)}

/* ---------- 考试批次：时间轴横幅 ---------- */
.batch{background:var(--g1);position:relative;overflow:hidden}
.batch::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px}
.batch__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.batch__item{background:rgba(21,24,27,.55);border:1px solid var(--line-d);padding:26px;position:relative}
.batch__item::before{content:"";position:absolute;top:-1px;left:26px;width:70px;height:3px;background:var(--o1)}
.batch__month{font-family:var(--font-en);font-size:15px;font-weight:900;letter-spacing:.1em;color:var(--o1)}
.batch__item h3{font-size:18px;margin:10px 0 8px}
.batch__item p{font-size:13px;color:var(--g4)}
.batch__note{margin-top:26px;font-size:13px;color:var(--g4);position:relative;display:flex;gap:10px;align-items:center}
.batch__note svg{color:var(--o1);flex-shrink:0}

/* ---------- 报考流程：四步 S 形 ---------- */
.flow{background:var(--paper);color:var(--c1)}
.flow h2{color:var(--c1)}
.flow__track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:20px}
.flow__track::before{content:"";position:absolute;top:44px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--o1) 0 10px,transparent 10px 20px)}
.flow__step{position:relative;text-align:center;padding:0 18px}
.flow__step::after{content:"";position:absolute;top:34px;left:50%;width:22px;height:22px;transform:translateX(-50%) rotate(45deg);background:var(--o1);border:3px solid var(--paper)}
.flow__step:nth-child(even){margin-top:46px}
.flow__step h3{font-size:17px;margin:34px 0 8px;color:var(--c1)}
.flow__step p{font-size:13px;color:#5A6158}

/* ---------- 企业团报条 ---------- */
.ent{position:relative;overflow:hidden}
.ent__inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;background:var(--c2);border:1px solid var(--line-d);padding:52px 48px;position:relative}
.ent__inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:repeating-linear-gradient(180deg,var(--o1) 0 12px,transparent 12px 22px)}
.ent h2{font-size:clamp(22px,2.8vw,32px);margin-bottom:12px}
.ent p{color:var(--g4);font-size:14px;max-width:520px}
.ent__stat{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ent__stat div{border-left:2px solid var(--o1);padding-left:16px}
.ent__stat b{display:block;font-family:var(--font-en);font-size:30px;font-weight:900;color:var(--o1)}
.ent__stat span{font-size:12.5px;color:var(--g4)}
.ent__cta{margin-top:26px}

/* ---------- 底部资讯（CMS 四块） ---------- */
.hnews{background:var(--c1)}
.hnews__grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.hnews__block h3{font-size:18px;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.hnews__block h3::before{content:"";width:20px;height:4px;background:repeating-linear-gradient(90deg,var(--o1) 0 6px,transparent 6px 12px)}
.hnews__src{font-family:var(--font-en);font-size:11px;color:#6E7A82;margin-bottom:18px;display:block}
.hnews__list{border-top:1px solid var(--line-d)}
.news-item{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:20px 0;border-bottom:1px dashed var(--line-d)}
.news-item__thumb{overflow:hidden;position:relative}
.news-item__thumb img{width:150px;height:98px;object-fit:cover;transition:transform .4s}
.news-item:hover .news-item__thumb img{transform:scale(1.08)}
.news-item__title{font-size:15px;line-height:1.5;margin-bottom:6px}
.news-item__title a{transition:color .2s}
.news-item__title a:hover{color:var(--o1)}
.news-item__desc{font-size:13px;color:var(--g4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
.news-item__time{font-family:var(--font-en);font-size:12px;color:#6E7A82;letter-spacing:.05em}
.hnews__all{margin-top:44px;text-align:center}

/* ---------- 首页 CTA ---------- */
.hcta{position:relative;background:var(--c1);overflow:hidden}
.hcta::before{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border:2px dashed rgba(224,91,32,.35);border-radius:50%}
.hcta::after{content:"";position:absolute;right:0;top:0;bottom:0;width:46%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px}
.hcta__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center}
.hcta h2{font-size:clamp(24px,3.2vw,38px);margin-bottom:12px}
.hcta p{color:var(--g4);max-width:520px;margin-bottom:26px}
.hcta__tel{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-en);font-size:34px;font-weight:900;color:var(--o1);letter-spacing:.04em}
.hcta__tel small{font-family:var(--font-cn);font-size:12px;color:var(--g4);letter-spacing:.1em}
.hcta__form{background:var(--c2);border:1px solid var(--line-d);padding:34px;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}
.hcta__form h3{font-size:19px;margin-bottom:4px}
.hcta__form>p{font-size:13px;margin-bottom:20px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .adv__grid{grid-template-columns:1fr 1fr}
  .adv__item:nth-child(2){transform:translateY(0)}
  .adv__item:nth-child(3){transform:translateY(0)}
  .adv__item:nth-child(4){transform:translateY(0)}
  .quick__grid{grid-template-columns:repeat(3,1fr)}
  .work__grid{grid-template-columns:1fr 1fr}
  .batch__grid{grid-template-columns:1fr 1fr}
  .flow__track{grid-template-columns:1fr 1fr;gap:20px}
  .flow__track::before{display:none}
  .flow__step:nth-child(even){margin-top:0}
  .ent__inner{grid-template-columns:1fr;padding:40px 28px}
  .hnews__grid{grid-template-columns:1fr}
  .hcta__inner{grid-template-columns:1fr}
  .hero__scale{display:none}
}
@media (max-width:640px){
  .adv__grid{grid-template-columns:1fr}
  .quick__grid{grid-template-columns:1fr 1fr}
  .work__grid{grid-template-columns:1fr}
  .batch__grid{grid-template-columns:1fr}
  .flow__track{grid-template-columns:1fr}
  .zt__grid{grid-template-columns:1fr}
  .news-item{grid-template-columns:112px 1fr;gap:12px}
  .news-item__thumb img{width:112px;height:78px}
  .hcta__tel{font-size:26px}
}