:root{color-scheme:dark;--bg:#090b11;--panel:#11141d;--line:#252a38;--muted:#9098ad;--white:#f4f5fa;--accent:#9d8bff;--green:#69dfba;--font:Inter,'Segoe UI','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.75 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:10px;top:-100px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{top:5px}.topbar{height:82px;border-bottom:1px solid #1d2230;background:#090b11ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.nav{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.brand-mark{background:#8d78f6;color:#fff;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;box-shadow:0 0 24px #9d8bff20}.navlinks{display:flex;gap:27px;margin-left:auto}.navlinks a{color:#a2a8ba;font-size:14px;position:relative;padding:28px 0}.navlinks a.active{color:white}.navlinks a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.github{border:1px solid #303544;border-radius:8px;padding:8px 13px;color:#ddd;font-size:13px;display:flex;align-items:center;gap:8px}.menu{display:none;border:1px solid var(--line);background:var(--panel);color:white;padding:6px 10px;border-radius:6px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:66px;padding:78px 0 60px;align-items:center;position:relative}.hero:before{content:'';position:absolute;z-index:-1;width:650px;height:430px;right:-40px;top:0;background:radial-gradient(ellipse,#6a54b81c,transparent 67%);pointer-events:none}.eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #69dfba40}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #333044;background:#1c172d7a;border-radius:50px;padding:5px 12px;color:#c5baff;font:11px/1.6 Consolas,monospace;letter-spacing:.4px}.hero h1{font-size:clamp(34px,4vw,52px);line-height:1.3;letter-spacing:-1.9px;margin:25px 0 20px;font-weight:750}.hero h1 em{font-style:normal;color:#ac9bff}.intro{font-size:15px;color:var(--muted);line-height:1.95;max-width:480px}.actions{display:flex;gap:13px;align-items:center;margin-top:29px;flex-wrap:wrap}.btn{border:1px solid #303646;background:#161a24;color:#f2f0fb;padding:11px 17px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;line-height:1.5;transition:background .15s,transform .15s}.btn:hover{background:#252b3a;transform:translateY(-1px)}.btn.primary{background:#9984fa;color:#100e1b;border-color:#9984fa;font-weight:650;box-shadow:0 0 30px #9984fa12}.btn.primary:hover{background:#b1a1ff}.hero-note{font-size:11px;color:#737d94;display:flex;gap:17px;margin-top:20px}.hero-note span{display:flex;align-items:center;gap:5px}.hero-note svg{width:13px;height:13px}.terminal{border:1px solid #343246;border-radius:12px;overflow:hidden;background:#0d1019;box-shadow:0 20px 70px #0005;transform:perspective(1200px) rotateY(-3deg);font:12px/2 Consolas,'Microsoft YaHei',monospace}.term-head{height:40px;border-bottom:1px solid #242836;display:flex;align-items:center;gap:6px;padding:0 15px;background:#171923}.term-head i{width:8px;height:8px;border-radius:50%;background:#ff7384}.term-head i:nth-child(2){background:#e9c067}.term-head i:nth-child(3){background:#70ccab}.term-head span{margin:auto;color:#788298;font-size:10px}.term-body{padding:24px;color:#a1aec5}.term-body .cmd{color:#f0edff}.term-body .prompt{color:#b29cff;margin-right:8px}.term-body .comment{color:#56637b;margin-top:20px}.term-body .ok{color:var(--green)}.term-row{display:flex;justify-content:space-between;border-bottom:1px solid #1d2330;padding:3px 0}.term-row:last-child{border:0}.term-bottom{border:1px solid #224137;background:#11271f5e;padding:9px 12px;margin-top:17px;display:flex;gap:10px;align-items:center;color:var(--green);font-size:11px}.terminal-label{display:block;text-align:right;color:#67728a;font-size:10px;margin-top:11px}.metricbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;padding:19px 0;background:#0e1119}.metric{padding:0 25px;border-right:1px solid var(--line);display:flex;align-items:center;gap:13px}.metric:last-child{border:0}.metric svg{color:#8e82c5;width:20px}.metric strong{font-size:18px;line-height:1.4;display:block}.metric small{color:#747e93;font-size:11px}.section{padding:55px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px;gap:20px}.section-head h2{font-size:23px;margin:4px 0 3px;letter-spacing:-.6px}.section-head p{color:var(--muted);font-size:13px;margin:0}.text-link{color:#b0a0ff;font-size:12px;display:flex;gap:7px;align-items:center;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(135deg,#141722,#10131b);border:1px solid var(--line);border-radius:11px;padding:24px;position:relative;transition:border-color .18s,transform .18s}.card:hover{border-color:#544976;transform:translateY(-3px)}.card-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.iconbox{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;background:#29223f;color:#b1a0ff;border:1px solid #44365f}.iconbox.green{background:#15302c;color:#6bdebd;border-color:#244a40}.iconbox.blue{background:#182b40;color:#78b6ff;border-color:#2a405c}.tag,.status{font-size:10px;line-height:1.5;border:1px solid #343545;border-radius:4px;padding:3px 7px;color:#a2aabd;display:inline-block}.status{color:#b3a5ef;border-color:#403850;background:#221c33}.card h3{font-size:16px;margin:0 0 8px;letter-spacing:-.2px}.card p{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 17px;min-height:44px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags .tag{background:#191d28;color:#919bb1;border-color:#2a3040}.card-foot{margin-top:23px;padding-top:15px;border-top:1px solid #262b39;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#737f95}.card-foot button{color:#b8a7ff;border:0;background:none;font-size:12px;padding:0;display:flex;align-items:center;gap:5px}.band{margin-top:55px;border:1px solid #3b3252;background:linear-gradient(110deg,#20192f,#101720);border-radius:12px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:25px}.band h3{font-size:18px;margin:0 0 5px}.band p{font-size:12px;color:#9b9caf;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{border-top:1px solid #303347;padding-top:20px}.step b{font:12px Consolas,monospace;color:#b5a0ff}.step h3{font-size:15px}.step p{color:var(--muted);font-size:12px}.article-card{padding:24px;border:1px solid var(--line);border-radius:10px;background:#11141d}.article-card .tag{color:#ae9eea;background:#211b31;border:0;margin-bottom:15px}.article-card h3{font-size:16px;margin:0 0 12px}.article-card p{font-size:12px;color:var(--muted)}.article-meta{display:flex;justify-content:space-between;color:#68758d;font-size:10px;margin-top:22px;padding-top:13px;border-top:1px solid #252a38}footer{border-top:1px solid #242936;margin-top:65px;padding:30px 0 22px;color:#7b859a;font-size:11px}.foot-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot-links{display:flex;gap:22px}.foot-bottom{display:flex;justify-content:space-between;padding-top:22px;margin-top:24px;border-top:1px solid #1d2230;color:#5d6980;font-size:10px}.pagehead{padding:53px 0 28px}.pagehead h1{font-size:34px;margin:8px 0 12px;letter-spacing:-1px}.pagehead p{color:var(--muted);max-width:710px;font-size:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #282e3c;color:#8e97ae;background:#11151e;padding:7px 14px;border-radius:6px;font-size:12px}.filter.active{background:#302640;color:#c8b9ff;border-color:#645181}.input,input,select,textarea{background:#0a0e16;color:#e3e6f1;border:1px solid #30384a;border-radius:7px;padding:11px 13px;min-width:0}.search{width:250px}.notice{border:1px solid #313b48;background:#111a22;border-radius:8px;color:#9aaebf;font-size:12px;padding:15px 18px;margin:25px 0}.notice.warn{border-color:#4e4232;background:#211b14;color:#d2b787}.wide{grid-column:1/-1}.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toolpanel{border:1px solid var(--line);background:#11151e;border-radius:12px;padding:25px}.toolpanel h2{font-size:18px;margin:0 0 8px}.toolpanel p{color:var(--muted);font-size:12px}.toolpanel label{display:block;font-size:12px;color:#bdc4d6;margin:15px 0 6px}.toolpanel textarea{width:100%;min-height:170px;resize:vertical;font:12px/1.7 Consolas,monospace}.toolpanel input{width:100%}.toolpanel pre,.output{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Consolas,'Microsoft YaHei',monospace;color:#a9d5cc;background:#0c1119;border:1px solid #252e3c;border-radius:7px;padding:16px;min-height:65px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1}.empty{padding:50px 30px;border:1px dashed #353c50;border-radius:10px;text-align:center;background:#10141e}.empty h2{font-size:23px}.empty p{color:var(--muted);font-size:13px;max-width:650px;margin:10px auto 20px}.flow{display:flex;align-items:center;gap:10px;font-size:12px;margin:20px 0;flex-wrap:wrap}.flow span{padding:8px 12px;border:1px solid #33394c;border-radius:5px;color:#a8afc4}.deploy-item{border:1px solid var(--line);border-radius:12px;padding:28px;background:#11151e;margin-bottom:20px}.deploy-heading{display:flex;gap:16px;align-items:center}.deploy-heading h2{margin:0;font-size:22px}.deploy-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.deploy-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.deploy-content h3{font-size:14px}.deploy-content p,.deploy-content li{font-size:12px;color:#9ca6bb}.deploy-content pre{font:12px/1.9 Consolas,monospace;background:#090e16;padding:18px;border:1px solid #293041;border-radius:8px;overflow:auto;white-space:pre-wrap}.prose{max-width:800px}.prose h2{margin:35px 0 12px;font-size:22px}.prose p{font-size:15px;color:#aeb6c8;line-height:2}.back{display:inline-flex;margin-top:35px;color:#b3a0ff;font-size:13px}.resultgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resultbox{padding:15px;background:#111721;border:1px solid #2c3747;border-radius:7px}.resultbox small{color:var(--muted);font-size:11px}.resultbox strong{display:block;font-size:15px;margin-top:6px;overflow-wrap:anywhere}#report-render{margin-top:25px}#report-render table{border-collapse:collapse;width:100%;font-size:12px}#report-render td,#report-render th{text-align:left;padding:9px;border:1px solid #30384a}#report-render pre{max-height:400px;overflow:auto;font:11px/1.8 Consolas,monospace;padding:18px;background:#080d16;border-radius:8px}.checkbox{display:flex!important;align-items:center;gap:8px}.checkbox input{width:auto}.muted{color:var(--muted)}dialog{background:#111620;color:#e7e8f0;border:1px solid #41415b;border-radius:14px;width:min(720px,calc(100% - 30px));padding:30px;max-height:90vh}dialog::backdrop{background:#03050bc7;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin:12px 0}dialog p{font-size:13px;color:var(--muted)}dialog pre{font:12px/1.8 Consolas,monospace;padding:18px;background:#080d15;border:1px solid #303649;border-radius:7px;overflow:auto;white-space:pre-wrap;word-break:break-all}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{background:#1d2432;color:#c0c5d9;border:1px solid #343c51;border-radius:6px;padding:4px 10px}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;font-size:12px}.details dt{color:#66758e}.details dd{margin:3px 0;color:#bdc5d7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 20px;background:#283d34;border:1px solid #4a7e69;border-radius:7px;box-shadow:0 5px 25px #0008;z-index:99;color:#c1efdb;font-size:13px;display:none}.hidden{display:none!important}.noresults{grid-column:1/-1;text-align:center;color:var(--muted);padding:50px}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:75px}}@media(max-width:1000px){.nav{gap:22px}.navlinks{gap:15px}.hero{gap:30px}.hero h1{font-size:39px}.github span{display:none}.grid{grid-template-columns:repeat(2,1fr)}.metric{padding:0 15px}.hero-note{flex-wrap:wrap;gap:8px}.wrap{width:calc(100% - 40px)}}@media(max-width:720px){.wrap{width:calc(100% - 32px)}.topbar{height:67px}.nav{gap:15px;justify-content:space-between}.brand{font-size:17px}.github{margin-left:auto}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:67px;background:#10141e;border-bottom:1px solid #303647;padding:15px 20px;flex-wrap:wrap;gap:8px 24px;margin:0}.navlinks.open{display:flex}.navlinks a{padding:9px 0}.hero{grid-template-columns:1fr;padding:42px 0 32px;gap:33px}.hero h1{font-size:38px;letter-spacing:-1.3px}.hero:before{width:100%;right:0}.hero .intro{font-size:14px}.terminal{transform:none}.term-body{padding:20px}.metricbar{grid-template-columns:1fr 1fr;padding:7px 0}.metric{padding:13px 17px}.metric:nth-child(2){border:0}.metric strong{font-size:15px}.grid,.toolgrid,.deploy-content,.steps{grid-template-columns:1fr}.section{padding-top:36px}.section-head{align-items:start}.section-head h2{font-size:22px}.section-head p{font-size:12px}.text-link{font-size:11px;padding-top:8px}.card{padding:21px}.card p{min-height:0}.band{padding:23px;display:block;margin-top:35px}.band .btn{margin-top:20px}.foot-top,.foot-bottom{flex-direction:column;align-items:start}.foot-links{flex-wrap:wrap;gap:13px}.pagehead{padding-top:35px}.pagehead h1{font-size:29px}.search{width:100%}.toolbar{gap:15px}.toolpanel{padding:21px}.resultgrid{grid-template-columns:1fr}.deploy-content{gap:12px}.deploy-item{padding:22px}.details{grid-template-columns:1fr}dialog{padding:22px}.article-card{padding:22px}.hero-note{font-size:10px}.foot-bottom{gap:8px}.flow{font-size:11px}.prose p{font-size:14px}}
