:root{color-scheme:dark;--bg:#0a0d13;--panel:#11161f;--panel2:#171d29;--line:#252e3d;--muted:#818ca0;--text:#e4e9f1;--accent:#6b9cf0;--accent2:#2760c3;--gold:#91b4ff;--red:#f18f87;--radius:16px;--mono:Consolas,ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 "Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent)}h1,h2,h3,p{margin:0}button{border:0}a{color:var(--accent)}[hidden],.hidden{display:none!important}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg.icon{width:17px;height:17px}.app{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{padding:30px 20px 22px;background:#0d1119;border-right:1px solid #1e2839;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 10px 35px}.logo{height:41px;width:41px;display:grid;place-items:center;border:1px solid #4d6794;border-radius:12px;background:linear-gradient(135deg,#1e3357,#101825);color:var(--accent);box-shadow:0 0 24px #5a8feb08;font:500 23px Georgia,serif}.brand strong{font-size:16px;letter-spacing:2px}.brand small{display:block;font:9px/1.7 system-ui,sans-serif;letter-spacing:2px;color:#6e7c94}.nav-title{font-size:10px;color:#505f7a;letter-spacing:2px;padding:0 12px;margin-bottom:11px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;gap:12px;align-items:center;background:transparent;color:#8994a6;padding:12px 13px;border-radius:9px;text-align:left;font-size:12px}.nav button:hover{background:#171d28;color:#d1dae8}.nav button.active{background:#182232;color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.nav .count{margin-left:auto;font:10px var(--mono);color:#71809b}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 9px 0;color:#6e7b92;font-size:10px;line-height:2}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#505b6d;margin-right:7px}.live-dot.ready{background:var(--accent);box-shadow:0 0 10px #6b9cf055}.main{padding:0 36px 32px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:77px;border-bottom:1px solid #1e2839;gap:16px;margin-bottom:30px}.crumb{font-size:11px;color:#5c6c88;display:flex;gap:10px;align-items:center}.crumb b{color:#9faabe;font-weight:400}.top-actions{display:flex;gap:8px;align-items:center}.status-pill,.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #2b3547;background:#111926;color:#97a9c9;font-size:10px;padding:5px 10px;border-radius:20px;white-space:nowrap}.chip{padding:2px 7px;line-height:1.7;color:#919eb5;background:#19212f;border-color:#293447;border-radius:5px}.chip.green{color:var(--accent);background:#162134;border-color:#26395b}.chip.gold{color:var(--gold);background:#18294b;border-color:#344f80}.chip.red{color:var(--red);background:#341e1e;border-color:#55302d}.page{max-width:1480px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.eyebrow{font:600 10px/1.5 system-ui,sans-serif;letter-spacing:2.5px;color:#6184c1;margin-bottom:9px}.page-head h1{font-size:27px;font-weight:650;letter-spacing:1px}.subtitle{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.9}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:9px 15px;min-height:39px;background:#18202e;color:#b5bfd0;border:1px solid #2f3a4c;border-radius:8px;font-size:12px;line-height:1.6;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.btn:hover:not(:disabled){background:#232e40;border-color:#495974}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:#0b182f;background:var(--accent);border-color:var(--accent);font-weight:650;box-shadow:0 3px 16px #6b9cf00d}.btn.primary:hover:not(:disabled){background:#99bbf5;border-color:#99bbf5}.btn.gold{background:#85aaff;color:#14223e;border-color:#85aaff;font-weight:650}.btn.danger{color:var(--red);border-color:#553b3b;background:#2a1d20}.btn.ghost{background:transparent;border-color:transparent;color:#7e8da7;padding:6px 9px}.btn.ghost:hover:not(:disabled){background:#1e293b;border-color:transparent}.btn.small{padding:5px 10px;min-height:30px;font-size:11px}.btn.icon-only{width:34px;min-height:34px;padding:6px}.btn-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 24px}.metric{padding:21px 23px;border:1px solid var(--line);background:linear-gradient(135deg,#151b27,#10151e);border-radius:var(--radius);position:relative}.metric .metric-icon{position:absolute;right:21px;top:22px;color:#4a5870}.metric p{font-size:11px;color:#8e9cb3}.metric strong{display:block;font:400 31px/1.5 var(--mono);letter-spacing:-1px;margin-top:12px;color:#e2e6ed}.metric small{display:block;color:#5c6c88;font-size:10px;margin-top:4px}.metric.highlight strong{color:var(--accent)}.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:21px;align-items:start}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stack{display:flex;flex-direction:column;gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.card h2{font-size:14px;font-weight:600;letter-spacing:.3px}.card h3{font-size:12px;font-weight:600}.card-description{color:#79879f;font-size:11px;margin-top:7px;line-height:1.85}.card-flush{padding:0;overflow:hidden}.card-flush>.card-head{padding:21px 23px 0}.empty{padding:40px 16px;text-align:center;color:#687792;font-size:12px}.empty .icon{display:block;width:32px;height:32px;margin:0 auto 15px;color:#374a6c}.empty strong{font-size:14px;font-weight:500;color:#a1acbf;display:block;margin-bottom:7px}.empty .btn{margin-top:18px}.item-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #1e2839}.item-row:first-child{border-top:0;padding-top:0}.item-row:last-child{padding-bottom:0}.avatar{height:37px;width:37px;display:grid;place-items:center;border-radius:10px;background:#1a2538;color:#809ed3;font-size:13px;flex:none}.item-main{min-width:0;flex:1}.item-main strong{display:block;font-weight:500;font-size:12px;overflow-wrap:anywhere}.item-main small{display:block;font-size:10px;color:#6d7d98;margin-top:3px;overflow-wrap:anywhere}.item-side{text-align:right;flex:none}.item-side small{font-size:10px;color:#6d7d98}.service-card{background:radial-gradient(ellipse at top right,#22345430,transparent 70%),var(--panel)}.service-graphic{height:108px;margin:5px 0 20px;display:flex;align-items:center;justify-content:center;gap:14px;color:#374e75}.service-node{width:62px;height:62px;display:grid;place-items:center;background:#151f2f;border:1px solid #2c3e5e;border-radius:16px;color:#8ba8d9}.service-node .icon{width:27px;height:27px}.service-wire{height:1px;background:linear-gradient(90deg,#314362,#6287c8);width:46px;position:relative}.service-wire:after{content:'';height:5px;width:5px;border-radius:50%;position:absolute;background:#709ae1;top:-2px;left:60%}.label-value{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:11px 0;font-size:11px;border-bottom:1px solid #1e2839}.label-value:last-child{border-bottom:0}.label-value dt{color:#6b7b97}.label-value dd{margin:0;color:#b2bdd1;overflow-wrap:anywhere}.label-value code{font:11px var(--mono)}.help-strip{display:flex;align-items:flex-start;gap:10px;border:1px solid #2e3848;background:#111927;color:#8c9cb7;font-size:11px;line-height:1.9;padding:13px 16px;border-radius:10px;margin-bottom:20px}.help-strip.gold{border-color:#344f80;background:#152640;color:#97b4e4}.help-strip .icon{width:16px;height:16px;margin-top:3px}.help-strip p{min-width:0}.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:19px}.search{flex:1;min-width:170px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:#101621}.search .icon{color:#5b6c8a;width:16px}.search input{padding:0;border:0;background:transparent;min-width:0;width:100%;font-size:12px;color:var(--text)}.filterbar>select{max-width:200px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--panel)}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px}th{font-size:10px;color:#6f809e;font-weight:500;padding:14px 18px;text-align:left;background:#101826;border-bottom:1px solid var(--line)}td{padding:16px 18px;color:#98a6bd;border-bottom:1px solid #1e2839}tr:last-child td{border-bottom:0}td strong{font-size:12px;color:#d5ddea;font-weight:500;display:block}td small{display:block;font-size:10px;color:#5b6d8c;margin-top:4px}td .btn-row{flex-wrap:nowrap}td.mono{font-family:var(--mono);font-size:10px}.field{display:flex;flex-direction:column;gap:8px;min-width:0;margin-top:17px}.field label,.field-label{font-size:11px;color:#8e9cb5}.field small,.hint{font-size:10px;color:#63738f;line-height:1.9}.field input,.field select,.field textarea,input.control,select.control{border:1px solid #2e394d;background:#0c121c;border-radius:8px;padding:10px 12px;width:100%;min-width:0;color:#c5cfe1;font-size:12px}.field input::placeholder,.field textarea::placeholder,input::placeholder,textarea::placeholder{color:#43536f}.field textarea{min-height:110px;resize:vertical;line-height:1.9}.field input:focus,.field textarea:focus,.field select:focus{border-color:#5577b1}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-row>.field{margin-top:17px}.check{display:inline-flex;align-items:center;gap:8px;color:#8898b4;font-size:11px;cursor:pointer}.check input{accent-color:var(--accent);height:15px;width:15px;margin:0}.checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:13px}.form-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:23px;padding-top:19px;border-top:1px solid #212b3d}.mono{font-family:var(--mono)!important}.badge-code{font:11px var(--mono);background:#0c121c;border:1px solid #28354a;border-radius:8px;padding:14px;color:#a3b6d8;overflow-wrap:anywhere;word-break:break-all}.inline-input{display:flex;gap:8px;min-width:0}.inline-input input{flex:1;min-width:0}.inline-input .btn{flex:none}.route-row{display:grid;grid-template-columns:110px 150px minmax(160px,1fr) 32px;gap:9px;margin-top:11px;align-items:start}.route-row input{min-height:37px}.route-labels{display:grid;grid-template-columns:110px 150px minmax(160px,1fr) 32px;gap:9px;color:#647593;font-size:10px;margin-top:17px}.code-editor{font:11px/1.8 var(--mono)!important;min-height:190px!important;tab-size:2}.details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.details summary{color:#909fba;cursor:pointer;font-size:11px}.config-target{padding:16px 20px;background:#131924;border:1px solid #2a374e;border-radius:12px;display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.config-target>div{min-width:0}.config-target label{font-size:11px;margin-right:10px;color:#9dabc4}.config-target select{width:250px;max-width:100%}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:19px;flex-wrap:wrap}.work-selects{display:flex;gap:9px;flex-wrap:wrap}.work-selects select{width:auto;min-width:130px}.editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.editor{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;min-width:0}.editor-head{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #1e2839;min-height:58px}.editor-head h2{font-size:12px;font-weight:500;display:flex;align-items:center;gap:9px}.editor-head h2 span{font:9px var(--mono);color:#5e76a0;background:#192232;border-radius:4px;padding:4px 5px}.editor textarea{height:390px;width:100%;display:block;border:0;outline:none;resize:vertical;background:#0d131f;color:#b0bbcf;padding:20px;font-size:12px;line-height:1.95;overflow-wrap:anywhere}.editor textarea:focus-visible{box-shadow:inset 0 0 0 1px #3d5682;outline:none}.editor-foot{display:flex;align-items:center;justify-content:space-between;padding:9px 17px;min-height:37px;font-size:10px;color:#556889;border-top:1px solid #1e2839}.result-line{font-size:11px;color:var(--accent);min-height:20px;margin-top:12px}.result-line.error{color:var(--red)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.library-card{display:flex;flex-direction:column;padding:21px;background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0}.library-card h2{font-size:13px;overflow-wrap:anywhere;font-weight:500}.library-preview{height:65px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;color:#7585a1;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}.tags{display:flex;gap:5px;flex-wrap:wrap}.library-bottom{display:flex;gap:9px;justify-content:space-between;align-items:center;border-top:1px solid #222c3e;margin-top:17px;padding-top:12px}.library-bottom time{font-size:9px;color:#4e6080}.step-list{counter-reset:step;display:grid;gap:18px}.step{display:flex;gap:13px;align-items:flex-start}.step:before{counter-increment:step;content:'0' counter(step);font:10px var(--mono);color:var(--gold);padding-top:4px}.step strong{display:block;font-size:12px;font-weight:500;color:#c0c9d7}.step p{font-size:10px;color:#63728d;margin-top:4px}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:min(450px,calc(100vw - 30px))}.toast{display:flex;align-items:flex-start;gap:15px;padding:13px 17px;background:#202e45;border:1px solid #3b4d6d;color:#c4d5f3;border-radius:10px;box-shadow:0 8px 30px #0005;font-size:12px;animation:slidein .2s ease-out}.toast.error{background:#48262a;border-color:#6a3a3b;color:#ffc5bf}.toast span{overflow-wrap:anywhere;min-width:0}.toast button{background:none;color:inherit;font-size:20px;line-height:1;padding:0 3px;margin-left:auto}.modal{border:1px solid #37455c;background:#131b28;color:var(--text);padding:28px;border-radius:17px;max-width:calc(100vw - 30px);width:500px;box-shadow:0 25px 100px #0008}.modal::backdrop{background:#04080ebb;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.modal-head h2{font-size:18px;font-weight:500}.modal-head button{font-size:22px;background:none;color:#7285a5}.modal.wide{width:700px}.modal pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 var(--mono);max-height:50vh;overflow:auto;color:#a5b3cb}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.footer-note{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #1f2a3c;margin-top:28px;padding-top:16px;color:#4b5d7c;font-size:9px;letter-spacing:1px}.full-error{border:1px solid #513d39;background:#281f1c;color:#c7a490;padding:13px 17px;border-radius:10px;font-size:12px;margin-bottom:20px}.shutdown{min-height:60vh;display:grid;place-items:center;text-align:center}.shutdown h1{font-size:25px;margin-bottom:12px}.shutdown p{color:var(--muted);font-size:12px}.shutdown .btn{margin-top:22px}@keyframes slidein{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Native client */
.client-body{background:radial-gradient(ellipse at 83% 0,#14233c55,transparent 45%),#0a0e15;min-height:100vh}.client-shell{max-width:1320px;margin:0 auto;padding:0 36px 26px}.client-top{height:85px;border-bottom:1px solid #232d3f;display:flex;align-items:center;justify-content:space-between;gap:20px}.client-brand{display:flex;gap:13px;align-items:center}.client-brand h1{font-size:15px;font-weight:600;letter-spacing:1.3px}.client-brand small{display:block;color:#506282;font:9px system-ui;letter-spacing:2px;margin-top:4px}.client-top .logo{width:36px;height:36px;font-size:21px}.client-toolbar{display:flex;align-items:center;gap:8px}.gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.92fr);gap:65px;padding:62px 10px 35px;align-items:start}.gate-intro{padding-top:30px}.gate-intro h2{font-size:40px;font-weight:500;line-height:1.5;letter-spacing:2px}.gate-intro h2 em{font-style:normal;color:var(--accent)}.gate-intro>p{font-size:12px;color:#7585a0;line-height:2.2;max-width:380px;margin-top:22px}.gate-orbit{height:200px;position:relative;margin:26px 0;display:flex;align-items:center;justify-content:center;max-width:400px}.orbit-ring{width:170px;height:170px;position:absolute;border:1px solid #22324d;border-radius:50%;box-shadow:0 0 50px #588be408}.orbit-ring.outer{width:230px;height:100px;transform:rotate(-25deg);border-color:#304467}.orbit-ring.outer:after{content:'';position:absolute;top:35px;left:0;background:var(--accent);height:6px;width:6px;box-shadow:0 0 12px var(--accent);border-radius:50%}.orbit-core{height:68px;width:68px;background:linear-gradient(135deg,#2d4061,#121d30);border:1px solid #4b6490;border-radius:20px;display:grid;place-items:center;color:#96b6ed;transform:rotate(-7deg)}.orbit-core .icon{width:31px;height:31px;transform:rotate(7deg)}.gate-card{padding:29px;background:linear-gradient(135deg,#19223099,#111722);border:1px solid #2f3a4d;border-radius:20px;box-shadow:0 20px 65px #0002}.gate-card h2{font-size:20px;font-weight:500}.gate-card textarea{min-height:130px}.gate-card .form-foot .btn{width:100%}.gate-tabs{display:flex;gap:15px;border-bottom:1px solid #283345;margin:25px 0 20px}.gate-tabs button{background:none;color:#6b7c9a;border-bottom:2px solid transparent;font-size:11px;padding:0 0 10px}.gate-tabs button.active{color:var(--accent);border-color:var(--accent)}.telemetry-note{margin-top:22px;font-size:10px;line-height:2;color:#6c7c98}.telemetry-note strong{font-weight:500;color:#94a2b9}.client-dashboard{padding-top:30px}.client-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;padding:25px 29px;margin-bottom:23px;border-radius:17px;border:1px solid #2e3d56;background:linear-gradient(110deg,#1c273b,#131821);align-items:center}.client-hero h2{font-size:25px;letter-spacing:1px;font-weight:500}.client-hero p{font-size:11px;color:#7889a7;line-height:2;margin-top:7px}.proxy-mark{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-size:10px;color:#7196d7;letter-spacing:1px}.client-hero .btn{padding:13px 24px}.client-route{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #1f2c41;padding:16px 0;align-items:center}.client-route:first-child{border-top:0}.client-route strong{font-size:12px;font-weight:500;display:block}.client-route code{display:block;font:10px/1.8 var(--mono);color:#647aa1;word-break:break-all;margin-top:5px}.client-route .route-name{color:#516588;font-size:10px;margin-top:4px}.client-events{max-height:295px;overflow:auto}.event{display:grid;grid-template-columns:65px 1fr;gap:10px;border-bottom:1px solid #1e2839;padding:11px 0;font-size:10px}.event time{color:#45597c;font-family:var(--mono)}.event p{color:#7f91b0;overflow-wrap:anywhere;white-space:pre-wrap}.event.error p{color:var(--red)}.client-tabs{display:flex;gap:23px;border-bottom:1px solid #202d43;margin-bottom:24px}.client-tabs button{font-size:12px;background:none;color:#647696;border-bottom:2px solid transparent;padding:0 2px 12px}.client-tabs button.active{color:var(--accent);border-color:var(--accent)}.client-settings{max-width:850px;margin:0 auto}.setting-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #212e43}.setting-line strong{font-size:12px;font-weight:500}.setting-line p{font-size:10px;color:#677997;margin-top:4px}.toggle{height:24px;width:43px;border-radius:20px;background:#243146;padding:3px;position:relative}.toggle:after{content:'';display:block;width:18px;height:18px;background:#8794a9;border-radius:50%;transition:transform .2s}.toggle[aria-checked=true]{background:#244071}.toggle[aria-checked=true]:after{background:var(--accent);transform:translateX(19px)}.startup{position:fixed;inset:0;z-index:150;background:#070b13;display:grid;place-items:center;overflow:hidden}.startup canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.startup-content{position:relative;text-align:center;padding:30px}.startup-logo{height:70px;width:70px;border:1px solid #49689d;background:#172640aa;border-radius:21px;display:grid;place-items:center;font:39px Georgia;color:#95b7f3;margin:0 auto 33px;box-shadow:0 0 75px #5d91ea1a}.startup h1{font-size:clamp(21px,3vw,38px);letter-spacing:5px;font-weight:500;background:linear-gradient(110deg,#a4beea,#cdd8eb,#7093d0);-webkit-background-clip:text;background-clip:text;color:transparent}.startup p{font:10px system-ui;letter-spacing:5px;color:#495f86;margin:19px 0 36px}.startup .btn{background:#101a2ccc;border-color:#33496e;color:#9bb3dc}.startup .startup-small{position:absolute;bottom:30px;left:0;right:0;text-align:center;color:#33435e;font:9px system-ui;letter-spacing:3px}.startup.fade{opacity:0;transition:opacity .45s ease;pointer-events:none}.gate-foot{display:flex;gap:25px;font-size:10px;color:#556580}.gate-foot span{display:flex;gap:6px;align-items:center}.gate-foot .icon{width:13px;height:13px}
@media(min-width:1600px){.main{padding-left:50px;padding-right:50px}.editor textarea{height:470px}}
@media(max-width:1100px){.app{grid-template-columns:192px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.main{padding-left:24px;padding-right:24px}.brand{margin-left:5px;gap:9px}.brand strong{font-size:14px}.metrics{gap:11px}.metric{padding:18px}.metric strong{font-size:27px}.metric .metric-icon{display:none}.grid-2{grid-template-columns:1fr}.route-row,.route-labels{grid-template-columns:90px 120px minmax(120px,1fr) 30px}.gate{gap:35px;padding:42px 0}.gate-intro h2{font-size:33px}.client-shell{padding-left:25px;padding-right:25px}.client-brand h1{font-size:14px}}
@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px 20px 12px;border-right:0;border-bottom:1px solid #212b3c;display:block}.brand{margin:0 0 15px}.sidebar-foot,.nav-title{display:none}.brand .logo{height:30px;width:30px;font-size:18px;border-radius:9px}.brand strong{font-size:14px}.brand small{display:inline;margin-left:11px}.nav{flex-direction:row;overflow:auto;gap:4px;padding-bottom:3px}.nav button{white-space:nowrap;padding:8px 12px;gap:7px;font-size:11px;flex:none}.nav button.active{box-shadow:none}.nav .icon{width:14px;height:14px}.nav .count{display:none}.topbar{height:62px;margin-bottom:25px}.page-head h1{font-size:24px}.grid-equal{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.client-top{height:74px}.client-brand small{font-size:8px;letter-spacing:1px}.client-brand h1{font-size:12px;letter-spacing:.4px}.client-top .logo{width:29px;height:29px;border-radius:8px;font-size:17px}.client-brand{gap:9px}.client-toolbar .status-pill{display:none}.gate{grid-template-columns:1fr;gap:30px;padding:25px 0;max-width:550px;margin:auto}.gate-intro{padding-top:0}.gate-intro h2{font-size:28px}.gate-intro>p{margin-top:12px;max-width:none}.gate-orbit{display:none}.gate-foot{margin-top:20px}.client-hero{padding:22px}.client-hero h2{font-size:22px}.client-dashboard{padding-top:23px}.route-row,.route-labels{grid-template-columns:1fr 1fr}.route-row input:nth-child(3){grid-column:1/3}.route-row .btn{grid-column:2;justify-self:end}.route-labels{display:none}.route-row{border-top:1px solid #263042;padding-top:14px;margin-top:14px}}
@media(max-width:600px){.main{padding:0 15px 22px}.topbar{gap:10px}.crumb{font-size:10px;gap:7px}.top-actions .status-pill{font-size:9px;padding:4px 8px}.page-head{flex-wrap:wrap;gap:15px;margin-bottom:20px}.page-head h1{font-size:22px}.page-head>.btn-row{width:100%;justify-content:flex-end}.subtitle{font-size:11px}.card{padding:18px}.card-flush{padding:0}.card-flush>.card-head{padding:18px 18px 0}.metric{padding:15px}.metric strong{font-size:27px;margin-top:7px}.metric p{font-size:10px}.metric small{font-size:9px}.metrics{gap:10px;margin-bottom:18px}.grid-2,.grid-equal,.stack{gap:16px}.field-row,.field-row.three{grid-template-columns:1fr;gap:0}.config-target{padding:15px}.config-target>div{width:100%}.config-target select{width:100%;margin-top:8px}.config-target>.btn-row{width:100%}.editors{grid-template-columns:1fr}.editor textarea{height:290px}.editor-head{padding:12px 15px}.work-toolbar{padding:14px}.work-selects{width:100%}.work-selects select{flex:1;min-width:0}.work-toolbar>.btn-row{width:100%}.work-toolbar>.btn-row>.btn{flex:1}.filterbar>select{max-width:none;flex:1}.footer-note{font-size:8px;flex-wrap:wrap;gap:8px}.client-shell{padding:0 15px 20px}.client-top{gap:10px}.client-brand h1{font-size:11px;letter-spacing:0}.client-brand small{font-size:7px;letter-spacing:.6px}.client-brand .logo{display:none}.client-toolbar{gap:4px}.client-toolbar .btn{min-height:31px;width:31px}.client-hero{grid-template-columns:1fr;padding:20px;gap:16px}.client-hero .btn{width:100%}.client-hero h2{font-size:21px}.client-tabs{gap:20px}.gate-card{padding:22px}.gate-intro h2{font-size:26px}.gate-intro>p{font-size:11px}.gate-foot{gap:16px;font-size:9px}.gate-tabs{gap:19px}.card-head{gap:12px}.startup h1{letter-spacing:1px;font-size:22px}.startup p{font-size:8px;letter-spacing:2.5px}.label-value{grid-template-columns:76px minmax(0,1fr)}.toast-stack{right:15px;bottom:15px}.modal{padding:22px}.client-route{grid-template-columns:1fr}.client-route>.btn{justify-self:start}.form-foot{justify-content:stretch}.form-foot>.btn{flex:1}.settings-exit{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Dynamic content */
.list-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #1e2839}.list-row:first-child{border-top:0;padding-top:0}.list-row:last-child{padding-bottom:0}.list-copy{flex:1;min-width:0}.list-copy strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.list-copy small{display:block;font-size:10px;color:#6d7d98;margin-top:3px}.library-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#5e7191}.library-card-top small{font-size:9px}.library-file-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1b2432;color:#7592c4}.library-card h3{font-size:13px;overflow-wrap:anywhere;font-weight:500}.library-actions{display:flex;gap:8px;justify-content:space-between;margin-top:17px;border-top:1px solid #222c3e;padding-top:12px}.client-route .route-name{grid-column:1}.client-route>code{grid-column:1;grid-row:2;margin-top:-7px}.client-route>.btn{grid-column:2;grid-row:1 / 3}.client-route .route-name .chip{display:inline-flex;margin-top:5px}.event{grid-template-columns:100px minmax(0,1fr)}.event span{color:#7f91b0;overflow-wrap:anywhere;white-space:pre-wrap}.event.error span{color:var(--red)}.live-dot.offline{background:#505b6d;box-shadow:none}.list-row>.chip{flex:none}@media(max-width:600px){.client-route>.btn{grid-column:1;grid-row:3}.event{grid-template-columns:86px minmax(0,1fr)}}

/* Keep horizontal navigation inside the narrow-screen grid track. */
.sidebar,.nav{min-width:0;max-width:100%}@media(max-width:800px){.app{grid-template-columns:minmax(0,1fr)}}

/* Blue client edition: centered activation and particle typography. */
:root{--accent:#79aaff;--accent2:#4385f5;--gold:#a1bfff;--bg:#0a101c;--panel:#111c2e;--panel2:#192840;--line:#2a3b55;--text:#e6edfa;--muted:#8a9bb7}
.client-body{background:radial-gradient(ellipse at 50% 18%,#1b37632b,transparent 60%),#0a101b}
.client-brand h1{font-size:17px;letter-spacing:1px}.client-brand small{font-size:9px;letter-spacing:1.3px}
.gate{display:block;width:min(100%,530px);max-width:530px;min-height:calc(100vh - 177px);padding:58px 0 54px;margin:0 auto}
.gate-card{padding:30px 32px;background:linear-gradient(135deg,#17253d,#101b2e);border-color:#2b4264;box-shadow:0 24px 80px #0003;border-radius:19px}
.gate-card h2{font-size:22px}.gate-card>.card-head{margin-bottom:16px}.gate-tabs{margin-top:23px}.enrollment-hint{font-size:10px;color:#647eaa;margin-top:11px}.gate-card .form-foot{margin-top:24px}
.startup{background:radial-gradient(ellipse at 50% 44%,#10244a 0, #080f20 58%,#050b17 100%)}.startup canvas{opacity:1}
.startup-topline{position:absolute;top:30px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;color:#5e80b5;font:10px system-ui;letter-spacing:3px;z-index:2}
.startup-topline .btn{letter-spacing:0;background:transparent;color:#8fa9d2;border-color:transparent}
.startup-caption{position:absolute;top:65%;left:20px;right:20px;text-align:center;z-index:2}
.startup-caption p{font:15px/1.6 "Microsoft YaHei UI",sans-serif;letter-spacing:5px;color:#aec8f3;margin:0 0 10px}
.startup-caption>span{display:block;font-size:10px;color:#5578ae;letter-spacing:3px;min-height:17px}
.startup-caption .btn{margin-top:25px;background:#122a50aa;border-color:#375c96;color:#c6dcff;padding:10px 24px;box-shadow:0 0 25px #2465ca16}
.startup .startup-small{color:#354d74}.startup-title-fallback{font:700 clamp(52px,12vw,180px) "Microsoft YaHei",sans-serif;position:absolute;left:0;right:0;top:32%;text-align:center;color:#a6c8ff;letter-spacing:.1em}
@media(max-width:800px){.gate{padding:38px 0 40px;min-height:calc(100vh - 163px)}}
@media(max-width:600px){.gate{padding:28px 0 32px}.gate-card{padding:24px 21px}.client-brand h1{font-size:14px}.client-brand small{font-size:8px;letter-spacing:.4px}.startup-topline{top:18px;left:20px;right:20px;font-size:8px;letter-spacing:2px}.startup-caption{top:61%}.startup-caption p{font-size:13px;letter-spacing:3px}.startup-caption>span{font-size:9px}.startup-caption .btn{margin-top:23px}.gate-card .btn-row{gap:7px}.gate-card .btn-row .btn{padding-left:8px;padding-right:8px}}

/* Enterprise-scoped device usage, 2.1 */
.enterprise-back{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#8196b6;font-size:12px}.enterprise-back .btn{padding-left:0}.usage-explanation{margin-top:16px;line-height:1.9;max-width:1000px}.device-person{max-width:220px;white-space:normal;overflow-wrap:anywhere}.usage-number{font-family:var(--mono);font-size:14px}.usage-number.succeeded{color:#91c4ff}.usage-number.failed{color:#eea3a8}#client-device>.grid-equal{grid-template-columns:minmax(0,720px)}#device-remark-form{padding-bottom:18px;margin-bottom:12px;border-bottom:1px solid var(--line)}#device-detail .label-value{grid-template-columns:135px minmax(0,1fr)}

.live-metrics .metric{background:radial-gradient(ellipse at top right,#203f733a,transparent 75%),#111b2c}.live-metrics .metric strong{font-size:40px}.dashboard-sync{display:flex;align-items:center;gap:9px;margin:-7px 0 25px;color:#7f94b5;font-size:11px;line-height:1.8}#dashboard-failed{color:#eea3a8}

.traffic-panel{margin-bottom:24px;background:linear-gradient(130deg,#121f35,#0f1726)}.traffic-panel .card-head{margin-bottom:10px}.traffic-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.traffic-ranges{display:flex;gap:3px;background:#0b1321;border:1px solid #25344d;border-radius:8px;padding:3px}.traffic-ranges .btn{border-color:transparent;background:transparent;color:#7d91b1}.traffic-ranges .btn.active{background:#263f66;color:#b9d5ff}#traffic-chart{display:block;width:100%;height:330px;overflow:visible}.traffic-candle{outline:none;cursor:crosshair}.traffic-candle:hover,.traffic-candle:focus{filter:brightness(1.6)}.traffic-tooltip{min-height:31px;padding:9px 12px;margin:2px 0 12px;border:1px solid #243754;border-radius:7px;background:#0d1727;font:11px/1.8 var(--mono);color:#adc7f0;overflow-wrap:anywhere}.command-state{color:#83b1f3!important}@media(max-width:850px){.traffic-panel .card-head{flex-direction:column}.traffic-tools{width:100%;justify-content:space-between}.traffic-panel{padding:17px}}