*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:#090c0e;color:#f3f4f5;font-family:Arial,Helvetica,sans-serif}
body{font-size:14px}
button,input,select{font:inherit}
button{cursor:pointer}
img{display:block}
.wrap{width:100%;max-width:1180px;min-height:100vh;margin:0 auto;background:#101416;border-left:1px solid #22292d;border-right:1px solid #22292d}
.top{background:#0c1012}
.head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 20px;border-bottom:1px solid #283035}
.brand{display:flex;align-items:center;gap:22px;min-width:0;flex:1 1 auto}
.brandName{font-size:32px;font-weight:800;line-height:1;letter-spacing:.5px;color:#fff;white-space:nowrap}
.logoBox{display:flex;align-items:center;flex:0 0 auto}
.logo{width:auto;height:58px;max-width:310px}
.headRight{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;white-space:nowrap}
.clock{font-size:14px;font-weight:700;color:#c5cbce;font-variant-numeric:tabular-nums}
.status{display:flex;align-items:center;gap:7px;height:40px;padding:0 10px;border:1px solid #394349;background:#151a1d;color:#a0a9ae;font-size:10px;font-weight:800}
.status .dot{width:8px;height:8px;border-radius:50%;background:#d09b37}
.status.on{color:#88e0a4;border-color:#26683e;background:#102218}
.status.on .dot{background:#20a95a}
.status.off{color:#ef908a;border-color:#6c2e2b;background:#251313}
.status.off .dot{background:#df5d55}
.btn{height:40px;padding:0 13px;border:1px solid #3b454b;background:#171d20;color:#d9dee1;font-size:10px;font-weight:800}
.btn:hover{background:#22292d;color:#fff}
.btn.primary{background:#c71920;border-color:#c71920;color:#fff}
.btn.primary:hover{background:#9f1319}
.btn.danger{background:#251313;border-color:#70312e;color:#ef9993}
.nav{display:flex;align-items:stretch;height:64px;background:#111619;border-bottom:4px solid #c71920}
.nav a{display:flex;align-items:center;justify-content:center;min-width:155px;padding:0 24px;border-right:1px solid #293136;text-decoration:none;color:#abb4b9;font-size:11px;font-weight:800}
.nav a{font-size:13px}.nav a:hover{background:#181e21;color:#fff}
.nav a.active{background:#1d2326;color:#fff}
.page{padding:22px 20px 26px;background:#101416}
.pageTitle{margin:0 0 7px;font-size:27px;line-height:1.15;font-weight:800;color:#fff}
.pageSub{margin:0 0 23px;color:#9ba5aa;font-size:12px;line-height:1.5}
.footer{margin:26px 20px 0;padding:14px 0 18px;border-top:1px solid #2a3237;color:#707a80;text-align:center;font-size:10px}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);opacity:0;pointer-events:none;background:#22292d;color:#fff;border:1px solid #3a444a;padding:10px 13px;font-size:11px;font-weight:800;z-index:9999}
.toast.show{opacity:1}