*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1120;color:#dce6f5;font:16px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}.topbar{height:66px;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;background:#0d1628eF;border-bottom:1px solid #2b3b55;backdrop-filter:blur(12px)}.topbar a{color:#a9bad4;text-decoration:none}.brand{font-size:21px!important;font-weight:800;color:#fff!important}.brand b{color:#f5c542}.cursor{display:inline-block;width:9px;height:21px;background:#f5c542;margin-left:5px;vertical-align:-3px;animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}button{background:#20304a;border:1px solid #40516b;color:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.layout{display:grid;grid-template-columns:295px minmax(0,1fr);max-width:1550px;margin:auto}.sidebar{position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto;padding:25px 18px;background:#0d1628;border-right:1px solid #2b3b55}.sidebar h3{margin-top:0}.sidebar input{width:100%;padding:11px;border-radius:7px;border:1px solid #344863;background:#111d32;color:#fff;margin-bottom:15px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{display:flex;gap:10px;padding:7px 9px;border-radius:6px;color:#9fb2ce;text-decoration:none;font-size:13px}.sidebar nav a:hover{background:#1b2b43;color:#fff}.sidebar nav span{color:#f5c542;font-family:monospace}.hero{padding:80px 7vw 50px;background:radial-gradient(circle at 80% 20%,#17434b,transparent 42%),linear-gradient(135deg,#101c32,#0b1120)}.eyebrow,.chapter-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:#f5c542}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.08;margin:18px 0}.hero h1 span{color:#86e1b0}.hero p{max-width:850px;color:#a9bad4;font-size:18px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{border:1px solid #3a516b;border-radius:99px;padding:4px 12px;font-size:12px}.notice,.progress-wrap{margin:28px 7vw}.notice{padding:18px 20px;border-left:4px solid #f5c542;background:#18253b;color:#c4d2e6}.progress-wrap>div:first-child{display:flex;justify-content:space-between;color:#9fb2ce;font-size:12px}.progress{height:5px;background:#253650;margin-top:8px;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#86e1b0}.chapter{padding:55px 7vw;border-top:1px solid #2b3b55;scroll-margin-top:70px}.chapter h2{font-size:clamp(27px,3vw,42px);line-height:1.2;margin:8px 0 12px;color:#fff}.lead{font-size:17px;color:#a9bad4;max-width:900px}.body{max-width:950px}.body h3{color:#86e1b0;margin-top:28px}.body code{color:#f5c542}.command-list{display:grid;gap:10px;margin-top:25px;max-width:1000px}.cmd{background:#080e19;border:1px solid #2d405c;border-radius:8px;padding:13px 16px}.cmd code{display:block;color:#f5c542;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.cmd span{display:block;color:#91a6c4;font-size:13px}footer{padding:45px 7vw;border-top:1px solid #2b3b55;color:#8297b5;font-size:13px}.light{background:#f5f7fb;color:#24334b}.light .topbar,.light .sidebar{background:#fff;border-color:#d8e0eb}.light .brand,.light .chapter h2{color:#142238!important}.light .hero{background:linear-gradient(135deg,#e4f4ed,#f5f7fb)}.light .hero p,.light .lead,.light .sidebar nav a{color:#53657d}.light .notice{background:#fff8dc;color:#5b4b18}.light .cmd{background:#fff;border-color:#d8e0eb}.light .cmd span{color:#53657d}.light .sidebar input{background:#f5f7fb;color:#142238}@media(max-width:850px){.layout{display:block}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid #2b3b55}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.hero{padding:50px 6vw 35px}.chapter,.notice,.progress-wrap{margin-left:0;margin-right:0;padding-left:6vw;padding-right:6vw}.chapter{padding-top:40px;padding-bottom:40px}.topbar{padding:0 5vw}}