/* ============================================================
   kuangshan.css · 金属非金属矿山安全作业 · 原型 L2 全屏大字+错位
   ============================================================ */

/* ---------- Hero ---------- */
.hero-l2{
  position:relative; min-height:96vh; display:flex; align-items:center;
  padding:calc(var(--header-h) + 40px) 0; overflow:hidden;
  background:var(--green-950);
}
.hero-l2__bg{
  position:absolute; inset:0; opacity:.5;
  background:
    linear-gradient(180deg, rgba(27,42,33,.55), rgba(27,42,33,.9)),
    url("../images/scene-kuangshan.jpg") center/cover no-repeat;
}
.hero-l2__ring{
  position:absolute; right:12%; top:18%; width:300px; height:300px;
  border:1.5px solid rgba(176,141,102,.4); border-radius:50%;
}
.hero-l2__ring::after{
  content:""; position:absolute; inset:26px; border:1.5px solid rgba(176,141,102,.22); border-radius:50%;
}
.hero-l2__seal{
  position:absolute; right:8%; bottom:12%;
  width:110px; height:110px; border-radius:18px; background:var(--brown-600);
  color:var(--cream-50); display:flex; align-items:center; justify-content:center;
  text-align:center; font-family:var(--font-serif); font-size:18px; line-height:1.4;
  transform:rotate(-8deg); box-shadow:var(--shadow-lg);
}
.hero-l2__inner{ position:relative; z-index:2; color:var(--cream-50); max-width:820px; }
.hero-l2 .breadcrumb{ color:rgba(251,248,241,.7); margin-bottom:26px; }
.hero-l2 .breadcrumb a{ color:var(--cream-100); }
.hero-l2__eyebrow{ font-size:13px; letter-spacing:.34em; color:var(--brown-500); margin-bottom:20px; }
.hero-l2__title{ color:var(--cream-50); font-size:clamp(46px,8vw,96px); line-height:1.08; margin-bottom:26px; }
.hero-l2__lead{ color:rgba(251,248,241,.82); font-size:17px; max-width:600px; margin-bottom:34px; }
.hero-l2__actions{ display:flex; flex-wrap:wrap; gap:14px; }

/* ---------- 作业类别：一宽一窄错位 ---------- */
.cat-l2__wide{ max-width:640px; margin-bottom:40px; }
.cat-l2__wide h2{ margin:10px 0 16px; }
.cat-l2__narrow{
  margin-left:auto; max-width:420px; background:var(--cream-100);
  border-left:4px solid var(--brown-500); border-radius:var(--radius-s);
  padding:26px 30px;
}
.cat-l2__narrow ul{ display:grid; gap:12px; }
.cat-l2__narrow li{
  font-family:var(--font-serif); font-size:17px; color:var(--green-900);
  padding-bottom:12px; border-bottom:1px dashed var(--line);
}
.cat-l2__narrow li:last-child{ border-bottom:0; padding-bottom:0; }

/* ---------- 适用岗位 ---------- */
.post-l2__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.post-l2__item{
  background:var(--cream-50); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:28px 26px; transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.post-l2__item:nth-child(even){ transform:translateY(18px); }
.post-l2__item:hover{ transform:translateY(0); box-shadow:var(--shadow-md); }
.post-l2__item h3{ font-size:19px; margin-bottom:10px; }
.post-l2__item p{ font-size:14.5px; }

/* ---------- 报考条件 ---------- */
.cond-l2__wrap{ display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(28px,4vw,56px); align-items:center; }
.cond-l2__num{
  background:var(--green-900); color:var(--cream-100); border-radius:var(--radius-l);
  padding:44px 26px; text-align:center;
}
.cond-l2__num b{ font-family:var(--font-serif); font-size:52px; color:var(--brown-500); display:block; line-height:1; }
.cond-l2__num span{ display:block; margin-top:14px; font-size:14px; color:rgba(251,248,241,.75); line-height:1.8; }
.cond-l2__body h2{ margin:8px 0 16px; }
.cond-l2__body ul{ display:grid; gap:10px; margin-bottom:14px; }
.cond-l2__body li{ padding-left:22px; position:relative; color:var(--ink-soft); font-size:15px; }
.cond-l2__body li::before{ content:""; position:absolute; left:0; top:11px; width:8px; height:8px; background:var(--brown-500); border-radius:50%; }
.cond-l2__body a{ color:var(--green-700); font-weight:600; }

/* ---------- 考试内容（深底三栏） ---------- */
.exam-l2__cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.exam-l2__col{
  background:rgba(251,248,241,.05); border:1px solid rgba(251,248,241,.14);
  border-radius:var(--radius-m); padding:28px 24px;
}
.exam-l2__col h3{ color:var(--cream-100); margin-bottom:12px; }
.exam-l2__col p{ color:rgba(251,248,241,.74); font-size:14.5px; }
.exam-l2__link{ color:var(--brown-500); font-weight:600; }

/* ---------- 复审 ---------- */
.review-l2__head{ max-width:760px; margin-bottom:34px; }
.review-l2__head h2{ margin:10px 0 14px; }
.review-l2__steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:20px; }
.rs-l2{
  border:1px solid var(--line-strong); border-radius:var(--radius-m); padding:24px; text-align:center;
  background:var(--cream-50);
}
.rs-l2 b{ font-family:var(--font-serif); font-size:34px; color:var(--green-800); display:block; }
.rs-l2 span{ font-size:13.5px; color:var(--muted); }
.review-l2__note{ font-size:14.5px; }
.review-l2__note a{ color:var(--green-700); font-weight:600; }

/* ---------- 考证建议 ---------- */
.tip-l2__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,4vw,56px); align-items:center; }
.tip-l2__copy h2{ margin:10px 0 16px; }
.tip-l2__copy p{ margin-bottom:12px; }
.tip-l2__pic img{ border-radius:var(--radius-l); box-shadow:var(--shadow-md); }

/* ---------- FAQ ---------- */
.faq-l2__list{ max-width:800px; margin:0 auto; display:grid; gap:16px; }
.faq-l2__item{
  border-radius:var(--radius-m); overflow:hidden; background:var(--cream-100);
}
.faq-l2__item summary{
  cursor:pointer; list-style:none; padding:20px 26px; font-family:var(--font-serif);
  font-weight:700; font-size:16.5px; color:var(--green-900); display:flex; justify-content:space-between;
}
.faq-l2__item summary::-webkit-details-marker{ display:none; }
.faq-l2__item summary::after{ content:"▾"; color:var(--brown-500); transition:transform .3s; }
.faq-l2__item[open] summary::after{ transform:rotate(180deg); }
.faq-l2__item p{ padding:0 26px 20px; font-size:14.5px; }

/* ---------- 预约 CTA ---------- */
.booking-l2{ background:var(--green-950); }
.booking-l2__inner{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,56px); align-items:center;
}
.booking-l2__head h2{ color:var(--cream-100); margin:10px 0 14px; }
.booking-l2__head p{ color:rgba(251,248,241,.74); }
.booking-l2__phone{ margin-top:16px; }
.booking-l2__phone a{ color:var(--brown-500); font-weight:700; font-size:20px; }
.booking-l2__form{
  background:var(--cream-50); padding:28px; border-radius:var(--radius-l);
  display:grid; gap:14px;
}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .cat-l2__narrow{ margin-left:0; }
  .post-l2__grid, .exam-l2__cols, .review-l2__steps, .cond-l2__wrap, .tip-l2__grid, .booking-l2__inner{ grid-template-columns:1fr; }
  .post-l2__item:nth-child(even){ transform:none; }
  .hero-l2__ring, .hero-l2__seal{ display:none; }
}