/* ============================================================
   龙铭特种作业 · 焦作鹤壁考点安排 kaodian.css
   签名 S14：140° 渐变分割，内容居右，装饰=虚线路径(SVG)
   ============================================================ */

/* ---------- 首屏 S14 ---------- */
.hero{position:relative;min-height:94vh;display:flex;align-items:center;overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36}
.hero-split{
  position:absolute;inset:0;
  background:linear-gradient(140deg,rgba(11,11,12,.4) 0%,rgba(11,11,12,.8) 45%,rgba(11,11,12,.96) 78%);
}
.hero-path{position:absolute;left:0;bottom:0;width:55%;height:60%;opacity:.6;pointer-events:none}
.hero-inner{position:relative;z-index:2;width:min(1200px,92%);margin-inline:auto;padding:150px 0 80px}
.hero-copy{max-width:620px;margin-left:auto}
.hero-copy .crumbs{margin-bottom:20px}
.hero-copy .crumbs a{color:#cfcfc9}
.hero-flag{margin-bottom:20px}
.hero-title{font-size:clamp(32px,5vw,56px);line-height:1.2;font-weight:900;margin-bottom:18px}
.hero-title .hl{color:#fff}
.hero-lead{font-size:16px;color:var(--muted-dark);line-height:1.9;margin-bottom:30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 考点怎么选（浅底两卡） ---------- */
.pick-sec{background:var(--paper);color:var(--txt-on-light)}
.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pick-card{padding:36px 32px;border-radius:14px;background:#fff;border:1px solid var(--line-dark);transition:.4s}
.pick-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,11,12,.12)}
.pc-head{margin-bottom:16px}
.pc-tag{display:inline-block;font-size:12px;letter-spacing:.16em;padding:5px 12px;border:1px solid var(--line-dark);border-radius:999px;margin-bottom:12px;color:#000}
.pc-head h3{font-size:22px;font-weight:800}
.pick-card p{font-size:14.5px;color:var(--muted-light);line-height:1.9;margin-bottom:16px}
.pick-note{margin-top:26px;font-size:14px;color:var(--muted-light)}
.lnk{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}
.lnk.dark{color:#000;border-color:rgba(11,11,12,.4)}

/* ---------- 当天流程时间轴 ---------- */
.day-sec{background:var(--ink-2)}
.day-track{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dt-node{padding:28px 22px;border-radius:12px;background:var(--ink-3);border:1px solid var(--line);transition:.4s}
.dt-node:hover{transform:translateY(-6px)}
.dt-time{
  display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#000;
  background:#fff;padding:5px 12px;border-radius:4px;margin-bottom:16px;
}
.dt-node h3{font-size:18px;font-weight:800;margin-bottom:8px}
.dt-node p{font-size:13.5px;color:var(--muted-dark);line-height:1.75}

/* ---------- 考前准备图文（浅底） ---------- */
.prep-sec{background:var(--paper);color:var(--txt-on-light)}
.prep-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.prep-media{border-radius:14px;overflow:hidden}
.prep-media img{width:100%;height:380px;object-fit:cover}
.prep-copy .sec-title{margin:10px 0 18px}
.prep-list{margin:18px 0;display:flex;flex-direction:column;gap:12px}
.prep-list li{font-size:15px;color:var(--txt-on-light);padding-left:20px;position:relative}
.prep-list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:#000;border-radius:1px}
.prep-list b{font-weight:800}
.prep-copy>p{font-size:14.5px;color:var(--muted-light);line-height:1.9}
.prep-tip{
  margin-top:16px;font-size:13.5px;color:#0a5c3a;font-weight:700;
  padding:12px 14px;background:var(--paper-2);border-radius:8px;
}

/* ---------- 注意事项图文 ---------- */
.note-sec{background:var(--ink)}
.note-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.note-copy .sec-title{margin:10px 0 18px}
.note-copy p{font-size:15.5px;color:var(--muted-dark);line-height:1.95;margin-bottom:14px}
.note-media{border-radius:14px;overflow:hidden}
.note-media img{width:100%;height:360px;object-fit:cover}

/* ---------- FAQ（浅底） ---------- */
.faq-sec{background:var(--paper);color:var(--txt-on-light)}
.faq-list{max-width:880px;display:flex;flex-direction:column;gap:14px}
.faq-item{border:1px solid var(--line-dark);border-radius:10px;background:#fff;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:16px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-arrow{flex:none;width:26px;height:26px;border:1px solid var(--line-dark);border-radius:50%;position:relative}
.faq-arrow::before{content:"";position:absolute;width:10px;height:2px;background:#000;top:50%;left:50%;transform:translate(-50%,-50%)}
.faq-arrow::after{content:"";position:absolute;width:2px;height:10px;background:#000;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s}
.faq-item[open] .faq-arrow::after{opacity:0}
.faq-item p{padding:0 22px 20px;font-size:14.5px;color:var(--muted-light);line-height:1.9}

/* ---------- R2 新增：考点卡片"怎么到考场"提示 ---------- */
.pc-transit{
  font-size:13.5px;color:var(--muted-light);line-height:1.8;margin-bottom:16px;
  padding:12px 14px;background:var(--paper-2);border-radius:8px;border-left:3px solid #000;
}
.pc-transit b{color:#000}

/* ---------- R2 新增：考前一天别做这几件事 ---------- */
.avoid-sec{background:var(--ink)}
.avoid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.avoid-item{
  position:relative;padding:28px 24px;border-radius:12px;background:var(--ink-3);
  border:1px solid var(--line);transition:.4s var(--ease);
}
.avoid-item:hover{transform:translateY(-6px);border-color:rgba(255,90,90,.4)}
.av-x{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:1px solid rgba(255,90,90,.5);color:#ff6b6b;border-radius:50%;
  font-weight:900;margin-bottom:14px;font-size:16px;
}
.avoid-item h3{font-size:17px;font-weight:800;margin-bottom:8px}
.avoid-item p{font-size:13.5px;color:var(--muted-dark);line-height:1.75}

/* ---------- CTA 带（深底） ---------- */
.cta-sec{background:var(--ink-2)}
.cta-band{background:var(--ink);border:1px solid var(--line);border-radius:16px;padding:48px 52px;text-align:center}
.cta-band h2{font-size:clamp(24px,3vw,34px);font-weight:900;margin-bottom:8px}
.cta-band p{font-size:14.5px;color:var(--muted-dark);margin-bottom:20px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:1280px){
  .day-track{grid-template-columns:repeat(2,1fr)}
  .avoid-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .pick-grid{grid-template-columns:1fr}
  .prep-wrap,.note-wrap{grid-template-columns:1fr;gap:30px}
  .hero-path{display:none}
}
@media (max-width:768px){}
@media (max-width:480px){
  .day-track{grid-template-columns:1fr}
  .avoid-grid{grid-template-columns:1fr}
  .hero-cta .btn{width:100%}
}