*{box-sizing:border-box}body{color:#17352e;background:#f3f7f5;margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}.app-shell{min-height:100vh}.topbar{padding:22px max(20px,env(safe-area-inset-left));background:#fff;justify-content:space-between;align-items:center;display:flex}.topbar small,.eyebrow{color:#6b8a82;letter-spacing:1.5px}.topbar h1{margin:4px 0 0;font-size:24px}.auth-wrap{background:linear-gradient(155deg,#0f5e4b 0,#1e8068 40%,#eef6f2 40%);min-height:100vh;padding:34px 20px}.brand{color:#fff;max-width:440px;margin:0 auto 34px}.brand-icon{font-size:44px}.brand h1{margin:8px 0;font-size:30px}.brand p{opacity:.8}.auth-card{background:#fff;border-radius:24px;max-width:440px;margin:auto;padding:24px;box-shadow:0 20px 60px #07382a33}.auth-form{margin-top:22px}.captcha{gap:10px;width:100%;display:flex}.captcha img{object-fit:cover;border-radius:8px;width:120px;height:40px}.full{width:100%}.content{max-width:760px;margin:auto;padding:20px}.hero{justify-content:space-between;align-items:center;margin:10px 0 22px;display:flex}.hero strong{font-size:40px;display:block}.device-list{gap:16px;display:grid}.device-card{cursor:pointer;background:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 30px #174b3c12}.device-head{justify-content:space-between;display:flex}.status-dot{background:#9ca3af;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.status-dot.online{background:#16a36a;box-shadow:0 0 0 5px #16a36a18}.device-card h2{letter-spacing:.5px;font-size:16px}.device-card p{color:#789088;margin:15px 0 0;font-size:12px}.metrics,.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metrics div,.metric-grid div{background:#f4f8f6;border-radius:14px;padding:12px}.metrics small,.metrics strong,.metric-grid small,.metric-grid strong{display:block}.metrics strong,.metric-grid strong{margin-top:5px}.detail{max-width:720px;margin:auto;padding:22px}.detail-title{justify-content:space-between;display:flex}.detail-title h2{font-size:17px}.metric-grid{grid-template-columns:repeat(2,1fr)}.detail h3{margin:24px 0 12px}.state-row{flex-wrap:wrap;gap:8px;display:flex}.state-row span{background:#eef4f1;border-radius:999px;padding:8px 12px}.control-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.control-grid .el-button{height:46px;margin:0}.unbind{width:100%;margin-top:22px}.debug-fab{right:18px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:3000;color:#fff;background:#172f2a;border:0;border-radius:50%;width:58px;height:58px;font-weight:700;position:fixed;box-shadow:0 8px 25px #06171355}.debug-panel{right:14px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:2999;color:#d8eee8;background:#10231f;border:1px solid #31544b;border-radius:16px;width:min(560px,100vw - 28px);max-height:68vh;position:fixed;overflow:auto;box-shadow:0 18px 60px #0007}.debug-head{z-index:1;background:#172f2a;border-bottom:1px solid #31544b;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.debug-head small{color:#8fb0a7;margin-top:3px;display:block}.debug-head .el-button{color:#b8d4cc}.debug-tabs{background:#132824;gap:8px;padding:10px 16px;display:flex}.debug-tabs button{color:#9ec4ba;background:#1f3b35;border:0;border-radius:999px;padding:6px 12px}.debug-tabs button.on{color:#fff;background:#2f8f73}.debug-item{border-bottom:1px solid #29473f;padding:13px 16px}.debug-item>div{align-items:center;gap:9px;display:flex}.debug-item time{color:#789b92;margin-left:auto;font-size:11px}.debug-item small{color:#8fb0a7;margin:6px 0 10px;display:block}.hex-row{justify-content:space-between;align-items:center;display:flex}.hex-row label,.debug-item label{color:#6fa995;font-size:11px}.hex-row button{color:#9be7cc;background:0 0;border:0;font-size:12px}.debug-item code,.access-box pre{color:#b9f6df;word-break:break-all;white-space:pre-wrap;-webkit-user-select:all;user-select:all;background:#091713;border-radius:8px;padding:9px;font-size:11px;line-height:1.55;display:block}.debug-item .ok{color:#67dc9d}.debug-item .bad{color:#ff8a8a}.parse{color:#8fb0a7;margin:8px 0 0;font-size:11px}.access-box{padding:0 16px 16px}.access-box .hex-row{margin:8px 0}@media (width>=720px){.device-list{grid-template-columns:repeat(2,1fr)}}