/* ============================================================
   kuangshan.html · 金属非金属矿山安全作业 页面样式
   独特类名前缀 ks-
   ============================================================ */

/* ===== Hero：巷道暗底 ===== */
.ks-hero{position:relative;min-height:560px;display:flex;align-items:center;padding-top:var(--header-h);background:var(--c1);overflow:hidden}
.ks-hero__bg{position:absolute;inset:0}
.ks-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.ks-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,24,27,.95) 22%,rgba(21,24,27,.6) 58%,rgba(21,24,27,.35))}
.ks-hero__inner{position:relative;z-index:2;padding-block:90px}
.ks-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:16px}
.ks-hero h1{font-size:clamp(38px,5.6vw,64px);font-weight:900;margin-bottom:18px}
.ks-hero__desc{max-width:520px;color:#D6DBD2;font-size:15.5px;margin-bottom:28px}
.ks-hero__cta{display:flex;flex-wrap:wrap;gap:14px}

/* ===== 作业类别（米白） ===== */
.ks-cat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ks-cat__card{height:100%}

/* ===== 报考条件 ===== */
.ks-tj{background:var(--c1);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px}
.ks-tj__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ks-tj__item{padding:28px 24px;background:var(--c2);border:1px dashed var(--line-d)}
.ks-tj__item h3{font-size:16px;margin-bottom:10px;padding-left:12px;border-left:3px solid var(--o1)}
.ks-tj__item p{font-size:13.5px;color:var(--g4)}
.ks-tj__item a{color:var(--o1)}

/* ===== 井下安全要求 ===== */
.ks-safe__wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.ks-safe__title{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.35}
.ks-safe__list li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px dashed var(--line-d)}
.ks-safe__list b{color:var(--o1);font-size:14px}
.ks-safe__list span{color:var(--g4);font-size:14px}

/* ===== 就业方向提示条 ===== */
.ks-unit{padding:80px 0;background:var(--g1)}
.ks-unit__inner{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:center}
.ks-unit__inner img{width:100%;height:auto;border:1px solid rgba(255,255,255,.12)}
.ks-unit__inner h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin:16px 0 14px}
.ks-unit__inner p{color:#C6CEBC;font-size:15px;max-width:620px}
.ks-unit__inner a{color:var(--o2);border-bottom:1px dotted rgba(244,123,51,.6)}

/* ===== 相关工种互链 ===== */
.ks-rel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ks-rel__card{height:100%}
.ks-rel__card:hover h3{color:var(--o2)}

/* ===== CTA（军绿底） ===== */
.ks-cta{padding:100px 0;background:var(--g1);position:relative;overflow:hidden}
.ks-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--o1) 0 46px,var(--g1) 46px 92px)}
.ks-cta__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.ks-cta__inner h2{font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.3;margin:12px 0 16px}
.ks-cta__inner p{color:#C6CEBC;font-size:15px}
.ks-cta__actions{display:grid;gap:14px}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .ks-cat__grid{grid-template-columns:1fr 1fr}
  .ks-tj__grid{grid-template-columns:1fr 1fr}
  .ks-safe__wrap,.ks-unit__inner,.ks-cta__inner{grid-template-columns:1fr;gap:36px}
  .ks-rel__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ks-cat__grid,.ks-tj__grid{grid-template-columns:1fr}
  .ks-safe__list li{grid-template-columns:1fr;gap:4px}
}
.ks-cta__pic{width:100%;max-width:340px;height:auto;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}

/* ===== 新 Hero：竖井刻度 + 矿道剖面 ===== */
.ks-hero{background:var(--c1);padding-top:var(--header-h);position:relative;overflow:hidden}
.ks-hero__inner{display:grid;grid-template-columns:72px 1.05fr 1fr;gap:40px;align-items:center;padding-block:72px}
.ks-hero__shaft{position:relative;height:340px;border-left:2px solid rgba(224,91,32,.55);display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 6px 12px}
.ks-hero__depth{font-family:var(--font-en);font-size:11px;color:var(--g4);letter-spacing:.08em;position:relative}
.ks-hero__depth::before{content:"";position:absolute;left:-18px;top:50%;width:10px;height:1px;background:var(--o1)}
.ks-hero__kick{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--o1);margin-bottom:16px;display:block}
.ks-hero__text h1{font-size:clamp(34px,5vw,58px);font-weight:900;margin-bottom:18px}
.ks-hero__desc{max-width:480px;color:#D6DBD2;font-size:15px;margin-bottom:26px}
.ks-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.ks-hero__img{margin:0;border:1px solid rgba(255,255,255,.14);border-bottom:3px solid var(--o1)}
.ks-hero__img img{width:100%;height:auto;display:block}

/* ===== 井下 vs 露天 对比 ===== */
.ks-vs__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.ks-vs__col{background:#fff;border:1px solid var(--line-l);border-top:3px solid var(--c1);padding:30px 28px;box-shadow:0 10px 30px rgba(20,24,27,.06)}
.ks-vs__col--alt{border-top-color:var(--o1)}
.ks-vs__tag{display:inline-block;font-family:var(--font-en);font-size:11px;letter-spacing:.18em;background:var(--c1);color:#fff;padding:5px 12px;margin-bottom:16px}
.ks-vs__tag--alt{background:var(--o1)}
.ks-vs__col h3{font-size:19px;margin-bottom:16px}
.ks-vs__col li{padding:10px 0;border-bottom:1px dashed var(--line-d);font-size:13.5px;color:#5A6158;line-height:1.7}
.ks-vs__col li b{color:var(--c1)}

/* ===== 自救器步骤 ===== */
.ks-self__wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ks-self__title{font-size:clamp(24px,2.6vw,34px);font-weight:900;margin:10px 0 12px}
.ks-self__sub{font-size:14px;color:var(--g4);margin-bottom:24px}
.ks-self__steps{display:grid;gap:0}
.ks-self__steps li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line-d)}
.ks-self__steps li>span{font-family:var(--font-en);font-size:26px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--o1)}
.ks-self__steps h3{font-size:15.5px;margin-bottom:4px}
.ks-self__steps p{font-size:13px;color:var(--g4)}
.ks-self__img img{width:100%;height:auto;border:1px solid rgba(255,255,255,.14)}

/* ===== 老带新卖点条 ===== */
.ks-team{background:var(--c2)}
.ks-team__inner{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;padding-block:56px}
.ks-team__inner img{width:100%;height:auto;border:1px solid rgba(255,255,255,.14)}
.ks-team__inner h2{font-size:clamp(22px,2.4vw,30px);font-weight:900;margin:14px 0 12px}
.ks-team__inner p{font-size:14px;color:var(--g4);line-height:1.8}
.ks-team__inner a{color:var(--o1)}

/* ===== 响应式 ===== */
@media (max-width:960px){
  .ks-hero__inner{grid-template-columns:1fr;gap:24px;padding-block:48px}
  .ks-hero__shaft{height:auto;flex-direction:row;border-left:none;border-top:2px solid rgba(224,91,32,.55);padding:10px 0 0}
  .ks-hero__depth{position:relative}
  .ks-hero__depth::before{display:none}
  .ks-vs__grid{grid-template-columns:1fr}
  .ks-self__wrap{grid-template-columns:1fr}
  .ks-team__inner{grid-template-columns:1fr}
}