/* ==========================================================================
   cailiao-qingdan.html — 报考材料清单（清单勾选表骨架）
   模块：内页hero / 材料清单勾选总表 / 易错项细节卡 / 备料顺序流程 /
         不同人群材料侧重表 / 缺项提示 / FAQ / 相关推荐 / CTA
   ========================================================================== */

/* 内页 hero 背景 */
.qingdan-hero{background-image:url('../../images/svc-baoming.jpg')}

.container-narrow{max-width:900px;margin-left:auto;margin-right:auto}

/* CTA 条通用排布 */
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-kicker{display:inline-block;color:var(--gold);font-size:13px;letter-spacing:.2em;font-weight:600;margin-bottom:14px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 模块一：材料清单勾选总表 ---------- */
.qd-table-wrap{overflow-x:auto;border-radius:var(--radius)}
.qd-table{min-width:720px}
.qd-table td,.qd-table th{text-align:center}
.qd-table td:nth-child(2),.qd-table th:nth-child(2){text-align:left}
.qd-item{font-weight:600;color:var(--ink)}
.qd-check{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.qd-check input{
  width:18px;height:18px;accent-color:var(--gold-deep);cursor:pointer;
}
.need{
  display:inline-block;font-size:12px;font-weight:600;color:#2e5b3a;
  background:#eff7f1;border-radius:6px;padding:2px 8px;white-space:nowrap;
}
.opt{
  display:inline-block;font-size:12px;font-weight:600;color:#8a6d2f;
  background:#fdf6ea;border-radius:6px;padding:2px 8px;white-space:nowrap;
}
.none{color:var(--muted)}

/* ---------- 模块二：易错项细节卡 ---------- */
.miss-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.miss-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 24px;border-top:3px solid var(--gold);
}
.miss-card h3{font-size:18px;margin-bottom:14px;color:var(--ink)}
.miss-card ul li{
  position:relative;padding:8px 0 8px 20px;font-size:13.5px;color:var(--text);
  line-height:1.7;border-bottom:1px dashed var(--line);
}
.miss-card ul li:last-child{border-bottom:0}
.miss-card ul li::before{
  content:"";position:absolute;left:2px;top:15px;width:5px;height:5px;
  background:var(--gold);transform:rotate(45deg);
}
.miss-card a{color:var(--gold-deep);border-bottom:1px solid var(--gold-line)}

/* ---------- 模块三：备料顺序流程 ---------- */
.order-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:order}
.order-item{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 20px;position:relative;
}
.order-item strong{
  display:inline-block;font-family:var(--serif);font-size:15px;color:var(--gold-deep);
  background:var(--gold-pale);border-radius:6px;padding:3px 10px;margin-bottom:10px;
}
.order-item p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.75}

/* ---------- 模块四：不同人群材料侧重表 ---------- */
.crowd-table td:nth-child(1){color:var(--gold-deep);font-weight:600;white-space:nowrap}

/* ---------- 模块五：缺项提示 ---------- */
.miss-band{
  background:var(--paper-warm);border:1px solid var(--gold-line);border-radius:var(--radius);
  padding:36px 38px;
}
.miss-band h2{font-size:24px;margin-bottom:10px}
.miss-band>p{color:var(--muted);font-size:14.5px;margin-bottom:20px}
.miss-list{list-style:none;margin:0 0 22px}
.miss-list li{
  display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--text);
  padding:7px 0;
}
.miss-list li svg{flex:0 0 auto;margin-top:4px;color:var(--gold-deep)}
.miss-band .notice{margin:0}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .miss-card-grid{grid-template-columns:1fr}
  .order-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .order-strip{grid-template-columns:1fr}
}

/* 规格速查表 */
.spec-table td:nth-child(1){color:var(--gold-deep);font-weight:600;white-space:nowrap}
.related-note{margin-top:18px;font-size:13.5px;color:var(--muted);text-align:center}

/* 备料避坑 */
.pit-list{list-style:none;margin:0;padding:0}
.pit-list li{
  background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:var(--radius-sm);padding:14px 20px;margin-bottom:12px;font-size:14.5px;line-height:1.75;
}

/* 整理技巧 */
.tip-list{list-style:none;margin:0;padding:0}
.tip-list li{
  position:relative;padding:10px 0 10px 28px;font-size:14.5px;line-height:1.75;border-bottom:1px dashed var(--line);
}
.tip-list li:last-child{border-bottom:0}
.tip-list li::before{
  content:"";position:absolute;left:4px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--gold);
}