:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",sans-serif;background:#0c111b;color:#e8edf6}*{box-sizing:border-box}body{margin:0}header{height:78px;padding:0 5vw;border-bottom:1px solid #253047;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;color:#73dcc5;display:flex;gap:18px;align-items:center}.brand span{font-size:16px;color:#e8edf6}header>span{font-size:13px;color:#96a5ba}main{max-width:1400px;margin:auto;padding:42px 5vw}.intro{position:relative;margin-bottom:32px}.intro p{font-size:11px;letter-spacing:2px;color:#73dcc5}h1{font-size:32px;margin:14px 0}.intro>span{color:#96a5ba;font-size:14px}.actions{display:flex;gap:10px;margin-top:24px}button,select,input{border:1px solid #34425b;background:#182235;color:#e8edf6;border-radius:8px;padding:10px 16px;font:inherit}button{cursor:pointer}button:hover{border-color:#73dcc5}#add{background:#73dcc5;color:#0b2420;border:0}#notice{color:#e9c989;margin:15px 0;line-height:1.8}a{color:#73dcc5}#summary{color:#96a5ba;font-size:13px;margin-bottom:18px}#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card{background:#131d2b;border:1px solid #28364a;border-radius:14px;padding:22px;cursor:pointer;text-align:left}.card h2{font-size:17px;margin:16px 0 5px}.badge{color:#73dcc5;font-size:12px}.badge.offline{color:#f19a9a}.ip{color:#96a5ba;font:12px monospace;word-break:break-all;line-height:1.7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.metric small{display:block;color:#96a5ba;font-size:11px;margin-bottom:8px}.metric b{font-size:23px;font-weight:500}.empty{border:1px dashed #34425b;padding:48px;border-radius:14px;color:#96a5ba;line-height:1.8}dialog{background:#131d2b;color:#e8edf6;border:1px solid #34425b;border-radius:14px;max-width:650px;width:90%;padding:28px}dialog::backdrop{background:#000a}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:12px}input{width:100%;margin:16px 0}#charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.chart{background:#131d2b;border:1px solid #28364a;border-radius:12px;padding:20px}.chart svg{width:100%;height:180px}.chart h3{font-size:14px;color:#96a5ba}#detail h2{margin-top:28px}@media(max-width:650px){#charts{grid-template-columns:1fr}header>span{display:none}main{padding:26px 20px}}
[hidden]{display:none!important}