:root{color-scheme:light dark;--bg:#0b1020;--panel:rgba(255,255,255,0.06);--text:rgba(255,255,255,0.92);--muted:rgba(255,255,255,0.72);--border:rgba(255,255,255,0.12);--brand:#7c3aed;--brand2:#22c55e;--link:#93c5fd;--shadow:0 10px 30px rgba(0,0,0,0.35);--radius:16px;--maxw:1120px}@media (prefers-color-scheme:light){:root{--bg:#f7f7fb;--panel:rgba(12,18,33,0.06);--text:rgba(12,18,33,0.92);--muted:rgba(12,18,33,0.72);--border:rgba(12,18,33,0.12);--link:#1d4ed8;--shadow:0 10px 30px rgba(12,18,33,0.12)}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;background:radial-gradient(1200px 600px at 20% 10%,rgba(124,58,237,.25),transparent 60%),radial-gradient(900px 500px at 80% 15%,rgba(34,197,94,.18),transparent 55%),radial-gradient(900px 700px at 50% 100%,rgba(59,130,246,.12),transparent 50%),var(--bg);color:var(--text);line-height:1.6}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(var(--maxw),calc(100% - 40px));margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);z-index:20}.topbar-inner{justify-content:space-between;padding:14px 0;gap:18px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:.2px;color:var(--text)}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#2563eb);box-shadow:0 8px 20px rgba(124,58,237,.25)}nav a{color:var(--muted);margin-left:14px;font-weight:600}nav a:hover{color:var(--text)}.hero{padding:54px 0 20px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:22px;gap:22px;align-items:start}@media (max-width:860px){.hero-grid{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);font-weight:700;font-size:13px}h1{margin:12px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.18;letter-spacing:-.2px}.lead{margin:0 0 18px;color:var(--muted);font-size:16px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:800;box-shadow:var(--shadow)}.btn.primary{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 70%,transparent),rgba(37,99,235,.32))}.btn:hover{transform:translateY(-1px);text-decoration:none}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:18px;box-shadow:var(--shadow)}.panel h2{margin:0 0 10px;font-size:16px}.panel ul{margin:0;padding-left:18px;color:var(--muted)}main{padding-bottom:54px}section{padding:28px 0}section h2{font-size:24px;margin:0 0 10px}section h3{font-size:18px;margin:16px 0 8px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:860px){.grid-3{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:16px}.card h3{margin:0 0 6px}.callout,.muted{color:var(--muted)}.callout{border-left:4px solid var(--brand2);padding:12px 14px;background:color-mix(in srgb,var(--panel) 70%,transparent);border-radius:12px}pre{margin:10px 0;padding:14px;overflow:auto;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 65%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.codebar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:8px 10px;font-weight:800;cursor:pointer}footer{border-top:1px solid var(--border);padding:26px 0 40px;color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:16px;gap:16px}@media (max-width:860px){.footer-grid{grid-template-columns:1fr}}.k{display:inline-block;padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-weight:800;color:var(--muted);font-size:12px}