:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#e9eefb;background:#080b12;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#13213c 0,transparent 35%),#080b12;min-height:100vh}.center{min-height:100vh;display:grid;place-items:center}.panel,dialog form{background:#111722;border:1px solid #263248;border-radius:18px;padding:32px;width:min(440px,92vw);box-shadow:0 24px 80px #0008}.brand{font-size:22px;font-weight:800;letter-spacing:-1px}.brand span{color:#50e3a4}input,textarea{width:100%;background:#090d15;border:1px solid #2c374b;border-radius:9px;padding:11px;color:white;margin:7px 0 13px}textarea{min-height:75px}button{border:0;border-radius:9px;padding:11px 16px;background:#50e3a4;color:#07120d;font-weight:700;cursor:pointer}.ghost{background:#182131;color:#cbd6e9}header{height:70px;border-bottom:1px solid #1d2635;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.hero{margin:40px 5vw 24px;display:flex;justify-content:space-between;align-items:end}.hero h1{font-size:clamp(28px,4vw,48px);margin:8px 0}.hero p,small{color:#8290a8}.clock{font:600 22px monospace}.grid{padding:0 5vw 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.card{background:linear-gradient(145deg,#121925,#0e131d);border:1px solid #202b3c;border-radius:16px;padding:20px}.cardhead,.stats,.traffic,.actions{display:flex;justify-content:space-between;gap:10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef5a67;margin-right:7px}.dot.on{background:#50e3a4;box-shadow:0 0 10px #50e3a4}.ip{font-family:monospace;color:#8ea1bf}.speed{font-size:23px;font-weight:750}.up{color:#57a5ff}.down{color:#50e3a4}.stats{margin:20px 0}.stats div{flex:1;background:#0a0f17;padding:10px;border-radius:9px}.stats b{display:block;margin-top:5px}.bar{height:5px;background:#222c3b;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#50e3a4}.usage{margin:14px 0;font-size:13px;color:#a9b6ca}.actions{justify-content:flex-start;flex-wrap:wrap}.actions button{padding:7px 10px;font-size:12px}dialog{border:0;background:transparent}dialog::backdrop{background:#03060bcc}.row{display:flex;gap:12px}.row>*{flex:1}menu{display:flex;justify-content:flex-end;gap:8px;padding:0}pre{white-space:pre-wrap;color:#50e3a4;font-size:11px}@media(max-width:600px){.hero{display:block}.clock{margin-top:15px}.grid{grid-template-columns:1fr}.row{display:block}}
[hidden]{display:none!important}
[hidden]{display:none!important}.bar{display:block!important;width:100%;height:5px!important;margin-top:7px}.bar i{display:block!important;max-width:100%}.stats{align-items:stretch}.stats>div{min-width:0;overflow:hidden}.usage{position:relative;clear:both;line-height:1.8;padding-top:4px}#cfZoneId,#cfRecordId{display:none!important}
.log-section{padding:0 5vw 60px}.log-card{background:linear-gradient(145deg,#121925,#0e131d);border:1px solid #202b3c;border-radius:16px;padding:20px}.log-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.log-head h2{margin:4px 0 16px}.danger{color:#ff7b86}.log-list{max-height:420px;overflow:auto;border-top:1px solid #202b3c}.log-row{display:grid;grid-template-columns:170px minmax(90px,140px) minmax(110px,160px) 1fr;gap:12px;padding:11px 4px;border-bottom:1px solid #182131;font-size:13px;align-items:center}.log-row time{color:#8290a8;font-family:monospace}.log-vps{font-weight:700}.log-type{color:#50e3a4}.log-detail{color:#a9b6ca;overflow-wrap:anywhere}.log-empty{padding:28px;text-align:center;color:#8290a8}@media(max-width:700px){.log-row{grid-template-columns:1fr 1fr}.log-detail{grid-column:1/-1}.log-head{align-items:flex-start;flex-direction:column}}
.server-list{padding:0 5vw 36px;display:flex;flex-direction:column;gap:12px}.server-row{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(170px,1fr) minmax(190px,1.15fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) 76px;gap:18px;align-items:center;background:#111722;border:1px solid #222d3e;border-radius:14px;padding:18px 16px}.server-title{display:flex;align-items:center;gap:10px}.server-title small,.server-cell span,.server-cell strong{display:block;margin-top:5px}.server-title small{font-family:monospace}.server-cell>small{display:block;margin-bottom:7px}.server-cell strong{font-size:14px}.list-meter{height:34px;border-radius:8px;background:#252e3d;position:relative;overflow:hidden}.list-meter i{position:absolute;inset:0 auto 0 0;background:#6851b5}.list-meter.cpu i{background:#ef3270}.list-meter b{position:relative;display:flex;align-items:center;height:100%;padding:0 10px;color:#fff}.server-menu{position:relative}.server-menu summary{list-style:none;cursor:pointer;background:#182131;border-radius:9px;padding:10px;text-align:center;font-weight:700}.server-menu summary::-webkit-details-marker{display:none}.menu-pop{position:absolute;right:0;top:44px;z-index:20;width:190px;background:#121a27;border:1px solid #2b374b;border-radius:12px;padding:7px;box-shadow:0 18px 50px #000b}.menu-pop button{display:block;width:100%;text-align:left;background:transparent;color:#dce6f6;padding:9px}.menu-pop button:hover{background:#202b3c}.menu-pop .danger{color:#ff7b86}.list-empty{padding:40px;color:#8290a8}@media(max-width:1100px){.server-row{grid-template-columns:1.2fr 1fr 1fr 76px}.server-cell.resource{grid-row:2}.server-menu{grid-column:4;grid-row:1/3}}@media(max-width:700px){.server-row{grid-template-columns:1fr 70px}.server-cell{grid-column:1/-1}.server-menu{grid-column:2;grid-row:1}.resource{display:none}}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#0a0f17;border:1px solid #2c374b;border-radius:10px;padding:13px 14px;margin:4px 0 16px}.switch-row span small{display:block;margin-top:4px}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-row i{width:46px;height:26px;border-radius:30px;background:#303a4c;position:relative;flex:0 0 auto;cursor:pointer}.switch-row i:after{content:'';position:absolute;width:20px;height:20px;border-radius:50%;left:3px;top:3px;background:#fff;transition:.2s}.switch-row input:checked+i{background:#50e3a4}.switch-row input:checked+i:after{transform:translateX(20px)}
.tg-form{width:min(560px,94vw)}.tg-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 18px}.tg-checks label{background:#0a0f17;border:1px solid #2c374b;border-radius:9px;padding:10px}.tg-checks input{width:auto;margin:0 7px 0 0}.tg-form #tgResult{min-height:20px;color:#50e3a4}
.failover-form{width:min(820px,95vw);max-height:90vh;overflow:auto}.dialog-title{display:flex;align-items:start;justify-content:space-between}.dialog-title h2{margin:5px 0 20px}.failover-form select{width:100%;background:#090d15;border:1px solid #2c374b;border-radius:9px;padding:11px;color:white;margin:7px 0 13px}.failover-form hr{border:0;border-top:1px solid #263248;margin:22px 0}.failover-rules{display:grid;gap:9px}.fo-rule{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;background:#0a0f17;border:1px solid #263248;border-radius:10px;padding:13px}.fo-rule small{display:block;margin-top:5px}.fo-rule p{grid-column:1/-1;margin:0;color:#ff9aa3}.fo-state{padding:6px 10px;border-radius:20px;background:#263248;font-size:12px}.fo-state.primary{color:#50e3a4}.fo-state.backup{color:#ffbd69;background:#3a2c1d}.fo-options{display:flex;gap:20px;background:#0a0f17;border:1px solid #263248;border-radius:10px;padding:13px}.fo-options input{width:auto;margin:0 6px 0 0}.failover-form #foResult{min-height:20px;color:#50e3a4}@media(max-width:700px){.fo-rule{grid-template-columns:1fr}.fo-rule p{grid-column:1}.fo-options{display:grid}}
.monitor-form{width:min(900px,95vw);max-height:90vh;overflow:auto}.monitor-form select{width:100%;background:#090d15;border:1px solid #2c374b;border-radius:9px;padding:11px;color:white;margin:7px 0 13px}.monitor-form hr{border:0;border-top:1px solid #263248;margin:22px 0}.monitor-list{display:grid;gap:8px}.monitor-item{display:grid;grid-template-columns:12px 1fr 90px auto;align-items:center;gap:12px;background:#0a0f17;border:1px solid #263248;border-radius:10px;padding:12px}.monitor-item small,.monitor-item em{display:block;margin-top:4px}.monitor-item em{color:#ff9aa3;font-style:normal}.monitor-dot{width:10px;height:10px;border-radius:50%;background:#8290a8}.monitor-dot.up{background:#50e3a4;box-shadow:0 0 9px #50e3a4}.monitor-dot.down{background:#ff6070}.monitor-form #monResult{min-height:20px;color:#50e3a4}@media(max-width:700px){.monitor-item{grid-template-columns:12px 1fr}.monitor-item>div:nth-last-child(-n+2){grid-column:2}}
.alert-settings{border-top:1px solid #263248;margin-top:18px;padding-top:8px}.alert-settings>small{display:block;margin:-5px 0 15px}.maintenance-badge{font-style:normal;font-size:11px;color:#ffbd69;background:#3a2c1d;border-radius:20px;padding:3px 7px;margin-left:5px}
.history-panel{width:min(1100px,95vw);padding:24px;background:#111722;border:1px solid #263248;border-radius:16px}.history-tabs{display:flex;gap:8px;margin:5px 0 12px}.history-tabs button{background:#182131;color:#cbd6e9}.history-tabs button.active{background:#50e3a4;color:#07120d}.chart-legend{display:flex;gap:18px;margin:10px 0}.chart-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.chart-legend .cpu:before{background:#ef3270}.chart-legend .memory:before{background:#50e3a4}.chart-legend .disk:before{background:#6f8cff}#historyCanvas{display:block;width:100%;height:auto;background:#0a0f17;border-radius:10px}
.backup-panel{width:min(820px,95vw);padding:24px;background:#111722;border:1px solid #263248;border-radius:16px}.backup-panel>p{color:#a9b6ca}.backup-list{display:grid;gap:8px;margin-top:18px}.backup-row{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0a0f17;border:1px solid #263248;border-radius:10px;padding:12px}.backup-row small,.backup-row code{display:block;margin-top:4px}.backup-row code{font-size:10px;color:#8290a8;word-break:break-all}.backup-download{display:inline-block;background:#182131;color:#dce6f6;padding:9px 12px;border-radius:9px;text-decoration:none}