:root{color-scheme:dark;--bg:#0b1019;--panel:#121a27;--muted:#8391a7;--mint:#75efd5;--purple:#a1a8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf3fa;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}.ambient{position:absolute;z-index:-1;left:15%;top:-280px;width:65%;height:660px;background:radial-gradient(ellipse,#27485d40,transparent 65%);pointer-events:none}.wrap{max-width:1120px;padding:0 36px;margin:auto}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff09}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:1px}.logo{display:grid;place-items:center;width:35px;height:35px;border:1px solid #75efd52e;border-radius:11px;background:#75efd510;color:var(--mint);font-size:32px}.online{color:#a2b5b5;font-size:11px;letter-spacing:1px}.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #75efd577;margin-right:7px}.intro{text-align:center;padding:47px 0 35px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--mint)}h1{font-size:43px;letter-spacing:1px;margin:15px 0 13px;font-weight:650}h1 span{color:var(--mint)}.intro p{color:var(--muted);font-size:13px}.dashboard{display:grid;grid-template-columns:42% 58%;background:linear-gradient(125deg,#172231,#111923 75%);border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 30px 90px #0002;overflow:hidden}.meter-area{padding:28px 32px 23px;text-align:center;border-right:1px solid #ffffff08}.meter{position:relative;width:100%;max-width:320px;margin:auto}.meter svg{width:100%;overflow:visible}.track,.arc{fill:none;stroke-width:7;stroke-linecap:round}.track{stroke:#2a3646}.arc{stroke:url(#grad);stroke-dasharray:0 100;transition:stroke-dasharray .35s;filter:drop-shadow(0 0 6px #75efd540)}.ticks{font-size:10px;fill:#65748b}.readout{position:absolute;top:34%;width:100%;display:flex;align-items:center;flex-direction:column;gap:8px}.readout>span{font-size:12px;color:var(--muted)}.readout strong{font-size:57px;line-height:1.15;font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums}.readout strong span{font-size:35px;color:#9caec1;letter-spacing:-1px}.readout small{color:#8190a5;font-size:12px;letter-spacing:2px}button{cursor:pointer;border:none;border-radius:12px;background:var(--mint);color:#0a2522;width:210px;max-width:100%;height:48px;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #75efd525}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}button.running{background:#26394a;color:var(--mint)}.button-icon{margin-right:10px;font-size:20px}#status{color:#76869c;font-size:11px;margin:16px 0 0;min-height:16px}.details{padding:32px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px;margin-bottom:26px}.stat-label{font-size:12px;color:#acb8ca;display:flex;gap:8px;align-items:center}.stat-label i{font-style:normal;font-size:18px}.down{color:var(--mint)}.up{color:var(--purple)}article strong{font-size:30px;letter-spacing:-1px;font-weight:550;font-variant-numeric:tabular-nums}article div{margin:11px 0 6px;display:flex;align-items:baseline;gap:8px}article small{font-size:10px;color:#8190a5}.stat-note{font-size:10px;color:#627389}.chart-head{display:flex;justify-content:space-between;font-size:10px;color:#8e9fb4;padding-top:20px;border-top:1px solid #ffffff0b}.legend{display:flex;align-items:center;gap:6px}.legend i{width:5px;height:5px;border-radius:50%;background:var(--mint);margin-left:10px}.legend i:last-of-type{background:var(--purple)}#chart{width:100%;height:85px;margin-top:10px;overflow:visible}.grid{stroke:#ffffff06;fill:none}#dlLine,#ulLine{fill:none;stroke:var(--mint);stroke-width:2;vector-effect:non-scaling-stroke}#ulLine{stroke:var(--purple)}.chart-foot{display:flex;justify-content:space-between;color:#596c84;font-size:9px;margin-top:8px}.connection{display:flex;justify-content:space-between;gap:18px;padding:25px 30px;margin:16px 0 34px;background:#111923;border:1px solid #ffffff06;border-radius:16px}.connection>div{display:flex;gap:13px;align-items:center}.connection-icon{font-size:23px;color:#678092}.connection small{display:block;color:#728297;font-size:10px;margin-bottom:8px}.connection b{font-size:12px;font-weight:500}.connection b span{color:#8f9fb2}.history-title{display:flex;justify-content:space-between;align-items:center}.history h2{font-size:14px;font-weight:500}.history-title>span{font-size:10px;color:#64748b}.empty-history{text-align:center;border:1px dashed #ffffff0d;border-radius:13px;padding:25px;color:#66778d;font-size:12px;margin-top:8px}.history-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;padding:15px 20px;border-bottom:1px solid #ffffff08;color:#aebcce;font-size:12px}.history-row small{color:#63758e;font-size:10px}.footnote{text-align:center;color:#5f7189;font-size:10px;margin:28px 0 38px;line-height:1.8}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff08;padding:23px 0 28px;color:#596c83;font-size:10px}.footer-dot{padding:0 12px;color:#35455b}footer a:hover{color:var(--mint)}@media(min-width:1500px){.intro{padding-top:65px}}@media(max-width:700px){.wrap{padding:0 20px}header{height:76px}.brand{font-size:16px}.online{font-size:9px;letter-spacing:0}.intro{padding:34px 0 24px}h1{font-size:34px}.eyebrow{font-size:10px;letter-spacing:2px}.dashboard{grid-template-columns:1fr}.meter-area{border-right:0;border-bottom:1px solid #ffffff08;padding:23px 24px 24px}.meter{max-width:285px}.details{padding:25px}.stats{gap:24px}.connection{flex-wrap:wrap;padding:20px;gap:22px;margin-bottom:24px}.connection>div{width:calc(50% - 11px);gap:9px}.connection .secure{display:none}.connection b{font-size:11px}article strong{font-size:28px}.history-row{padding:14px 6px;grid-template-columns:1.2fr 1fr 1fr;font-size:11px}.history-row>span:last-child{display:none}.footnote{margin:22px 0}footer{font-size:9px;gap:10px}.footer-dot{padding:0 5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Light theme */
:root{color-scheme:light;--bg:#f7f9fc;--panel:#fff;--muted:#758298;--mint:#079b82;--purple:#7774dd}body{color:#202c3c}.ambient{background:radial-gradient(ellipse,#daeef155,transparent 65%)}header{border-color:#e8edf3}.logo{background:#edf8f5;border-color:#d5ebe5}.online{color:#718296}.online i{box-shadow:none}.intro{padding:30px 0 24px}h1{font-size:30px;font-weight:600;margin:0}.dashboard{background:#fff;border-color:#e4eaf1;box-shadow:0 12px 40px #18314b06}.meter-area{border-color:#e9eef3}.track{stroke:#edf1f5}.arc{filter:none}.ticks{fill:#96a3b3}.readout strong span{color:#78899d}.readout small{color:#8492a3}button{color:#fff;background:#099d85}button:hover{box-shadow:0 6px 20px #079b8220}button.running{background:#e8f5f1;color:#07846d}.stat-label{color:#64748b}article small{color:#8794a5}.chart-head{border-color:#edf1f5;color:#78879a}.grid{stroke:#edf1f5}.chart-foot{color:#8794a5}.history-row{border-color:#e7edf3;color:#53647b}.empty-history{border-color:#e3eaf2;color:#8895a6;padding:20px}.history-title>span{color:#8a96a5}footer{border-color:#e3e9f0;color:#8895a6;margin-top:26px}.footer-dot{color:#cad3df}.ip-panel{background:#fff;border:1px solid #e4eaf1;border-radius:18px;margin:18px 0 26px;padding:23px 28px}.ip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ip-heading h2{font-size:14px;font-weight:600;margin:0}.ip-heading>span{font-size:10px;color:#8996a6}.ip-grid{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr .8fr;gap:23px}.ip-grid>div{min-width:0}.ip-grid small{display:block;color:#8190a3;font-size:11px;margin-bottom:10px}.ip-grid b{display:block;color:#42536b;font-size:12px;font-weight:500;overflow-wrap:anywhere;line-height:1.6}.ip-main{grid-row:span 2}.ip-main b{font-size:20px;color:#1c354a;font-variant-numeric:tabular-nums}.ip-main>span{display:inline-block;font-size:10px;color:#079b82;background:#eaf7f3;border-radius:5px;padding:4px 7px;margin-top:9px}.ip-grid>div:last-child{grid-column:2/5}@media(max-width:700px){.intro{padding:27px 0 22px}h1{font-size:26px}.meter-area{border-color:#e9eef3}.ip-panel{padding:20px;margin-bottom:24px}.ip-grid{grid-template-columns:1fr 1fr;gap:20px}.ip-main{grid-column:1/3;grid-row:auto}.ip-grid>div:last-child{grid-column:1/3}.ip-main b{font-size:22px}.ip-heading>span{font-size:9px}.history-row{color:#53647b}}