@import url('/css/premium-ui.css');
:root{--bg:#070913;--panel:#0d162b;--panel2:#111e38;--line:rgba(126,157,219,.2);--text:#edf4ff;--muted:#8795b4;--cyan:#55e5ff;--violet:#a574ff;--green:#58e6ad;--amber:#ffc56b;--red:#ff748d;--font:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(800px 520px at 90% -10%,rgba(112,86,255,.25),transparent 65%),radial-gradient(700px 520px at 0 30%,rgba(34,211,238,.12),transparent 64%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.shell{max-width:1180px;margin:auto;padding:0 26px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:.85rem;font-weight:800;letter-spacing:.16em}.mark{width:33px;height:33px;border:1px solid var(--cyan);border-radius:10px;color:var(--cyan);display:grid;place-items:center;box-shadow:0 0 22px rgba(85,229,255,.26)}.brand small{display:block;color:var(--cyan);font-size:.57rem;letter-spacing:.28em;margin-top:3px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions a,.top-actions button{border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:rgba(15,26,51,.55);color:#aebddb;font-size:.7rem}.top-actions a:hover{border-color:rgba(85,229,255,.5);color:#fff}.top-actions .active{border-color:rgba(85,229,255,.6);color:var(--cyan);background:rgba(85,229,255,.1)}.hero{padding:46px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:25px}.eyebrow{color:var(--cyan);font-size:.62rem;letter-spacing:.27em;margin-bottom:13px}.hero h1{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.06em}.hero h1 span{color:var(--cyan)}.hero p{color:var(--muted);font-size:.78rem;margin-top:10px;line-height:1.7}.hero-badge{padding:12px 15px;border:1px solid rgba(88,230,173,.25);border-radius:12px;color:var(--green);font-size:.68rem;background:rgba(88,230,173,.06);white-space:nowrap}.hero-badge i,.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:7px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px;padding-bottom:36px}.card{grid-column:span 12;border:1px solid var(--line);border-radius:17px;background:linear-gradient(140deg,rgba(17,28,55,.84),rgba(8,13,27,.74));padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.2)}.card.half{grid-column:span 6}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title h2{font-size:1rem;letter-spacing:-.03em}.card-title small{font-size:.58rem;letter-spacing:.17em;color:#607091}.muted{color:var(--muted)}.hint{font-size:.7rem;line-height:1.7;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{padding:15px;border-radius:11px;background:rgba(4,9,21,.5);border:1px solid rgba(126,157,219,.13)}.metric small{display:block;color:#7182a6;font-size:.6rem;letter-spacing:.1em;margin-bottom:8px}.metric b{font-size:1.35rem;color:#e2edff}.metric b.cyan{color:var(--cyan)}.metric b.green{color:var(--green)}.metric b.violet{color:var(--violet)}.device-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.device{padding:15px;border:1px solid rgba(126,157,219,.16);border-radius:12px;background:rgba(4,9,21,.52)}.device-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-name{font:600 .75rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.58rem;border-radius:999px;padding:4px 8px;color:var(--green);background:rgba(88,230,173,.1);border:1px solid rgba(88,230,173,.24);white-space:nowrap}.device dl{display:grid;grid-template-columns:100px 1fr;gap:8px;margin-top:13px;font-size:.67rem}.device dt{color:#6e80a2}.device dd{color:#c5d3eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-actions{display:flex;justify-content:flex-end;margin-top:15px}.danger{border:1px solid rgba(255,116,141,.35);background:rgba(255,116,141,.08);color:var(--red);border-radius:8px;padding:8px 11px;font-size:.65rem}.danger:hover{background:rgba(255,116,141,.16)}.empty{padding:31px 12px;text-align:center;border:1px dashed rgba(126,157,219,.2);border-radius:12px;color:#6f80a1;font-size:.72rem;line-height:1.8}.service-list{display:grid;gap:9px}.service-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border:1px solid rgba(126,157,219,.14);border-radius:11px;background:rgba(4,9,21,.5)}.service-info{display:flex;align-items:center;gap:10px}.service-info strong{font-size:.75rem}.service-info small{display:block;color:#68799b;font-size:.59rem;margin-top:4px}.service-row .latency{font:600 .73rem ui-monospace,Consolas,monospace;color:var(--cyan)}.online{color:var(--green);font-size:.65rem}.online .dot{margin-right:5px}.announcement{border-left:2px solid var(--cyan);padding:14px 16px;background:rgba(85,229,255,.06);border-radius:0 10px 10px 0;color:#c7d6ef;font-size:.73rem;line-height:1.7}.runtime{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.runtime div{padding:12px;border-radius:10px;background:rgba(4,9,21,.42)}.runtime small{display:block;color:#617294;font-size:.58rem;margin-bottom:5px}.runtime b{font-size:.7rem;color:#d2def6}.footer{border-top:1px solid var(--line);padding:25px 0 35px;color:#5f7091;font-size:.65rem;display:flex;justify-content:space-between}.footer a{color:#89a1ce;margin-left:14px}@media(max-width:800px){.card.half{grid-column:span 12}.device-list{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{display:block}.hero-badge{display:inline-block;margin-top:20px}}@media(max-width:520px){.shell{padding:0 17px}.topbar{height:68px}.top-actions a{display:none}.top-actions .active{display:block}.card{padding:18px}.metric-grid{grid-template-columns:1fr 1fr}.runtime{grid-template-columns:1fr}.footer{display:block}.footer a{margin:0 12px 0 0}}