/* ==========================================================================
   baoming-tiaojian.css —— 报名条件页专属样式
   模块：hero / 通用三卡 / 工种对照表 / 补救清单 / 材料图文 / 自查网格
   ========================================================================== */

/* ---------- 内页 Hero ---------- */
.page-hero-tiaojian{background-image:url("../../images/svc-baoming.jpg")}

/* ---------- 模块一：三道通用门槛 ---------- */
.gen-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.gen-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 30px;position:relative;transition:transform .3s ease,box-shadow .3s ease;
}
.gen-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.gen-ico{
  display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
  border-radius:14px;background:var(--gold-pale);color:var(--gold-deep);margin-bottom:20px;
}
.gen-card h3{font-size:21px;margin-bottom:12px}
.gen-card p{font-size:14.5px;color:var(--muted);margin:0 0 18px}
.gen-tag{
  display:inline-block;font-size:12.5px;font-weight:600;color:var(--gold-deep);
  border:1px solid var(--gold-line);border-radius:999px;padding:3px 14px;background:var(--paper);
}

/* ---------- 模块二：工种对照表 ---------- */
.table-wrap{overflow-x:auto;border-radius:var(--radius)}
.tiaojian-table a{color:var(--gold-deep);font-weight:600}
.tiaojian-table a:hover{text-decoration:underline}
.table-note{margin-top:18px;font-size:14px;color:var(--muted)}
.table-note a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块三：不符合情形与补救 ---------- */
.buhu-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.buhu-item{
  display:flex;gap:20px;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:28px 26px;transition:transform .3s ease,box-shadow .3s ease;
}
.buhu-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.buhu-no{
  flex:0 0 auto;font-family:var(--serif);font-size:30px;font-weight:700;color:var(--gold-pale);
  line-height:1;align-self:flex-start;
}
.buhu-body h3{font-size:18px;margin-bottom:10px}
.buhu-case{font-size:14px;color:var(--muted);margin-bottom:8px}
.buhu-fix{font-size:14.5px;color:var(--text);margin:0}

/* ---------- 模块四：材料图文 ---------- */
.cailiao-cols{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.cailiao-media img{border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;height:auto;object-fit:cover}
.cailiao-media figcaption{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}
.cailiao-text h2{font-size:28px;margin:10px 0 16px}
.cailiao-text>p{color:var(--muted);font-size:15px}
.cailiao-points{margin:22px 0 26px}
.cailiao-points li{
  display:flex;gap:12px;align-items:flex-start;padding:11px 0;
  border-bottom:1px dashed var(--line);font-size:14.5px;
}
.cailiao-points li:last-child{border-bottom:0}
.cailiao-points svg{flex:0 0 auto;color:var(--gold-deep);margin-top:3px}

/* ---------- 模块五：自查速查 ---------- */
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.check-item{
  display:flex;gap:14px;align-items:flex-start;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px 22px;
}
.check-dot{
  flex:0 0 auto;width:20px;height:20px;border-radius:50%;margin-top:3px;
  border:2px solid var(--gold);background:var(--paper);position:relative;
}
.check-item p{margin:0;font-size:14.5px;color:var(--text)}

/* ---------- FAQ 收窄 ---------- */
.container-narrow{max-width:860px}
.faq-list{margin-top:8px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .gen-grid{grid-template-columns:1fr;gap:18px}
  .buhu-list{grid-template-columns:1fr}
  .cailiao-cols{grid-template-columns:1fr;gap:28px}
  .check-grid{grid-template-columns:1fr}
}