:root{color-scheme:dark}*{box-sizing:border-box}
body{margin:0;background:#0a0a0a;color:#fff;font-family:'Geist',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:#D5001C;text-decoration:none;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}a:hover{color:#e81f37}
code{font-family:'Geist Mono',ui-monospace,Menlo,monospace;font-size:.86em;background:#141414;border:1px solid #262626;border-radius:5px;padding:1px 6px;color:#e6e6e6}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;background:rgba(10,10,10,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #333;padding:14px 22px}
.nav .brand{color:#fff;font-weight:700;font-size:18px;letter-spacing:-.01em}.nav .brand b{color:#D5001C}
.nav .sep{color:#3a3a3a}.nav .crumb{color:#a0a0a0;font-size:14.5px;font-weight:500}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:8px}
.nav .lang{font-size:13.5px;font-weight:600;color:#e6e6e6;border:1px solid #333;border-radius:8px;padding:7px 13px}.nav .lang:hover{border-color:#4a4a4a;color:#fff}
.nav .site{font-size:14px;font-weight:600;color:#fff;background:#D5001C;border-radius:8px;padding:8px 15px}.nav .site:hover{background:#e81f37;color:#fff}
.nav #menu{display:none;background:none;border:1px solid #333;color:#ccc;border-radius:8px;padding:6px 11px;font-size:16px;cursor:pointer}
.wrap{display:flex;max-width:1200px;margin:0 auto;gap:34px;padding:0 22px}
.toc{position:sticky;top:60px;align-self:flex-start;flex:0 0 258px;height:calc(100vh - 60px);overflow:auto;padding:26px 8px 48px 0}
.toc-h{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#808080;margin:4px 10px 12px}
.toc a{display:block;padding:8px 12px;border-radius:8px;color:#a0a0a0;font-size:14px;font-weight:500}
.toc a:hover{background:#141414;color:#fff}
.toc a.active{background:#160b0d;color:#fff;box-shadow:inset 2px 0 0 #D5001C}
.content{flex:1;min-width:0;padding:30px 0 90px;max-width:820px}
.content h1{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:.1em 0 .5em}
.content h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:1.7em 0 .5em;padding-top:1.1em;border-top:1px solid #1e1e1e}
.content h3{font-size:16px;font-weight:600;color:#e6e6e6;margin:1.4em 0 .4em}
.content p{margin:.75em 0;color:#c8c8c8;font-size:15.5px;line-height:1.7}.content strong{color:#fff;font-weight:600}
.content ol,.content ul{padding-left:1.35em;margin:.7em 0;color:#c8c8c8}.content li{margin:.4em 0;line-height:1.65}
.content blockquote{margin:1.1em 0;padding:12px 18px;background:#141414;border-left:3px solid #D5001C;border-radius:0 10px 10px 0;color:#c8c8c8}
figure{margin:1.6em 0}figure img{width:100%;border:1px solid #262626;border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.5)}
figcaption{color:#808080;font-size:12.5px;margin-top:9px;text-align:center}.content p img{max-width:100%}
.tablewrap{overflow-x:auto;margin:1.1em 0}.content table{border-collapse:collapse;width:100%;font-size:14px}
.content th,.content td{border:1px solid #262626;padding:9px 13px;text-align:left;vertical-align:top;color:#c8c8c8}
.content th{background:#141414;color:#fff;font-weight:600;font-size:12.5px}.content tbody tr:nth-child(even){background:#0e0e0e}
.foot{background:#141414;border-top:1px solid #262626;margin-top:40px;padding:26px 22px;color:#a0a0a0;font-size:13px;text-align:center}
.foot b{color:#fff;font-weight:700}.foot b i{color:#D5001C;font-style:normal}
@media(max-width:860px){.nav #menu{display:block}.nav .crumb,.nav .sep{display:none}.wrap{padding:0}
.toc{position:fixed;left:0;top:60px;background:#0c0c0c;border-right:1px solid #262626;padding-left:14px;transform:translateX(-105%);transition:transform .2s;z-index:40;width:280px;flex-basis:280px}
.toc.open{transform:none}.content{padding:24px 18px 80px}.content h1{font-size:27px}}