/* ziliao-zhishi.css · 知识要点（居中题头+标签墙 / 铆钉卡 / 棋盘格 / 双层叠卡 / 电话横幅） */

/* H5 居中窄版题头 */
.zs-hero{
  background:linear-gradient(160deg,#331C0D,#241407);color:var(--cream-100);
  padding-top:calc(var(--header-h) + 60px);padding-bottom:clamp(50px,7vw,84px);text-align:center;
}
.zs-hero-inner{max-width:780px;margin:0 auto}
.zs-hero h1{color:var(--cream-50);font-size:clamp(28px,4.2vw,48px);margin:18px 0 14px}
.zs-lead{color:var(--cream-200);font-size:16px;line-height:1.9}
.zs-tagtags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}

/* C5 铆钉卡 */
.zs-pitgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.zs-pit{position:relative;background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:26px 22px;box-shadow:var(--shadow-sm)}
.zs-rivet{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 3px 3px,var(--brass-light),var(--brown-500))}
.zs-pit h3{font-size:18px;color:var(--green-700);margin-bottom:10px}
.zs-pit p{font-size:14px;color:var(--ink-soft);line-height:1.8}
.zs-note{font-size:12.5px;color:var(--muted);margin-top:18px;text-align:center}

/* B3 棋盘格 */
.zs-board{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.zs-cell img{width:100%;height:260px;object-fit:cover;border:1px solid var(--line-dark);box-shadow:var(--shadow-md)}
.zs-txt h3{color:var(--brass-light);font-size:20px;margin-bottom:10px}
.zs-txt p{color:var(--cream-200);font-size:15px;line-height:1.9}

/* C7 双层叠卡 */
.zs-layer{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto}
.zs-layer-card{position:relative;padding-top:26px}
.zs-layer-top{
  position:absolute;top:0;left:20px;right:20px;height:44px;background:var(--green-700);
  border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;
  color:var(--brass-light);font-family:var(--font-display);font-weight:700;letter-spacing:.1em;
  box-shadow:var(--shadow-sm);
}
.zs-layer-body{
  background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:34px 22px 24px;margin-top:14px;box-shadow:var(--shadow-sm);
}
.zs-layer-body h3{font-size:18px;margin-bottom:10px}
.zs-layer-body p{font-size:14px;color:var(--ink-soft);line-height:1.8}

/* G3 电话横幅 */
.zs-call{text-align:center;padding:clamp(56px,7vw,90px) 0}
.zs-call-inner{max-width:720px;margin:0 auto}
.zs-call h2{color:var(--cream-50);font-size:clamp(26px,3.6vw,40px);margin-bottom:14px}
.zs-call p{color:var(--cream-200);margin-bottom:26px}
.zs-call-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:1024px){
  .zs-pitgrid,.zs-layer{grid-template-columns:1fr}
  .zs-board{grid-template-columns:1fr}
}

/* ===== 扩充模块 ===== */
.szx-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.szx-why-card{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:24px;border-top:3px solid var(--green-700)}
.szx-why-card h3{font-size:16.5px;color:var(--brown-800);margin-bottom:10px}
.szx-why-card p{font-size:14px;color:var(--ink-soft);line-height:1.85}
.szx-local{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.szx-local-img img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.szx-local-body h2{font-size:clamp(22px,3vw,32px);margin-bottom:14px}
.szx-local-body p{color:var(--ink-soft);margin-bottom:14px;line-height:1.9;font-size:15px}
.szx-more h2{font-size:22px;margin-bottom:16px;color:var(--brown-800)}
.szx-tip{font-size:14.5px;color:var(--ink-soft);line-height:1.9;background:var(--cream-100);border-radius:var(--r-sm);padding:18px 22px;border-left:3px solid var(--brass);margin-bottom:20px}
.szx-chips{display:flex;flex-wrap:wrap;gap:10px}
.szx-chips a{background:var(--cream-50);border:1px solid var(--line);border-left:3px solid var(--green-700);border-radius:var(--r-xs);padding:9px 16px;font-size:13.5px;color:var(--brown-700)}
.szx-chips a:hover{background:var(--green-700);color:var(--cream-50)}
@media(max-width:1024px){.szx-why,.szx-local{grid-template-columns:1fr}}
.szx-use-list{max-width:820px;margin:0 auto}
.szx-use-list li{display:flex;gap:16px;margin-bottom:16px;background:rgba(251,247,236,.06);border:1px solid var(--line-dark);border-radius:var(--r-sm);padding:18px 20px}
.szx-use h2{color:var(--cream-50)}
.szx-use-list b{flex-shrink:0;color:var(--brass-light);font-size:15.5px;min-width:96px}
.szx-use-list p{color:var(--cream-200);font-size:14px;line-height:1.8}
.szx-aud{max-width:920px;margin:0 auto}
.szx-aud h2{font-size:22px;margin-bottom:16px;color:var(--brown-800)}
.szx-aud p{font-size:15px;color:var(--ink-soft);line-height:2}

/* endnote */
.endnote-wrap{max-width:860px;margin:0 auto}
.endnote-wrap h2{font-size:22px;margin-bottom:14px;color:var(--brown-800)}
.endnote-wrap p{font-size:15px;color:var(--ink-soft);line-height:2}