/* cert wall */
.cert-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
@media(max-width:1200px){.cert-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.cert-wall{grid-template-columns:repeat(2,1fr)}}
.cert{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.22s;box-shadow:var(--shadow-sm)}
a.cert{display:block;color:inherit;text-decoration:none}
a.cert:hover{text-decoration:none}
.cert:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:#D3E0F4}
/* display:block 必须写：zizhi.html 里 .cert-img 是 <a>（默认 inline），
   而行内元素上 aspect-ratio 不生效，会导致图片比例失控。
   竖长图框，接近 A4 证书比例（400/564≈0.71） */
.cert-img{display:block;aspect-ratio:400/564;background:#f6f8fc;overflow:hidden}
/* 横版变体：honor.html（荣誉资质 / 企业资质 / 客户案例系列）用 800/560；
   zizhi.html（中标案例 / 煤安资质与MA子栏目 / 资质证书 / 检测报告）保持默认竖版 400/564 */
.cert-wall.wide .cert-img{aspect-ratio:800/560}
.cert-img img{width:100%;height:100%;object-fit:contain;transition:.3s;background:#fff}
.cert:hover .cert-img img{transform:scale(1.04)}
.cert-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:18px;text-align:center;font-size:14px;color:var(--muted);background:var(--bg-alt)}
.cert-body{padding:14px 14px 16px;text-align:center;border-top:1px solid var(--line)}
.cert-body b{font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}
a.cert:hover .cert-body b{color:var(--brand)}
/* cert list */
.cert-index{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px;box-shadow:var(--shadow-sm)}
.cert-index th,.cert-index td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.cert-index th{background:var(--brand-soft);color:var(--brand-deep);font-weight:700;white-space:nowrap}
.cert-index tbody tr:nth-child(even) td{background:#FAFBFE}
.cert-index td{color:var(--ink-soft)}
.cert-list{list-style:none;padding:0;margin:0;background:#fff;border:1px solid var(--line);border-radius:14px}
@media(max-width:768px){.cert-list{grid-template-columns:1fr}}
.cert-list li{position:relative;padding:13px 18px 13px 44px;font-size:15px;color:var(--ink-soft);border-bottom:1px solid var(--line)}
.cert-list li:last-child{border-bottom:0}
.cert-list li::before{content:"✓";position:absolute;left:18px;top:13px;width:20px;height:20px;line-height:20px;text-align:center;background:var(--brand-soft);color:var(--brand);border-radius:50%;font-size:12px;font-weight:700}
.cert-list li a{color:var(--ink-soft);display:block}
.cert-list li:hover a{color:var(--brand)}
/* client band */
.client-band{margin-top:40px;background:var(--bg-alt);border-radius:var(--radius);padding:28px 30px}
.client-band h3{font-size:16px;font-weight:700;margin:0 0 16px}
.footprint{display:flex;flex-wrap:wrap;gap:10px}
.fp-tag{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-size:15px;font-weight:500;color:var(--ink);transition:.2s;display:inline-block}
.fp-tag:hover{border-color:var(--brand);color:var(--brand)}
/* cert page */
.cert-hero-band{background:linear-gradient(135deg,var(--brand-deep) 0%,var(--brand) 70%,#2E6FD8 100%);border-radius:24px;color:#fff;padding:44px 40px;margin-bottom:48px}
.cert-hero-band h1,.cert-hero-band h2{font-size:var(--fs-h2);font-weight:800;margin:0 0 10px}
.cert-hero-band p{font-size:16px;color:rgba(255,255,255,.9);margin:0;line-height:1.8}