:root{--page:#f4f7fa;--paper:#fff;--ink:#172033;--muted:#607188;--border:#cbd5df;--accent:#176b87;--ordinary:#277ed8;--service:#7b678d;--tint:#e8f2f5}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--page)}
body{display:grid;place-items:center;font-family:"PingFang SC","Hiragino Sans GB","Source Han Sans SC",sans-serif;color:var(--ink)}
.slide-16x9{width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16/9;background:var(--paper);overflow:hidden}
svg{display:block;width:100%;height:100%}.title{font-family:"Songti SC",STSong,"Source Han Serif SC",serif;font-size:34px;font-weight:700;fill:var(--ink)}
.eyebrow{font:600 13px "SFMono-Regular",Menlo,monospace;letter-spacing:1.7px;fill:var(--accent)}
.zone{fill:#f8fafc;stroke:var(--border);stroke-width:1}.zone-label{font-size:14px;font-weight:600;fill:var(--muted);letter-spacing:.5px}
.edge{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.edge.ordinary{stroke:var(--ordinary)}.edge.service{stroke:var(--service)}.edge.shared{stroke:var(--accent)}
.association{fill:none;stroke:var(--border);stroke-width:2;stroke-dasharray:6 7}
.node{fill:var(--paper);stroke:var(--border);stroke-width:1}.node.focal{fill:var(--tint);stroke:var(--accent);stroke-width:2}.node.note{fill:#f8fafc}
.node-title{font-size:18px;font-weight:650;fill:var(--ink)}.node-sub{font-size:13px;fill:var(--muted)}
.tag{font:600 12px "SFMono-Regular",Menlo,monospace;fill:var(--accent)}.footer{font-size:12px;fill:var(--muted)}