:root{--bg:#0b1020;--surface:#111a2d;--surface2:#151f34;--line:#27344c;--text:#edf2fc;--muted:#a1afc7;--subtle:#7585a0;--cyan:#6fe5e5;--accent:#b6a0ff;--green:#8de0b0;--orange:#ffcf89;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}body:before{content:"";position:absolute;left:0;right:0;top:65px;height:550px;pointer-events:none;background:radial-gradient(ellipse at 60% 0%,rgba(84,97,184,.13),transparent 57%),radial-gradient(ellipse at 2% 14%,rgba(20,160,167,.07),transparent 40%)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}p{line-height:1.8}code,pre,.command-text,.hero-console{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}.wrap{max-width:1190px;padding:0 30px;margin:auto}.site-header{position:relative;z-index:2;border-bottom:1px solid rgba(165,188,223,.12);background:rgba(10,16,31,.85);backdrop-filter:blur(16px)}.header-inner{max-width:1250px;margin:auto;min-height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.12em;font-size:19px;white-space:nowrap}.brand-symbol{font-size:14px;font-weight:700;color:var(--bg);background:var(--cyan);padding:7px 9px;border-radius:7px;letter-spacing:-.08em}.brand-accent{color:var(--cyan)}.header-nav{display:flex;gap:35px;font-size:13px;color:var(--muted)}.header-nav a:hover{color:var(--cyan)}.header-pill{font-size:10px;color:var(--green);border:1px solid #2d584d;background:#152d2b;padding:8px 11px;border-radius:100px;letter-spacing:.13em;font-weight:700}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 8px #8de0b0}.hero{padding-top:74px;padding-bottom:54px;position:relative}.eyebrow{font:700 11px ui-monospace,Consolas,monospace;letter-spacing:.17em;color:var(--cyan);text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow .line{height:1px;width:30px;background:var(--cyan)}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:44px;margin-top:22px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.25;letter-spacing:-.045em;margin:18px 0 25px;font-weight:800}.word-glow{color:var(--cyan);text-shadow:0 0 42px rgba(111,229,229,.24)}.cursor{color:var(--accent);font-weight:400}.hero-copy{color:var(--muted);font-size:15px;max-width:540px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;padding:13px 19px;font-size:13px;font-weight:700;border:1px solid transparent;transition:.18s}.btn-primary{background:var(--cyan);color:#09252c}.btn-primary:hover{background:#91eeee;transform:translateY(-1px)}.btn-outline{border-color:#42516a;background:#151e30;color:var(--text)}.btn-outline:hover{border-color:var(--cyan)}.hero-console,.inspector-console{background:#0e1627;border:1px solid #2a3854;border-radius:13px;box-shadow:0 26px 80px rgba(0,0,0,.23);overflow:hidden}.console-title{height:43px;padding:0 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #24334a;color:#aab8ce;font:11px ui-monospace,Consolas,monospace}.lights{display:flex;gap:6px}.lights i{width:8px;height:8px;border-radius:50%;background:#fd7a7f}.lights i:nth-child(2){background:#f7be65}.lights i:nth-child(3){background:#6bc997}.status-light{margin-left:auto;color:var(--green);font-size:10px}.console-body{padding:23px 20px 25px;font:12px/2.05 ui-monospace,Consolas,monospace;overflow:auto;white-space:nowrap}.comment{color:var(--subtle)}.prompt{color:var(--green);margin-right:10px}.console-url,.json-val{color:var(--orange)}.header-green{color:var(--green)}.muted{color:var(--subtle)}.json-key{color:#b8a3ff}.console-space{height:14px}.metrics{margin-top:58px;border:1px solid #263249;border-radius:12px;background:rgba(21,31,51,.65);display:grid;grid-template-columns:repeat(4,1fr)}.metrics>div{padding:21px 25px;display:flex;align-items:baseline;gap:10px;border-right:1px solid #263249}.metrics>div:last-child{border-right:0}.metrics strong{font-size:23px;color:var(--text);font-weight:800;white-space:nowrap}.metrics span{font-size:12px;color:var(--muted)}.workspace{padding-top:58px;padding-bottom:87px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}h2{font-size:34px;letter-spacing:-.03em;margin:16px 0 10px}h3{font-size:17px}p{margin-top:7px}.section-intro p,.section-lead{color:var(--muted);font-size:13px;max-width:675px}.progress-card{width:230px;flex:none;border:1px solid var(--line);border-radius:10px;padding:15px 17px;background:var(--surface)}.progress-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.progress-caption strong{color:var(--text)}.progress-track{height:5px;background:#2a3851;border-radius:6px;margin:13px 0 7px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--accent));transition:width .3s}.tiny-link{background:none;border:0;padding:0;color:var(--subtle);font-size:10px;text-decoration:underline}.tool-row{margin:32px 0 24px;display:grid;grid-template-columns:220px 1fr;gap:16px}.tool-group{display:flex;flex-direction:column;gap:8px;position:relative}.tool-group label{font-size:11px;font-weight:700;color:var(--muted)}.tool-group input,.tool-group select{border:1px solid #33435e;border-radius:8px;background:var(--surface);color:var(--text);height:43px;padding:0 13px;font-size:12px;width:100%}.base-group input{padding-right:73px;font:12px ui-monospace,Consolas,monospace}.icon-button{position:absolute;right:5px;bottom:5px;height:33px;border:1px solid #3a5067;background:#24334d;color:var(--cyan);border-radius:6px;padding:0 12px;font-size:11px}.module-tabs{display:flex;gap:5px;overflow-x:auto;padding:7px;background:#10192a;border:1px solid #25324a;border-radius:10px;margin-bottom:18px;scrollbar-width:thin}.module-tab{padding:12px 16px;background:transparent;border:1px solid transparent;color:var(--muted);white-space:nowrap;border-radius:7px;font-size:12px;font-weight:600}.module-tab.active{background:#22334b;border-color:#3f546d;color:var(--cyan)}.module-tab:hover{color:white}.module-heading{padding:17px 5px 19px;display:flex;align-items:baseline;gap:14px}.module-heading h3{font-size:18px;margin:0}.module-heading p{color:var(--subtle);font-size:12px;margin:0}.experiment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.experiment{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-width:0}.experiment-header{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:18px 19px 0}.experiment-title{font-size:14px;font-weight:700;margin:0}.experiment-desc{font-size:12px;color:var(--muted);min-height:43px;margin:10px 19px 12px;line-height:1.65}.method-tag{font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.03em;border-radius:5px;padding:5px 7px;white-space:nowrap;border:1px solid #335746;background:#1b3831;color:var(--green)}.method-tag.POST{background:#30304b;border-color:#4a467c;color:#c7b4ff}.method-tag.PUT,.method-tag.PATCH{background:#273448;border-color:#3c607c;color:#94d4ff}.method-tag.DELETE{background:#492d37;border-color:#764856;color:#ffabb9}.method-tag.HEAD,.method-tag.OPTIONS,.method-tag.CLI{background:#453626;border-color:#776043;color:var(--orange)}.experiment-endpoint{font:11px ui-monospace,Consolas,monospace;color:var(--cyan);padding:0 19px 15px;word-break:break-all}.code-box{margin:0 12px 12px;background:#0b1323;border:1px solid #25324a;border-radius:7px;padding:12px;min-height:73px;display:flex;align-items:flex-start}.command-text{font-size:11px;line-height:1.65;word-break:break-all;color:#dbe7ff;white-space:pre-wrap}.experiment-actions{padding:0 12px 12px;display:flex;gap:7px;margin-top:auto}.action{padding:10px 12px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid #34445d;background:#1d2a41;color:var(--text)}.action:hover{border-color:var(--cyan)}.action.run{color:#091d24;background:var(--cyan);border-color:var(--cyan)}.action:disabled{opacity:.43;cursor:not-allowed}.done-control{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);cursor:pointer;white-space:nowrap}.done-control input{accent-color:var(--cyan);width:15px;height:15px}.inspector-section{background:linear-gradient(125deg,#101c30,#111526);border-top:1px solid #29354c;border-bottom:1px solid #29354c;padding:80px 0}.inspector-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.inspector-description p{font-size:13px;color:var(--muted)}.note{display:flex;align-items:start;gap:12px;border:1px solid #394b61;border-radius:9px;background:#1b2a3c;padding:15px;margin:25px 0;font-size:12px;color:#b5c6da;line-height:1.8}.note-icon{flex:none;border:1px solid var(--cyan);color:var(--cyan);border-radius:50%;height:18px;width:18px;display:grid;place-items:center;font-size:11px;font-weight:700}.note code{color:#dee6ff}.inspector-top{padding:16px 19px;display:flex;gap:14px;align-items:center;border-bottom:1px solid #25354d;font-size:12px}.inspector-top>div{font:700 10px ui-monospace,Consolas,monospace;color:var(--green)}.inspector-top code{color:#c6d6e9;word-break:break-all}.inspector-top>span{margin-left:auto;font-weight:800;color:var(--muted)}.small-badge{margin-left:auto;color:var(--muted);font-size:10px;border:1px solid #3b4a5f;border-radius:4px;padding:4px 6px}.inspector-tabs{display:flex;gap:18px;margin:0 19px;border-bottom:1px solid #2b3c53}.inspector-tabs button{background:none;color:var(--muted);border:0;padding:13px 0 11px;font-size:11px;border-bottom:2px solid transparent}.inspector-tabs button.active{color:var(--cyan);border-color:var(--cyan)}.inspect-output{margin:0;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;min-height:220px;max-height:360px;font:11px/1.7 ui-monospace,Consolas,monospace;padding:18px;color:#dce9ff}.inspect-output.hidden{display:none}.inspector-bottom{padding:13px 18px;border-top:1px solid #25354d;display:flex;gap:25px;color:var(--subtle);font:10px ui-monospace,Consolas,monospace}.environment{padding-top:86px;padding-bottom:95px}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.infra-grid article{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:23px;display:flex;flex-direction:column}.infra-icon{color:var(--cyan);font:700 14px ui-monospace,Consolas,monospace}.infra-grid h3{margin:17px 0 4px}.infra-grid p{color:var(--muted);font-size:12px;line-height:1.9;flex:1}.infra-tag{font-size:10px;color:var(--accent);border-top:1px solid var(--line);padding-top:17px;margin-top:10px}.safety{margin-top:23px;border:1px solid #67533d;background:#302719;border-radius:10px;padding:18px 20px;display:flex;gap:15px}.safety-icon{background:#9d712d;border-radius:50%;height:22px;width:22px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}.safety strong{font-size:13px;color:#ffdc9e}.safety p{margin:5px 0 0;font-size:12px;color:#e1cfb4}footer{border-top:1px solid var(--line);padding:29px 0;background:#0a0f1a}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-brand{font-size:15px}.footer-brand .brand-symbol{font-size:11px;padding:5px}.footer-inner p,.footer-inner>span{color:var(--subtle);font-size:11px}.toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;border:1px solid #466b75;background:#183342;color:#cefbff;font-size:12px;border-radius:8px;z-index:30;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:950px){.hero-layout,.inspector-layout{grid-template-columns:1fr}.hero-console{max-width:610px}.metrics>div{padding:18px 14px;flex-direction:column;gap:2px}.inspector-layout{gap:35px}.header-nav{gap:16px}.section-intro{align-items:start}.experiment-list{grid-template-columns:1fr}}@media(max-width:620px){.wrap{padding:0 17px}.header-inner{padding:0 17px;min-height:65px}.header-nav,.header-pill{display:none}.hero{padding-top:53px}.hero h1{font-size:43px}.hero-layout{gap:31px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-intro{display:block}.progress-card{margin-top:22px;width:100%}.tool-row{grid-template-columns:1fr}.module-heading{display:block}.module-heading p{margin-top:8px}.infra-grid{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}.inspector-section{padding:55px 0}.environment{padding-top:55px;padding-bottom:60px}.experiment-actions{flex-wrap:wrap}.done-control{margin-left:0;padding:8px}}