/* ============================================================
   page-zhengshu.css — 资质证书
   签名布局：证书墙网格（CSS 拟物证书卡，装饰性版式）
   作用域：body.page-zhengshu
   ============================================================ */

.zs-hero .hero-hotline{margin-top:18px;font-size:14px;color:var(--c-muted)}

/* ---------- 证书墙 ---------- */
.cert-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cert{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:34px 26px 26px;box-shadow:var(--shadow-card);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.cert:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}
.cert::before{content:"";position:absolute;top:12px;left:12px;right:12px;height:6px;border-radius:6px 6px 0 0;background:var(--grad-main)}
.cert-seal{position:absolute;top:26px;right:24px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;background:var(--grad-main);box-shadow:0 4px 12px rgba(196,132,252,.35)}
.cert-b .cert-seal{background:linear-gradient(135deg,#F2A6CC,#ffd6e8);box-shadow:0 4px 12px rgba(242,166,204,.4)}
.cert h3{font-size:18px;line-height:1.5;margin:10px 0 10px}
.cert-desc{font-size:13px;color:var(--c-text);margin-bottom:18px;min-height:40px}
.cert-year{display:inline-block;font-size:12px;color:var(--c-purple-400);background:var(--c-bg-purple);padding:4px 12px;border-radius:999px}

/* ---------- 资质说明横卷 ---------- */
.qa-card{flex:0 0 240px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:24px 22px;box-shadow:var(--shadow-card)}
.qa-card h3{font-size:16px;margin-bottom:8px;color:var(--c-purple-400)}
.qa-card p{font-size:13px;color:var(--c-text)}

/* ---------- 实力数据 ---------- */
.data-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
.data-cell{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:28px 16px;text-align:center;box-shadow:var(--shadow-card)}
.data-cell strong{display:block;font-size:32px;font-weight:800;color:var(--c-purple-400);margin-bottom:6px}
.data-cell span{font-size:13px;color:var(--c-muted)}

/* ---------- 实景图 ---------- */
.cert-imgs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cert-imgs figure{margin:0}
.cert-imgs img{border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
.cert-imgs figcaption{margin-top:10px;font-size:13px;color:var(--c-muted);text-align:center}

/* ---------- 上门核验 ---------- */
.visit-box{display:grid;grid-template-columns:1.4fr auto;gap:32px;align-items:center;background:#fff;border-radius:var(--radius-lg);padding:44px;box-shadow:var(--shadow-card)}
.visit-text p{margin-bottom:14px;color:var(--c-text)}
.visit-text strong{color:var(--c-purple-400)}
.visit-text a{color:var(--c-purple-400);font-weight:600}

/* ---------- CTA ---------- */
.cta-sec{background:var(--grad-soft)}
.cta-box{text-align:center;max-width:760px;margin:0 auto;padding:56px 30px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}
.cta-box h2{margin-bottom:14px}
.cta-note{margin-top:18px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .cert-wall{grid-template-columns:repeat(2,1fr)}
  .data-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .visit-box{grid-template-columns:1fr;padding:28px}
  .cert-imgs{grid-template-columns:1fr}
}
@media (max-width:360px){
  .cert-wall{grid-template-columns:1fr}
  .data-strip{grid-template-columns:1fr 1fr}
  .cert{padding:28px 20px 22px}
}