:root { --bg:#0b0f19; --sidebar:#0f1320; --card:#111827; --border:#1e293b; --text:#e2e8f0; --text2:#94a3b8; --text3:#64748b; --accent:#3b82f6; --green:#10b981; --red:#ef4444; --orange:#f59e0b; --purple:#8b5cf6; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; padding:32px 48px; max-width:900px; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
h2 { font-size:26px; font-weight:700; color:#fff; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border); }
h3 { font-size:17px; font-weight:600; color:#fff; margin:28px 0 14px; }
h4 { font-size:14px; font-weight:600; color:var(--text); margin:18px 0 10px; }
p { color:var(--text2); margin-bottom:14px; font-size:14px; line-height:1.8; }
ul, ol { padding-left:22px; margin-bottom:14px; }
li { color:var(--text2); font-size:14px; margin:6px 0; line-height:1.7; }
table { width:100%; border-collapse:collapse; margin-bottom:18px; font-size:13px; }
th { background:#1e293b; color:#e2e8f0; text-align:left; padding:10px 14px; font-weight:600; border:1px solid var(--border); }
td { padding:10px 14px; border:1px solid var(--border); color:var(--text2); }
tr:nth-child(even) td { background:rgba(255,255,255,.02); }
pre { background:#0d1117; border:1px solid var(--border); border-radius:8px; padding:18px; margin-bottom:18px; overflow-x:auto; }
pre code { font-family:'Fira Code',Consolas,'Courier New',monospace; font-size:13px; color:#c9d1d9; line-height:1.6; }
code { font-family:'Fira Code',Consolas,'Courier New',monospace; font-size:13px; }
.ic { background:rgba(59,130,246,.12); color:#93c5fd; padding:2px 6px; border-radius:4px; font-size:12px; }
.tip { background:rgba(16,185,129,.08); border-left:3px solid var(--green); padding:12px 16px; margin-bottom:18px; border-radius:0 8px 8px 0; font-size:13px; color:var(--text2); }
.tip::before { content:"💡 "; }
.warn { background:rgba(245,158,11,.08); border-left:3px solid var(--orange); padding:12px 16px; margin-bottom:18px; border-radius:0 8px 8px 0; font-size:13px; color:var(--text2); }
.warn::before { content:"⚠️ "; }
.err { background:rgba(239,68,68,.08); border-left:3px solid var(--red); padding:12px 16px; margin-bottom:18px; border-radius:0 8px 8px 0; font-size:13px; color:var(--text2); }
.err::before { content:"❌ "; }
.req { color:var(--red); font-weight:600; font-size:11px; }
.opt { color:var(--text3); font-size:11px; }
.method { display:inline-block; padding:2px 8px; border-radius:4px; font-size:11px; font-weight:600; margin-right:8px; }
.method-get { background:rgba(16,185,129,.15); color:#10b981; }
.method-post { background:rgba(59,130,246,.15); color:#3b82f6; }
.endpoint { font-family:'Fira Code',monospace; font-size:14px; color:#fff; }