.zguide{color-scheme:dark;--bg:#0a0b12;--panel:#12131c;--panel2:#191a26;--border:#242637;--fg:#f5f6ff;--muted:#9aa0c0;--brand:#7c6cff;--brand2:#b9b0ff;--crit:#f87171;--high:#fb923c;--med:#facc15;--low:#60a5fa;--info:#94a3b8;--ok:#4ade80;--radius:12px;margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}.zguide *{box-sizing:border-box}.zguide a{color:inherit;text-decoration:none}.zguide code,.zguide pre{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.zguide .zg-wrap{position:relative;display:flex;min-height:100vh}.zguide .zg-wrap:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 45% at 78% -5%,rgba(124,108,255,.16),transparent 60%),radial-gradient(50% 40% at 0 0,rgba(124,108,255,.1),transparent 55%)}.zguide .zg-side{width:272px;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:2;overflow-y:auto;padding:18px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--panel) 60%,var(--bg))}.zguide .zg-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:4px 8px 14px}.zguide .zg-brand .lg{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 6px 18px -6px var(--brand)}.zguide .zg-brand .lg svg{width:16px;height:16px}.zguide .zg-lang{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;margin:0 4px 14px}.zguide .zg-lang button{flex:1;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;padding:7px 0;background:var(--panel2);color:var(--muted);border:0}.zguide .zg-lang button.on{background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--fg)}.zguide .zg-lang button:not(.on):hover{color:var(--fg)}.zguide .zg-nav{display:flex;flex-direction:column;gap:1px}.zguide .zg-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--muted);transition:background .15s,color .15s}.zguide .zg-nav a:hover{background:color-mix(in srgb,var(--panel2) 70%,transparent);color:var(--fg)}.zguide .zg-nav a.on{background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--fg)}.zguide .zg-nav a svg{width:15px;height:15px;flex:none;color:var(--brand2)}.zguide .zg-back{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin:16px 4px 0}.zguide .zg-back:hover{color:var(--fg)}.zguide .zg-back svg{width:14px;height:14px}.zguide .zg-main{position:relative;z-index:1;flex:1;min-width:0;max-width:900px;padding:0 clamp(20px,5vw,56px) 100px}.zguide .zg-hero{padding:70px 0 38px;text-align:center}.zguide .zg-emblem{width:76px;height:76px;border-radius:20px;margin:0 auto 24px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 20px 50px -16px var(--brand)}.zguide .zg-emblem svg{width:38px;height:38px}.zguide .zg-hero h1{font-size:clamp(30px,5vw,46px);font-weight:800;letter-spacing:-.03em;margin:0 0 14px;line-height:1.05}.zguide .zg-hero h1 span{background:linear-gradient(120deg,var(--brand2),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.zguide .zg-hero p{color:var(--muted);font-size:16px;line-height:1.6;max-width:58ch;margin:0 auto}.zguide .zg-badge{display:inline-block;margin-top:16px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--brand2);background:color-mix(in srgb,var(--brand) 13%,transparent);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:999px;padding:6px 14px}.zguide .zg-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:26px 0 8px}.zguide .zg-toc a{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);color:var(--muted);font-size:13.5px;font-weight:500;transition:.16s}.zguide .zg-toc a:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));color:var(--fg);transform:translateY(-1px)}.zguide .zg-toc a .tn{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--brand2);background:color-mix(in srgb,var(--brand) 16%,transparent)}.zguide .zg-card{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--border);border-radius:16px;padding:28px;margin-top:22px;scroll-margin-top:24px;box-shadow:0 10px 34px -18px rgba(0,0,0,.6)}.zguide .zg-h{display:flex;align-items:center;gap:13px;margin-bottom:15px}.zguide .zg-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--brand2);background:color-mix(in srgb,var(--brand) 14%,transparent);border:1px solid color-mix(in srgb,var(--brand) 26%,transparent)}.zguide .zg-ic svg{width:20px;height:20px}.zguide .zg-h h2{margin:0;font-size:20px;font-weight:750;letter-spacing:-.01em}.zguide .zg-lead{color:var(--muted);font-size:14.5px;line-height:1.65;margin:0 0 16px}.zguide .zg-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.zguide .zg-steps li{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.6}.zguide .zg-steps .n{flex:none;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--brand2);background:color-mix(in srgb,var(--brand) 15%,transparent);border:1px solid color-mix(in srgb,var(--brand) 28%,transparent)}.zguide .zg-code{margin:18px 0 0}.zguide .zg-code .cap{font-size:12.5px;color:var(--muted);margin-bottom:8px}.zguide .zg-code .body{position:relative;background:#0c0d16;border:1px solid var(--border);border-radius:11px;overflow:hidden}.zguide .zg-code pre{margin:0;padding:15px 48px 15px 16px;overflow-x:auto}.zguide .zg-code code{font-size:12.5px;line-height:1.7;color:#d7dbf0;white-space:pre}.zguide .zg-code .cp{position:absolute;top:10px;right:10px;display:inline-flex;padding:7px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:color-mix(in srgb,var(--panel2) 85%,transparent);color:var(--muted);transition:.15s}.zguide .zg-code .cp:hover{color:var(--fg);border-color:var(--brand)}.zguide .zg-note{margin:16px 0 0;padding:13px 16px;border-radius:11px;font-size:13.5px;line-height:1.6;border:1px solid var(--border);background:var(--panel2)}.zguide .zg-note b{margin-right:6px}.zguide .zg-note.info{border-color:color-mix(in srgb,var(--low) 34%,var(--border));background:color-mix(in srgb,var(--low) 9%,transparent)}.zguide .zg-note.info b{color:var(--low)}.zguide .zg-note.success,.zguide .zg-note.tip{border-color:color-mix(in srgb,var(--ok) 34%,var(--border));background:color-mix(in srgb,var(--ok) 9%,transparent)}.zguide .zg-note.success b,.zguide .zg-note.tip b{color:var(--ok)}.zguide .zg-note.warn{border-color:color-mix(in srgb,var(--med) 40%,var(--border));background:color-mix(in srgb,var(--med) 10%,transparent)}.zguide .zg-note.warn b{color:var(--med)}.zguide .zg-note.danger{border-color:color-mix(in srgb,var(--crit) 40%,var(--border));background:color-mix(in srgb,var(--crit) 10%,transparent)}.zguide .zg-note.danger b{color:var(--crit)}.zguide .zg-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.zguide .zg-links a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--brand2);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border));border-radius:9px;padding:8px 13px;transition:.15s}.zguide .zg-links a:hover{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--fg)}.zguide .zg-links a svg{width:14px;height:14px}.zguide .zg-caps{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:6px}.zguide .zg-cap{background:var(--panel2);border:1px solid var(--border);border-radius:11px;padding:14px}.zguide .zg-cap .k{font-size:22px;font-weight:800;color:var(--fg);letter-spacing:-.02em}.zguide .zg-cap .l{font-size:12.5px;color:var(--muted);margin-top:2px}.zguide .zg-grp{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);opacity:.7;padding:15px 10px 5px}.zguide .zg-grp:first-of-type{padding-top:4px}.zguide .zg-herocard{position:relative;overflow:hidden;border-radius:20px;padding:30px 32px;margin:6px 0 8px;background:linear-gradient(135deg,#5b4be6,#7c6cff 55%,#9a7bff);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 64px -26px rgba(124,108,255,.75)}.zguide .zg-herocard:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 120% at 86% -12%,rgba(255,255,255,.22),transparent 60%)}.zguide .zg-herocard>*{position:relative;z-index:1}.zguide .zg-herocard .hc-brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:23px;color:#fff;letter-spacing:-.02em}.zguide .zg-herocard .hc-brand .lg{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.17);display:grid;place-items:center;flex:none}.zguide .zg-herocard .hc-brand .lg svg{width:21px;height:21px;color:#fff}.zguide .zg-herocard p{margin:14px 0 0;color:rgba(255,255,255,.92);font-size:14.5px;line-height:1.62;max-width:72ch}.zguide .zg-herocard .hc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.zguide .zg-herocard .hc-meta a,.zguide .zg-herocard .hc-meta span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 12px;transition:.15s}.zguide .zg-herocard .hc-meta a:hover{background:rgba(255,255,255,.28)}.zguide .zg-herocard .hc-meta svg{width:13px;height:13px}.zguide .zg-sec-h{display:flex;align-items:center;gap:11px;margin:40px 0 4px;font-size:22px;font-weight:750;letter-spacing:-.01em}.zguide .zg-sec-h svg{width:21px;height:21px;color:var(--brand2);flex:none}.zguide .zg-sec-sub{color:var(--muted);font-size:14px;margin:0 0 18px}.zguide .zg-inside{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}.zguide .zg-fcard{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;transition:.16s}.zguide .zg-fcard:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));transform:translateY(-2px)}.zguide .zg-fcard .fi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--brand2);background:color-mix(in srgb,var(--brand) 14%,transparent);margin-bottom:12px}.zguide .zg-fcard .fi svg{width:19px;height:19px}.zguide .zg-fcard b{font-size:14.5px;font-weight:700;color:var(--fg);display:block}.zguide .zg-fcard p{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.55}@media(max-width:900px){.zguide .zg-herocard{padding:22px 20px}.zguide .zg-grp{padding:10px 10px 4px}.zguide .zg-wrap{flex-direction:column}.zguide .zg-side{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px}.zguide .zg-brand{padding:0;font-size:14px}.zguide .zg-lang{margin:0 0 0 auto}.zguide .zg-nav{display:none}.zguide .zg-back{margin:0}.zguide .zg-main{max-width:100%;padding:0 18px 80px}.zguide .zg-hero{padding:44px 0 30px}}@media(prefers-reduced-motion:reduce){.zguide *{transition:none!important}}