:root{--bg:#0b1018;--panel:#111923;--panel2:#151f2c;--text:#edf3f7;--muted:#9aaabd;--line:#ffffff16;--mint:#a4eee0;--blue:#8eb7ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,sans-serif}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,62px);background:#0c1119}.brand img{width:154px;height:auto;display:block}.top-actions{display:flex;align-items:center;gap:20px}.top-actions a{color:var(--muted);text-decoration:none}.theme{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 11px}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1440px;margin:auto}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 76px);padding:28px 22px;position:sticky;top:0;align-self:start}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:10px 12px;color:var(--muted)}.search input{background:none;border:0;outline:0;color:var(--text);width:100%;font:inherit}.nav-label{font-size:10px;color:#6f8196;letter-spacing:1.6px;font-weight:700;margin:30px 10px 8px}.sidebar nav a{display:block;color:var(--muted);padding:10px;border-radius:6px;text-decoration:none}.sidebar nav a:hover,.sidebar nav .active{color:var(--text);background:#a4eee012}.sidebar nav .active{border-left:2px solid var(--mint)}.language{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.language span{width:100%;font-size:10px;color:#6f8196;letter-spacing:1.4px;margin-bottom:3px}.language a{font-size:11px;color:var(--muted);text-decoration:none;padding:6px 8px;border:1px solid var(--line);border-radius:5px}.language .selected{color:var(--mint);border-color:#a4eee055}.content{padding:42px clamp(24px,6vw,100px) 80px;max-width:1080px}.breadcrumbs{color:#73869b;font-size:12px;margin-bottom:52px}.breadcrumbs span{padding:0 8px;color:#435365}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:700}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;line-height:1.05;margin:14px 0 18px;max-width:700px}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px;margin:0 0 30px}.notice{display:flex;gap:12px;align-items:center;background:#a4eee00e;border:1px solid #a4eee02c;border-radius:8px;padding:14px 17px;margin:28px 0 56px;color:var(--muted)}.notice strong{color:var(--mint)}h2{font-size:26px;letter-spacing:-.5px;margin:42px 0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards a,.grid section{display:block;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px;text-decoration:none;color:var(--text)}.cards a:hover{border-color:#a4eee055;transform:translateY(-2px)}.icon{display:block;color:var(--mint);font-size:22px;margin-bottom:22px}.cards strong{display:block;font-size:16px}.cards small{display:block;color:var(--muted);line-height:1.6;margin:9px 0 22px}.cards b{font-size:12px;color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid h3{margin:0 0 9px}.grid p{color:var(--muted);line-height:1.65;margin:0}footer{border-top:1px solid var(--line);margin-top:55px;padding-top:25px;color:#74869a;font-size:12px}@media(max-width:800px){.layout{display:block}.sidebar{position:static;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:18px}.sidebar nav{display:none}.language{margin-top:16px}.content{padding:30px 20px 60px}.cards,.grid{grid-template-columns:1fr}.topbar{height:64px}.brand img{width:130px}.notice{align-items:flex-start;flex-direction:column;gap:4px}}
.article-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,820px) 220px;gap:60px;padding:42px 40px 80px}.article-content{min-width:0}.article-content article{font-size:16px;line-height:1.8}.article-content article h1{font-size:clamp(36px,5vw,58px);margin:20px 0 28px}.article-content article h2{font-size:28px;margin:42px 0 12px}.article-content article h3{font-size:21px;margin:30px 0 8px}.article-content article p{color:#b6c2cf;max-width:760px}.article-content article strong{color:var(--text)}.article-content article code{color:var(--mint);background:#a4eee012;padding:2px 5px;border-radius:4px}.article-content footer{margin-top:56px}.toc{position:sticky;top:30px;align-self:start;border-left:1px solid var(--line);padding:8px 0 8px 18px;color:var(--muted);font-size:12px}.toc strong{display:block;color:var(--text);margin-bottom:12px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:5px 0}.toc a:hover{color:var(--mint)}.toc .toc-3{padding-left:10px}@media(max-width:800px){.article-layout{display:block;padding:30px 20px 60px}.toc{position:static;margin-top:40px}.article-content article{font-size:15px}}