:root{
  --bg:#0c1226; --panel:#0e1536; --line:#23315f; --ink:#eaf0ff; --muted:#a8b3d1; --accent:#7aa2ff;
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.sidebar{position:fixed; inset:0 auto 0 0; width:280px; background:#0f1838; border-right:1px solid var(--line); padding:22px; overflow:auto}
.sidebar h1{font-size:18px; margin:0 0 12px 0}
.sidebar .small{color:var(--muted); font-size:13px; margin-bottom:18px}
.nav{list-style:none; padding:0; margin:0}
.nav li{margin:6px 0}
.nav a{display:block; padding:6px 8px; border-radius:8px; color:var(--ink)}
.nav a:hover{background:#101b44}
.main{margin-left:280px; padding:28px; max-width:1100px}
section{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px; margin:18px 0}
h2{margin:0 0 10px 0}
h3{margin:18px 0 8px 0}
table{width:100%; border-collapse:collapse; border:1px solid var(--line); border-radius:10px; overflow:hidden}
th,td{padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top}
th{background:#0b1230; text-align:left; color:#c9d4ff}
pre{background:#0a112c; border:1px solid var(--line); border-radius:10px; padding:12px; overflow:auto}
.method{font-weight:700}
.get{color:#22d3ee}.post{color:#22c55e}.put{color:#eab308}.patch{color:#f59e0b}.del{color:#ef4444}
.notice{border-left:4px solid var(--accent); padding-left:10px}
small.mono{font-family:ui-monospace,Menlo,Consolas,monospace;color:#9fb1ff}
footer{color:var(--muted); font-size:13px; margin-top:20px}