/* ============================================================
   龙铭特种作业 · 河南考试批次 kaoshipici.css
   签名 S15：125° 渐变分割，内容居中偏左，装饰=方括号/大括号线框
   ============================================================ */

/* ---------- 首屏 S15 ---------- */
.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(125deg,rgba(11,11,12,.96) 0%,rgba(11,11,12,.88) 45%,rgba(11,11,12,.5) 75%);
}
.hero-inner{position:relative;z-index:2;width:min(1100px,92%);margin-inline:auto;padding:150px 0 80px}
.hero-frame{position:relative;max-width:640px;padding:30px 34px}
.bracket{position:absolute;font-size:60px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.5);line-height:1}
.bl-tl{top:-6px;left:-6px}
.bl-br{bottom:-30px;right:-6px}
.hero-frame .crumbs{margin-bottom:20px}
.hero-frame .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}

/* ---------- 批次节奏大数字（浅底） ---------- */
.rhythm-sec{background:var(--paper);color:var(--txt-on-light)}
.rhy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rhy-item{padding:32px 26px;border-radius:12px;background:#fff;border:1px solid var(--line-dark);transition:.4s}
.rhy-item:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(11,11,12,.1)}
.rhy-num{display:block;font-size:clamp(34px,4vw,52px);font-weight:900;line-height:1;color:#000;margin-bottom:14px}
.rhy-item p{font-size:13.5px;color:var(--muted-light);line-height:1.75}
.rhy-note{margin-top:24px;font-size:13.5px;color:var(--muted-light)}

/* ---------- 批次表（深底） ---------- */
.table-sec{background:var(--ink-2)}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.pici-table{width:100%;border-collapse:collapse;min-width:600px;background:var(--ink-3)}
.pici-table th,.pici-table td{padding:18px 24px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px}
.pici-table thead th{font-size:13px;letter-spacing:.1em;color:#fff}
.pici-table tbody tr:last-child td{border-bottom:0}
.pici-table td:first-child{font-weight:800;color:#fff}
.pici-table td{color:var(--muted-dark)}

/* ---------- R2 新增：错过这批怎么办 补救说明框 ---------- */
.tbl-remedy{
  margin-top:24px;padding:26px 28px;border-radius:12px;background:var(--ink-3);
  border:1px solid rgba(255,196,87,.4);border-left:4px solid #ffc457;
}
.tbl-remedy h3{font-size:18px;font-weight:800;color:#ffc457;margin-bottom:10px}
.tbl-remedy p{font-size:14.5px;color:var(--muted-dark);line-height:1.9}
.table-case{
  margin-top:18px;font-size:14px;color:var(--muted-dark);line-height:1.9;
  padding:16px 20px;border-left:3px solid rgba(255,196,87,.6);background:rgba(255,196,87,.06);border-radius:0 8px 8px 0;
}

/* ---------- R2 新增：赶哪批怎么倒排时间（5节点时间轴，浅底卡片） ---------- */
.dao-sec{background:var(--paper);color:var(--txt-on-light)}
.dao-track{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.dt2-node{
  position:relative;padding:24px 18px;border-radius:12px;background:#fff;
  border:1px solid var(--line-dark);transition:.4s var(--ease);
}
.dt2-node:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(11,11,12,.12)}
.dt2-when{
  display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.08em;
  background:var(--ink);color:#fff;padding:4px 10px;border-radius:4px;margin-bottom:14px;
}
.dt2-node h3{font-size:16.5px;font-weight:800;margin-bottom:8px}
.dt2-node p{font-size:13px;color:var(--muted-light);line-height:1.75}
.dao-tip{margin-top:24px;font-size:14px;color:var(--muted-light);line-height:1.9;padding:14px 18px;background:#fff;border-left:3px solid #000;border-radius:0 8px 8px 0}

/* ---------- 赶批次准备图文（浅底） ---------- */
.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:340px;object-fit:cover}
.prep-copy .sec-title{margin:10px 0 18px}
.prep-copy p{font-size:15.5px;color:var(--muted-light);line-height:1.95;margin-bottom:14px}
.lnk{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}
.lnk.dark{color:#000;border-color:rgba(11,11,12,.4)}

/* ---------- 窗口期提醒（深底） ---------- */
.remind-sec{background:var(--ink)}
.remind-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;max-width:960px}
.rm-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.rm-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:8px;box-shadow:0 0 12px rgba(255,255,255,.5)}
.rm-item p{font-size:15px;color:var(--muted-dark);line-height:1.8}
.rm-item b{color:#fff}

/* ---------- 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}

/* ---------- CTA 图文块 ---------- */
.cta-sec{background:var(--ink-2)}
.cta-row{position:relative;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr;align-items:center}
.cta-row>img{width:100%;height:100%;min-height:280px;object-fit:cover;opacity:.5}
.cr-body{padding:44px 48px}
.cr-body h2{font-size:clamp(24px,3vw,34px);font-weight:900;margin-bottom:10px}
.cr-body p{font-size:15px;color:var(--muted-dark);margin-bottom:20px}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:1280px){
  .rhy-grid{grid-template-columns:repeat(2,1fr)}
  .dao-track{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .prep-wrap{grid-template-columns:1fr;gap:30px}
  .remind-list{grid-template-columns:1fr}
  .cta-row{grid-template-columns:1fr}
  .cta-row>img{height:220px}
}
@media (max-width:768px){}
@media (max-width:480px){
  .rhy-grid{grid-template-columns:1fr}
  .dao-track{grid-template-columns:1fr}
  .hero-cta .btn{width:100%}
}

/* 列宽 */
.pici-table{table-layout:fixed}.pici-table .w1{width:24%}.pici-table .w2{width:40%}.pici-table .w3{width:36%}