/* ============================================================
   zhengshu.css —— 证书服务总览
   骨架 S4 错位网格
   光影 D2 对角光斑/暗角 · D3 斜角切角 · D7 hover 光泽
   ============================================================ */

.zs-hero{padding:140px 0 54px;background:linear-gradient(135deg,#F5F5F2,#fff);}
.zs-hero h1{font-size:clamp(30px,4vw,44px);margin:16px 0 12px;}
.zs-hero p{color:var(--text-weak);max-width:600px;}

/* S4 错位网格 */
.zs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.zs-big{
  position:relative;overflow:hidden;box-shadow:var(--shadow-s);display:block;
}
.zs-big img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.zs-big:hover img{transform:scale(1.04);}
.zb-mask{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;
  background:linear-gradient(135deg,rgba(51,51,47,0) 30%,rgba(51,51,47,.66) 100%);color:#fff;
}
.zb-mask strong{font-size:20px;letter-spacing:1px;}
.zb-mask small{font-size:13px;opacity:.9;margin-top:4px;}
.zs-mini{
  background:#fff;border:1px solid var(--line);padding:24px;box-shadow:var(--shadow-s);
  align-self:center;
}
.zs-mini::before{
  content:"";display:block;width:44px;height:3px;margin-bottom:14px;
  background:linear-gradient(135deg,var(--brown-100),var(--brown-300));
}
.zs-no{font-size:26px;font-weight:800;color:rgba(148,121,90,.25);}
.zs-mini h3{font-size:17px;margin:6px 0 8px;color:var(--brown-400);}
.zs-mini p{font-size:13.5px;color:var(--text-weak);line-height:1.8;margin:0;}

.zs-note{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.zs-note h2{font-size:clamp(24px,3vw,34px);margin:14px 0 14px;}
.zs-note h3{font-size:18px;color:var(--brown-400);margin-bottom:10px;}
.zs-note p{color:var(--text-weak);line-height:1.9;font-size:14.5px;}

.zs-cta{padding:80px 0;text-align:center;background:linear-gradient(135deg,var(--brown-300),var(--brown-400));color:#fff;}
.zs-cta h2{color:#fff;font-size:clamp(26px,3.4vw,38px);margin-bottom:12px;}
.zs-cta p{color:rgba(255,255,255,.85);margin-bottom:24px;}

@media (max-width:920px){
  .zs-grid,.zs-note{grid-template-columns:1fr;}
}

/* ===== 补写内容通用样式 gb-* ===== */
.gb-lead{color:var(--text-weak);line-height:1.9;font-size:15px;max-width:760px;}
.gb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.gb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
.gb-card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);}
.gb-card h3{font-size:16px;color:var(--brown-400);margin-bottom:8px;}
.gb-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}
.gb-list{list-style:none;padding:0;margin:18px 0 0;}
.gb-list li{padding:9px 0 9px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--line);line-height:1.8;}
.gb-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--brown-100),var(--brown-300));}
.gb-note{margin-top:22px;font-size:13.5px;color:var(--text-weak);line-height:1.85;}
@media(max-width:920px){.gb-cols{grid-template-columns:1fr;}.gb-cols2{grid-template-columns:1fr;}}