:root{
  --bg:#070B14; --panel:#0B1220; --line:rgba(255,255,255,.08);
  --text:#EEF3FA; --muted:#91A0B5; --soft:#C7D3E3;
  --cyan:#22D3EE; --ok:#34D399; --pink:#F472B6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:#7DD3FC;text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;color:#A5F3FC}
.docs-top{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(7,11,20,.92);backdrop-filter:blur(12px)}
.docs-top-inner{width:min(1280px,calc(100% - 24px));margin:0 auto;min-height:58px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900}
.brand img{width:28px;height:28px;border-radius:8px}
.brand em{font-style:normal;margin-left:4px;padding:2px 8px;border-radius:999px;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.1);color:#67E8F9;font-size:12px}
.top-search input{width:100%;max-width:420px;min-height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;padding:0 12px;outline:none}
.top-search input:focus{border-color:rgba(34,211,238,.4)}
.top-actions{display:flex;gap:8px;align-items:center}
.pill,.ghost{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none}
.pill{border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.1);color:#E0F2FE}
.ghost{border:1px solid var(--line);color:#Dbe4f0}
.docs-body{width:min(1280px,calc(100% - 24px));margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;padding:18px 0 40px}
.sidebar{position:sticky;top:74px;align-self:start;max-height:calc(100vh - 90px);overflow:auto;padding-right:6px}
.side-group{margin-bottom:16px}
.side-label{font-size:11px;font-weight:900;letter-spacing:.08em;color:#64748B;margin:0 0 8px 8px}
.side-link{display:block;padding:8px 10px;border-radius:10px;color:#B6C3D6;font-size:13.5px;font-weight:750;text-decoration:none}
.side-link:hover{background:rgba(255,255,255,.04);color:#fff;text-decoration:none}
.side-link.active{background:rgba(34,211,238,.1);color:#E0F2FE;border:1px solid rgba(34,211,238,.18)}
.side-card{margin-top:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.side-card .k{font-size:11px;font-weight:900;color:#7DD3FC;margin-bottom:8px}
.side-card code{display:block;word-break:break-all;color:#E2E8F0;font-size:12px;margin-bottom:8px}
.side-card button{min-height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-weight:800;cursor:pointer}
.side-card p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.content{min-width:0}
.doc-sec{padding:10px 0 34px;border-bottom:1px solid rgba(255,255,255,.05);scroll-margin-top:80px}
.doc-sec:last-of-type{border-bottom:0}
.eyebrow{display:inline-flex;padding:4px 10px;border-radius:999px;border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.08);color:#67E8F9;font-size:12px;font-weight:850}
h1{margin:12px 0 0;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;font-weight:1000}
h2{margin:28px 0 10px;font-size:22px;font-weight:950}
.lead{margin:12px 0 0;color:var(--muted);font-size:15.5px;line-height:1.8;max-width:760px}
.meta{margin-top:10px;color:#64748B;font-size:13px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.btn{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);color:#fff;font-weight:900;text-decoration:none}
.btn.primary{border:0;background:linear-gradient(135deg,#22D3EE,#60A5FA);color:#041018}
.code-window{margin-top:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0A101C}
.cw-top{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);color:#94A3B8;font-size:12px;font-weight:800}
.cw-top .ok{color:#6EE7B7}
.code-window pre,.codeblock{margin:0;padding:14px;overflow:auto;color:#E5E7EB;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.8px;line-height:1.7;white-space:pre-wrap}
.codeblock{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:#0A101C}
.code-window .c{color:#67E8F9}.code-window .k{color:var(--pink)}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.steps article{padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.steps b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(34,211,238,.12);color:#67E8F9;font-size:12px}
.steps h3{margin:10px 0 0;font-size:15px}
.steps p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.card{display:block;padding:16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;text-decoration:none}
.card:hover{border-color:rgba(34,211,238,.3);text-decoration:none}
.card h3{margin:0;font-size:16px}
.card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.card span{display:inline-block;margin-top:12px;color:#7DD3FC;font-size:12px;font-weight:850}
.card.static{cursor:default}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}
th{color:#94A3B8;font-size:12px;font-weight:900;background:rgba(255,255,255,.02)}
tr:last-child td{border-bottom:0}
.m{display:inline-block;min-width:46px;padding:2px 8px;border-radius:999px;background:rgba(52,211,153,.12);color:#6EE7B7;font-size:11px;font-weight:900;text-align:center}
.olist{color:var(--muted);line-height:1.8}
.callout{margin-top:14px;padding:14px;border-radius:14px;border:1px solid rgba(240,185,11,.22);background:rgba(240,185,11,.06)}
.callout b{display:block;margin-bottom:6px;color:#FDE68A}
.callout p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.7}
details{margin:10px 0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
summary{cursor:pointer;font-weight:900}
details p{margin:8px 0 0;color:var(--muted);line-height:1.7}
.docs-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px 0 10px;color:#64748B;font-size:13px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(10px);opacity:0;transition:.2s;padding:10px 14px;border-radius:999px;border:1px solid rgba(52,211,153,.35);background:rgba(8,14,22,.95);color:#A7F3D0;font-weight:900;z-index:50}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.hit{outline:1px solid rgba(34,211,238,.5);background:rgba(34,211,238,.08)}
@media (max-width:960px){
  .docs-body{grid-template-columns:1fr}
  .sidebar{position:relative;top:auto;max-height:none;display:flex;gap:8px;overflow:auto;padding-bottom:8px}
  .side-group{min-width:160px;margin:0}
  .side-card{display:none}
  .steps,.cards3{grid-template-columns:1fr}
  .docs-top-inner{grid-template-columns:auto auto; }
  .top-search{display:none}
}