:root{--ink:#1b252b;--muted:#7d888c;--border:#e7ecea;--green:#147d67;--green-dark:#106956;--mint:#eaf5ef;--paper:#f6f8f7;--sidebar:#122e2a;--radius:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #39aa8d}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}input,select,textarea{width:100%;border:1px solid #dce4df;border-radius:8px;padding:11px 12px;background:white;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:#3b9d83;box-shadow:0 0 0 3px #147d6712}input::placeholder,textarea::placeholder{color:#a2aaa6}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}label{display:block;font-weight:500;font-size:13px}label>input,label>select,label>textarea{margin-top:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;padding:10px 16px;white-space:nowrap;min-height:41px;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--green);color:white;box-shadow:0 2px 3px #164f3410}.primary:hover:not(:disabled){background:var(--green-dark)}.secondary{background:white;border-color:#dfe6e2;color:#42534a}.secondary:hover:not(:disabled){background:#f7faf8;border-color:#b9ccc1}.small{padding:8px 12px;min-height:36px}.danger{background:#bd4747;color:white}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:7px;background:transparent;color:#8a9690}.icon-button:hover{background:#eef3ef;color:var(--ink)}.text-button{display:inline-flex;align-items:center;gap:6px;background:none;color:var(--green);font-size:12px;padding:4px;white-space:nowrap}.wordmark{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.8px}.brand-icon{display:flex;align-items:center;justify-content:center;background:#40ba94;color:white;border-radius:9px;width:33px;height:34px;font-size:23px;letter-spacing:-2px;padding-right:2px}.version-tag{font-size:8px;letter-spacing:1.1px;color:#9ab6ac;border:1px solid #49645b;padding:3px 4px;border-radius:4px;margin-left:2px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#8a9891}.online-dot,.tiny-dot{display:inline-block;width:6px;height:6px;background:#43b58b;border-radius:50%;flex-shrink:0}.online-dot{box-shadow:0 0 0 3px #43b58b15}.pill{padding:5px 9px;border-radius:6px;font-size:10px;font-weight:600;background:#eaf5ef;color:#387d60;white-space:nowrap}.pill.warning{background:#fff3df;color:#a77b27}
.app-layout{min-height:100vh;display:grid;grid-template-columns:223px 1fr}.sidebar{background:var(--sidebar);color:#f1f7f3;position:fixed;inset:0 auto 0 0;width:223px;padding:31px 20px 18px;display:flex;flex-direction:column;z-index:10}.sidebar .wordmark{margin:0 5px 41px}.nav-caption{font-size:10px;color:#829d92;letter-spacing:1px;padding:0 13px;margin-bottom:14px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 13px;border-radius:8px;color:#a7bcb3;background:transparent;font-size:13px;text-align:left;margin-bottom:5px}.nav-item svg{width:18px;height:18px;color:#8fae9f}.nav-item.active{background:#244c40;color:#effaf4}.nav-item.active svg{color:#6fceaa}.nav-item:hover{background:#204237;color:#f5faf5}.nav-count{margin-left:auto;font-size:10px;padding:0 6px;background:#365e4f;border-radius:4px;color:#a7ddc2}.sidebar-network{border:1px solid #355246;background:#19372e;border-radius:10px;padding:13px 12px;margin:31px 3px;font-size:11px;color:#c0d9cb;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sidebar-network>div{width:100%;padding-left:15px;font-size:10px;color:#87a797;margin-top:-1px}.sidebar-bottom{margin-top:auto}.sidebar-bottom .nav-item{font-size:12px;padding-left:12px;color:#9fb7a9}.account-row{display:flex;align-items:center;gap:10px;padding:20px 3px 0;margin-top:20px;border-top:1px solid #355145}.avatar{width:31px;height:31px;background:#365c4b;border-radius:50%;display:grid;place-items:center;color:#c8e8d6;font-size:12px;font-weight:600}.account-row strong{display:block;font-size:11px;font-weight:500}.account-row small{display:block;font-size:9px;color:#89a392;margin-top:2px}.account-row .icon-button{margin-left:auto}.account-row .icon-button:hover{background:#2a493b;color:white}.workspace{grid-column:2;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);padding:0 43px;display:flex;align-items:center;justify-content:space-between;background:#ffffffbd;font-size:11px}.breadcrumb-muted{color:#8c9691}.breadcrumb-slash{color:#b7c1ba;margin:0 13px}.topbar-right{display:flex;align-items:center;gap:18px;color:#7a8880;font-size:10px}.secure-label,.server-label{display:flex;gap:7px;align-items:center}.secure-label svg{width:13px;height:13px}.topbar-divider{height:13px;width:1px;background:#e0e8e2}main{max-width:1400px;margin:auto;padding:36px 43px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{font-size:31px;line-height:1.3;font-weight:650;letter-spacing:-.9px;margin:7px 0 9px}.title-dot{color:#37a580;margin-left:3px}.page-heading p{font-size:11px;color:#849088}.heading-actions{display:flex;align-items:center;gap:13px;padding-top:15px}.dirty-badge{font-size:10px;color:#ab813a;display:flex;gap:5px;align-items:center}.dirty-badge:before{content:"";width:5px;height:5px;background:#d4a34f;border-radius:50%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:21px}.stat{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:21px 23px;display:flex;justify-content:space-between;min-height:125px}.stat>div{display:flex;flex-direction:column}.stat div>span{font-size:11px;color:#7f8c83}.stat strong{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.5;margin-top:3px;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:#a1aaa4}.stat-icon{color:#799186;background:#f3f6f4;border-radius:10px;display:grid;place-items:center;width:37px;height:37px}.stat-icon.mint{background:#e9f7ee;color:#3e9474}.stat-icon svg{width:18px}.chain-panel{border:1px solid #dcebe1;background:linear-gradient(100deg,#eef7f0,#f2f7f2);border-radius:var(--radius);padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:34px}.chain-intro{display:flex;align-items:center;gap:12px}.chain-icon{width:34px;height:34px;display:grid;place-items:center;color:#428164;border:1px solid #d5e7da;background:#ffffff88;border-radius:9px}.chain-intro h2{font-size:12px;font-weight:600;margin-bottom:4px;color:#365445}.chain-intro p{font-size:10px;color:#7d9787}.chain-visual{display:flex;gap:11px;align-items:center;flex-shrink:0;font-size:10px;color:#698270}.chain-visual>span{padding:7px 9px;background:#ffffffb3;border:1px solid #dfeadf;border-radius:6px}.chain-visual>svg{width:13px;color:#a1b9a9}.chain-visual .chain-vps{display:flex;align-items:center;gap:6px;background:var(--green);color:#f4fff7;border-color:var(--green)}.chain-vps svg{width:13px;height:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-heading h2{font-size:17px;font-weight:620;display:flex;align-items:center;gap:9px;letter-spacing:-.3px}.count-label{font-size:10px;font-weight:500;color:#75877b;background:#e9efea;min-width:21px;padding:1px 6px;border-radius:5px;text-align:center}.section-heading p{color:#95a096;font-size:10px;margin-top:5px}.section-actions{display:flex;gap:9px}.section-actions .button{font-size:11px;min-height:35px;padding:8px 12px}.section-actions svg{width:15px;height:15px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.tabs{display:flex;gap:5px;border-bottom:1px solid #e1e9e2}.tab{font-size:11px;background:none;padding:10px 13px 12px;color:#88968b;position:relative}.tab.active{color:var(--green);font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;height:2px;left:12px;right:12px;background:var(--green);border-radius:2px}.search-box{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e0e7e2;border-radius:7px;padding:6px 10px;width:220px}.search-box svg{width:14px;height:14px;color:#a5b0a8}.search-box input{border:0;background:none;padding:0;margin:0;font-size:11px;box-shadow:none}.node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.node-card{border:1px solid #e0e7e2;background:white;border-radius:var(--radius);padding:20px 21px 0;transition:border-color .2s,box-shadow .2s;min-width:0}.node-card:hover{border-color:#bacfc0;box-shadow:0 4px 18px #143c2410}.node-top{display:flex;align-items:center;gap:12px}.node-symbol{width:39px;height:39px;background:#eef4fc;border:1px solid #e2ebf7;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:650;color:#6981a9}.node-symbol.hysteria2{background:#f1edfc;border-color:#e9e3f5;color:#9785ba}.node-symbol.vless{background:#eef6ef;border-color:#e1eee3;color:#7a9b79}.node-symbol.http{background:#fff4e9;border-color:#f7e9d9;color:#b4986b}.node-title{min-width:0}.node-title h3{font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px}.node-meta{display:flex;gap:7px;align-items:center}.protocol-tag{font-size:8px;letter-spacing:.5px;color:#8a9890;background:#f4f6f4;border:1px solid #e8ede8;border-radius:4px;padding:1px 5px}.node-meta>span:last-child{font-size:9px;color:#9aa69c}.node-tools{display:flex;gap:2px;margin-left:auto;align-self:flex-start}.node-tools .icon-button{width:28px;height:28px}.node-tools svg{width:14px;height:14px}.node-details{display:grid;grid-template-columns:1fr auto;gap:15px;margin:21px 0 18px}.detail-label{display:block;font-size:9px;color:#9aa59d;margin-bottom:5px}.detail-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#5b6f61;overflow-wrap:anywhere}.node-bottom{border-top:1px solid #edf1ed;padding:12px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.route-label{display:flex;gap:6px;align-items:center;font-size:9px;color:#799180}.route-label svg{width:12px;height:12px}.node-bottom .pill{font-size:8px;padding:3px 6px}.add-card{min-height:196px;border:1px dashed #d0ddd3;border-radius:var(--radius);background:#f9fbf9;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#859b8b;gap:7px}.add-card:hover{border-color:#78ae8c;background:#f1f7f2}.add-card .add-icon{border:1px solid #d9e5db;background:white;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;margin-bottom:4px;color:#789b83}.add-card strong{font-size:12px;font-weight:550;color:#64806b}.add-card small{font-size:10px;color:#a2b1a5}.empty-state{padding:60px 20px;text-align:center;grid-column:1/-1;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.list-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9da99f;padding:14px 2px 0}.list-footer .text-button{font-size:10px}.list-footer svg{width:13px;height:13px}.subscription-panel{margin-top:30px;border:1px solid #e0e7e2;border-radius:var(--radius);background:white;padding:21px 22px 15px}.subscription-header{display:flex;gap:12px;align-items:center}.subscription-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f1f5f1;color:#839987}.subscription-header h2{font-size:13px;font-weight:600}.subscription-header p{font-size:10px;color:#929f95;margin-top:3px}.subscription-header .pill{margin-left:auto}.subscription-url-row{display:flex;align-items:center;gap:12px;background:#f7f9f7;border:1px solid #e9eee8;border-radius:8px;padding:10px 12px;margin:18px 0 12px}.subscription-url-row code{flex:1;font-size:11px;color:#869a8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-url-row .small{background:white;font-size:10px;min-height:29px;padding:5px 9px}.subscription-url-row .small svg{width:13px;height:13px}.subscription-url-row .text-button{font-size:10px}.subscription-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#a0ada2}.subscription-bottom>span:last-child{display:flex;align-items:center;gap:6px}.tiny-dot{width:4px;height:4px}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#aab6ac;padding:24px 0 0}.page-footer>span:first-child{font-size:8px;letter-spacing:1.4px}
.login-view{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-story{display:flex;flex-direction:column;background:#163b30;padding:44px 54px;color:white;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #426c5640;border-radius:50%;bottom:-220px;right:-150px;box-shadow:0 0 0 65px #426c5615,0 0 0 130px #426c5610;pointer-events:none}.brand-sub{font-size:9px;letter-spacing:1.7px;color:#7ea58d;font-weight:400;margin-left:8px}.login-story-body{margin:auto 0;padding:60px 0;position:relative;z-index:1}.eyebrow.light{color:#83b69b;font-size:9px}.login-story h1{font-size:46px;font-weight:550;line-height:1.4;letter-spacing:-1.5px;margin:22px 0}.login-story-body>p{color:#a2c0ac;font-size:13px;line-height:1.9}.login-route{display:flex;gap:17px;align-items:center;margin-top:43px;color:#96c2a6;font-size:11px}.login-route span{padding:11px 13px;border:1px solid #4d755d;border-radius:7px;background:#2a513d80}.login-route b{font-weight:400}.login-foot{font-size:10px;letter-spacing:1px;color:#779d86}.login-side{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:100%;max-width:330px}.small-tag{font-size:11px;color:var(--green);letter-spacing:1px}.login-box h2{font-size:27px;letter-spacing:-.7px;font-weight:600;margin:12px 0 9px}.login-box>p:not(.error-message){font-size:12px;color:#95a198;margin-bottom:31px}.login-box label{font-size:12px;margin:18px 0 8px}.login-submit{width:100%;justify-content:space-between;margin-top:15px;padding:12px 16px}.login-hint{display:flex;align-items:center;gap:7px;justify-content:center;color:#a0ada2;font-size:10px;margin-top:24px}.login-hint svg{width:13px;height:13px}.error-message{font-size:12px;color:#b24a45;margin-top:11px;min-height:17px}.muted{font-size:12px;color:var(--muted)}
.dialog{border:1px solid #e0e8e2;border-radius:16px;padding:27px 29px;box-shadow:0 25px 100px #142f2445;width:min(580px,calc(100vw - 36px));max-height:90vh;overflow:auto;color:var(--ink)}.dialog::backdrop{background:#142e2666;backdrop-filter:blur(3px)}.node-dialog{width:min(660px,calc(100vw - 36px))}.compact-dialog{width:min(440px,calc(100vw - 36px))}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dialog-heading .eyebrow{font-size:8px}.dialog-heading h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin-top:4px}.dialog-description{font-size:12px;color:#8d9b91;line-height:1.8;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:1/-1}.field-note{font-weight:400;color:#9aa79e;font-size:10px;margin-left:4px}.checkbox-row{display:flex;gap:20px;flex-wrap:wrap;margin:21px 0}.checkbox-row label{display:flex;align-items:center;font-size:11px;color:#6e8373;gap:7px}.checkbox-row input{width:14px;height:14px;margin:0;accent-color:var(--green)}.advanced{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.advanced summary{cursor:pointer;font-size:12px;color:#6c8372}.advanced summary span{font-size:10px;color:#a2ada4;margin-left:8px}.advanced label{margin-top:16px}.advanced p{font-size:10px;color:#98a59b;margin-top:8px}.form-notice{display:flex;align-items:flex-start;gap:9px;border-radius:8px;padding:12px;background:#f0f7f1;color:#78947e;font-size:11px;margin-top:20px}.form-notice svg{width:15px;height:15px;margin-top:1px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:19px;margin-top:22px}.dialog-footer .button{font-size:12px}.compact-dialog form>label{margin-top:17px}.help-steps{padding-left:22px;color:#52745c;margin:24px 0}.help-steps li{padding:0 0 20px 8px}.help-steps strong{font-size:13px;font-weight:600}.help-steps p{font-size:12px;color:#929e94;margin-top:6px;line-height:1.8}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);z-index:100;background:#203e30;color:#f0fff4;display:flex;align-items:center;gap:10px;border-radius:10px;padding:13px 18px;box-shadow:0 6px 28px #14251c28;font-size:12px;max-width:90vw}.toast svg{width:16px;height:16px;color:#85d7a4}.toast.error{background:#6e3934}.toast.error svg{color:#efc3b6}.toast button{background:none;border-left:1px solid #769a803d;color:#b2ecc7;font-size:11px;padding-left:12px;margin-left:5px}.busy{pointer-events:none;opacity:.65}
.mobile-account-actions{display:none}
.node-selection-toolbar{display:flex;align-items:center;gap:16px;padding:11px 13px;background:#edf3ef;border:1px solid #e1e9e3;border-radius:8px;margin-bottom:12px;font-size:10px;color:#7d9183}.node-selection-toolbar label{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.node-selection-toolbar input,.node-row-checkbox{width:15px;height:15px;accent-color:#147d67;margin:0;cursor:pointer}.node-selection-toolbar #bulk-delete-button{color:#b76055;font-size:11px}.sort-hint{margin-left:auto;color:#a0afa3}.node-list{display:flex;flex-direction:column;gap:8px}.node-list .node-card{position:relative;display:grid;grid-template-columns:18px 18px minmax(145px,1.3fr) minmax(155px,1fr) minmax(125px,.8fr) minmax(135px,.85fr);align-items:center;gap:13px;padding:15px 17px;border-radius:9px;min-height:94px}.node-list .node-top{gap:10px;position:static;padding-right:46px;min-width:0;flex-wrap:nowrap}.node-list .node-title{max-width:none;flex:1}.node-list .node-title h3{font-size:12px}.node-list .node-symbol{width:32px;height:32px;font-size:10px;flex-shrink:0}.node-list .node-tools{position:absolute;right:11px;top:10px;gap:0}.node-list .node-details{display:flex;flex-wrap:wrap;gap:13px;margin:0;min-width:0}.node-list .node-details>div:last-child{display:block}.node-list .node-details>div:last-child .detail-label{margin-bottom:4px}.node-list .detail-label{font-size:8px;margin-bottom:4px}.node-list .detail-value{font-size:10px}.node-list .node-bottom{padding:0;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.node-list .node-latency{border:0;padding:12px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.node-list .node-bottom .pill{font-size:7px}.node-list .add-card{min-height:60px;flex-direction:row;gap:12px;border-radius:9px}.node-list .add-card .add-icon{width:28px;height:28px;margin:0}.node-list .add-card small{font-size:9px}.node-drag-handle{font-size:17px;letter-spacing:-4px;padding:0 4px 0 0;line-height:30px;background:transparent;color:#a6b7aa;cursor:grab;user-select:none;touch-action:none}.node-drag-handle:active{cursor:grabbing}.node-card.selected{border-color:#73ad8b;background:#f4fbf6}.node-card.dragging{opacity:.45}.node-card.drag-over{border-top:3px solid #147d67;background:#eaf5ef}
@media(max-width:1200px){.node-list .node-card{grid-template-columns:16px 16px minmax(140px,1fr) minmax(135px,1fr) minmax(105px,.7fr)}.node-list .node-bottom{display:none}.node-list .node-top{padding-right:0}.node-list .node-latency{padding-right:24px}.node-list .node-meta>span:last-child{display:none}}
@media(max-width:650px){.node-selection-toolbar{gap:10px;flex-wrap:wrap}.sort-hint{display:none}.node-list .node-card{grid-template-columns:14px 16px minmax(100px,1fr) minmax(78px,.7fr);padding:15px 11px;gap:8px;min-height:109px}.node-list .node-top{align-items:flex-start;gap:7px;flex-direction:column}.node-list .node-symbol{display:none}.node-list .node-title h3{font-size:11px;white-space:normal;line-height:1.5}.node-list .node-meta{gap:4px}.node-list .node-details{grid-column:3;gap:4px;flex-direction:column}.node-list .node-details .detail-label{display:none}.node-list .detail-value{font-size:9px}.node-list .node-latency{grid-column:4;grid-row:1 / span 2;align-items:flex-end;padding:24px 0 0}.node-list .node-tools{top:8px;right:7px}.node-list .node-tools .icon-button{width:22px;height:22px}.node-list .node-drag-handle,.node-list .node-row-checkbox{grid-row:1 / span 2}.node-list .node-latency .text-button{font-size:9px}.node-list .latency-value{font-size:11px}.node-list .latency-muted{font-size:9px;text-align:right}.node-list .add-card small{display:none}}
.import-dialog{width:min(760px,calc(100vw - 36px))}.import-text-label{margin-top:17px}.import-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.import-preview-toolbar strong{font-size:12px;color:#607d68}.import-preview-list{max-height:420px;overflow:auto;display:grid;gap:12px;padding:2px}.import-preview-row{border:1px solid #e0e9e2;border-radius:10px;padding:13px;background:#fcfdfc}.import-preview-heading{display:flex;align-items:center;gap:10px;margin-bottom:11px}.import-preview-heading input{width:15px;height:15px;accent-color:#147d67;margin:0}.import-preview-heading strong{font-size:11px;flex:1;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.import-preview-row>input{font-size:12px;padding:8px 10px}.import-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#76907b;margin-top:10px}.import-result .text-button{margin-left:auto;font-size:10px}.import-result small{width:100%;color:#94a599;font-family:ui-monospace,monospace;font-size:10px}.import-hint{font-size:10px;margin-top:15px;line-height:1.8}
.latency-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-3px 0 18px;color:#8b9a90;font-size:10px}.node-latency{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1ed;padding:10px 0}.node-latency .text-button{font-size:10px}.latency-value{font-size:12px;font-weight:650;color:#147d67;font-variant-numeric:tabular-nums}.latency-muted{font-size:10px;color:#96a196}.group-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:430px;overflow:auto;padding:2px 2px 5px}.group-card{min-width:0;border:1px solid #e3eae4;border-radius:10px;padding:15px;background:#fcfdfc}.group-card-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.group-card-top strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card .pill{font-size:8px;padding:3px 5px}.group-card p{font-size:10px;color:#7b9281;margin:10px 0 6px}.group-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#9ba79e;margin-bottom:10px}.group-card .text-button{font-size:10px}.auto-group{display:flex;align-items:center;gap:9px;padding:13px;background:#edf7ef;border-radius:8px;margin-bottom:20px;font-size:12px;color:#4f7b5a}.auto-group input{width:15px;height:15px;margin:0;accent-color:#147d67}.group-member-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:12px}.selected-group-members{max-height:250px;overflow:auto;border:1px solid #e1e9e2;border-radius:9px;padding:3px 10px;margin-bottom:17px;min-height:45px}.member-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1ed}.member-row:last-child{border:0}.member-row>span{font-size:9px;color:#a8b4aa}.member-row>strong{flex:1;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.member-row button{font-size:10px;padding:2px}.member-row button:last-child{color:#aa7970}#group-add-member{margin-top:10px}#groups-section .section-heading{gap:15px}
@media(max-width:1100px){.group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.group-list{grid-template-columns:1fr;max-height:440px}.latency-toolbar{align-items:flex-end;gap:9px;font-size:9px}.latency-toolbar>span{max-width:190px}.latency-toolbar button{font-size:10px;padding:7px 9px}#groups-section .section-heading{align-items:stretch;flex-direction:column}#groups-section .search-box{width:100%}}
@media(max-width:800px){.mobile-account-actions{display:flex;gap:2px}.topbar-right{gap:10px}}
@media(max-width:530px){.topbar-right .server-label{display:none}}
@media(min-width:1500px){main{padding-top:46px}.page-heading{margin-bottom:35px}.stat{min-height:137px}.node-card{padding-top:23px}.node-details{margin-top:25px;margin-bottom:23px}}
@media(max-width:1100px){.sidebar{width:195px;padding:27px 13px 18px}.app-layout{grid-template-columns:195px 1fr}.sidebar .wordmark{margin-left:9px}.version-tag{display:none}.topbar{padding:0 26px}main{padding:30px 26px 18px}.chain-panel{align-items:flex-start}.chain-visual{gap:6px;flex-wrap:wrap;max-width:235px}.chain-intro p{max-width:225px}.heading-actions{flex-direction:column;align-items:flex-end;gap:7px}.page-heading p{max-width:310px}.stat{padding:17px}.node-card{padding:17px 16px 0}.node-top{gap:8px}.node-symbol{width:34px;height:34px}.node-title h3{font-size:12px}.login-story{padding:36px}.login-story h1{font-size:37px}}
@media(max-width:800px){.app-layout{display:block}.sidebar{position:relative;width:100%;height:64px;padding:0 19px;flex-direction:row;align-items:center;gap:22px}.sidebar .wordmark{margin:0;font-size:19px}.brand-icon{width:28px;height:29px;font-size:20px}.sidebar nav{display:flex;margin-left:auto;gap:5px}.sidebar .nav-item{width:auto;margin:0;font-size:11px;padding:8px 10px}.sidebar .nav-caption,.sidebar-network,.sidebar-bottom{display:none}.nav-count{display:none}.workspace{width:100%}.topbar{height:49px;padding:0 22px}.secure-label,.topbar-divider{display:none}main{padding:25px 22px 18px}.page-heading{align-items:flex-end}.page-heading h1{font-size:27px}.stats{gap:10px}.stat{padding:14px}.stat-icon{display:none}.stat strong{font-size:27px}.stat small{font-size:9px}.chain-panel{padding:17px;flex-direction:column;gap:15px;margin-bottom:27px}.chain-intro p{max-width:none}.chain-visual{max-width:none;margin-left:46px}.node-list{gap:12px}.node-details{grid-template-columns:1fr;gap:9px}.node-details>div:last-child{display:flex;gap:12px;align-items:center}.node-details>div:last-child .detail-label{margin:0}.node-top{flex-wrap:wrap}.node-tools{position:absolute;right:13px;top:15px}.node-card{position:relative}.node-title{max-width:calc(100% - 88px)}.node-symbol{width:31px;height:31px;font-size:10px}.node-card .icon-button{width:23px}.node-bottom{gap:5px}.node-bottom .pill{font-size:7px}.route-label{font-size:8px}.login-story{padding:32px}.login-story h1{font-size:33px}.login-route{gap:8px;font-size:9px}.login-route span{padding:8px}.login-side{padding:30px}.toast{left:50%}}
@media(max-width:530px){.sidebar nav .nav-item:nth-child(2){display:none}.page-heading{gap:10px}.eyebrow{font-size:8px}.page-heading p{font-size:10px;max-width:215px}.page-heading .button{padding:9px 11px;font-size:11px;min-height:36px}.page-heading .button svg{width:15px}.heading-actions{flex-shrink:0}.dirty-badge{font-size:8px}.stats{gap:7px;margin-bottom:16px}.stat{padding:12px 10px;min-height:105px;border-radius:10px}.stat div>span{font-size:9px}.stat strong{font-size:25px;margin-top:7px}.stat small{font-size:8px}.chain-intro h2{font-size:11px}.chain-intro p{font-size:9px}.chain-icon{display:none}.chain-visual{margin:0}.chain-panel{gap:11px}.section-heading h2{font-size:15px}.section-heading p{font-size:9px}.section-actions{gap:6px}.section-actions .button{padding:7px 9px;font-size:10px;min-height:33px}.section-actions svg{width:13px}.list-toolbar{align-items:stretch;flex-direction:column;gap:13px}.tabs{align-self:flex-start}.tab{font-size:10px}.search-box{width:100%}.node-list{grid-template-columns:1fr}.node-card{padding:19px 19px 0}.node-top{gap:12px}.node-symbol{width:38px;height:38px;font-size:12px}.node-title h3{font-size:13px}.node-details{grid-template-columns:1fr auto;margin:20px 0}.node-details>div:last-child{display:block}.node-details>div:last-child .detail-label{margin-bottom:5px}.node-title{max-width:calc(100% - 110px)}.node-tools{right:16px;top:18px}.node-tools .icon-button{width:26px}.node-bottom .pill{font-size:8px}.route-label{font-size:9px}.add-card{min-height:145px}.subscription-panel{padding:17px}.subscription-header{gap:9px}.subscription-header p{font-size:9px;max-width:200px}.subscription-header .pill{font-size:8px}.subscription-icon{display:none}.subscription-url-row{gap:6px;flex-wrap:wrap}.subscription-url-row code{width:100%;flex-basis:100%;padding:3px 0 7px}.subscription-url-row .small{margin-left:auto}.subscription-bottom{font-size:8px;flex-wrap:wrap}.login-view{display:block}.login-story{min-height:200px;padding:25px 28px}.login-story-body{padding:24px 0 0}.login-story .eyebrow,.login-story-body>p,.login-route,.login-foot{display:none}.login-story h1{font-size:29px;line-height:1.3;margin:9px 0}.login-story h1 br{display:none}.login-story .wordmark{font-size:20px}.login-side{padding:35px 28px}.login-box{max-width:none}.login-box h2{font-size:24px}.dialog{padding:23px 20px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.checkbox-row{gap:14px}.dialog-footer .button{font-size:11px;padding:9px 11px}.dialog-heading h2{font-size:19px}.toast{width:max-content;max-width:90vw;font-size:11px}.form-notice{font-size:10px}}
.group-name-field{margin-bottom:16px}.rules-dialog{width:min(850px,calc(100vw - 36px))}#group-rules-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;white-space:pre;overflow:auto;line-height:1.7}.group-list{display:flex;flex-direction:column;gap:8px;max-height:560px}.group-card{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;min-height:77px;flex-shrink:0}.group-body{min-width:0}.group-card-top{justify-content:flex-start}.group-card p{margin:5px 0 0}.group-actions{display:flex;align-items:center;gap:16px}.group-actions button:last-child{color:#b76055}.group-card.dragging{opacity:.45}.group-card.drag-over{border-top:3px solid #147d67;background:#eaf5ef}.group-list.busy{pointer-events:none}.group-drag-handle{align-self:stretch}.group-card .pill{white-space:nowrap}#groups-section .section-heading p:after{content:' · 拖动 ⋮⋮ 排序'}
@media(max-width:600px){.group-card{grid-template-columns:16px minmax(0,1fr);gap:9px;padding:12px}.group-actions{grid-column:2;gap:21px}.group-drag-handle{grid-row:1 / span 2}.group-card-top{flex-wrap:wrap;gap:5px}.group-card-top strong{white-space:normal}.group-card p{font-size:9px}.group-list{max-height:540px}}
.group-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;border-radius:4px}