*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0f1115;--card: #191d25;--card2: #21262f;--line: #2a303b;--txt: #e8eaf0;--mut: #8a92a3;--acc: #4f8cff;--acc2: #3a6fd8;--ok: #34c77b;--bad: #ff5d5d;--r: 14px}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);font:15px/1.5 -apple-system,PingFang SC,Microsoft YaHei,sans-serif}.boot{height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--mut)}.boot-dot{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--acc);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:340px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;gap:14px;text-align:center}.login-logo{font-size:44px;color:var(--acc);line-height:1}.login-title{font-size:24px;font-weight:700;letter-spacing:2px}.login-sub{color:var(--mut);font-size:13px;margin-top:-6px}.login-err{color:var(--bad);font-size:13px}.input{background:var(--card2);border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:11px 14px;font-size:15px;outline:none;width:100%}.input:focus{border-color:var(--acc)}.btn-primary{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:12px;font-size:15px;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.45;cursor:default}.app{max-width:1280px;margin:0 auto;padding:0 14px 40px}.topbar{position:sticky;top:0;z-index:10;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:14px 2px 10px}.brand{font-size:20px;font-weight:700;letter-spacing:1px}.topbar-right{display:flex;align-items:center;gap:12px}.btn-ghost{background:none;border:1px solid var(--line);color:var(--mut);border-radius:8px;padding:5px 12px;font-size:13px;cursor:pointer}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.g{background:var(--ok)}.dot.r{background:var(--bad)}.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;background:var(--card);border:1px solid var(--line);color:var(--mut);border-radius:999px;padding:7px 18px;font-size:14px;cursor:pointer}.tab.active{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:600}.empty{text-align:center;color:var(--mut);padding:80px 0}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (min-width: 900px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:92px}.card.tap{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card.tap.on{border-color:var(--acc2);background:linear-gradient(160deg,#1b2434,var(--card))}.card.dim{opacity:.75}.card.offline{opacity:.45}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dname{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.big-state{color:var(--mut);font-size:14px;margin-top:auto}.card.tap.on .big-state{color:var(--acc)}.tag-off{color:var(--mut);font-size:12px;margin-top:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.row.col{flex-direction:column;align-items:stretch;gap:6px;cursor:default}.row.col .row-label{white-space:normal}.enum-cur{font-size:14px;color:var(--mut);display:flex;align-items:center;gap:5px}.slot{position:relative;min-width:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.slot.dragging{pointer-events:none;z-index:10;opacity:.9}.slot.dragging .card{transform:scale(1.03);border-color:var(--acc);box-shadow:0 10px 32px #0000008c}.droom{font-size:11px;color:var(--mut);font-weight:400;flex:none}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.scene-item{font-size:13px;color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 6px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgmt{background:var(--card);border-radius:16px;padding:16px;width:min(92vw,420px);max-height:84vh;overflow-y:auto}.mgmt-sec{font-size:13px;color:var(--mut);margin:14px 0 8px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.mgmt-scan{flex:none}.mgmt-scan-tip{font-size:12px;color:#8ab4ff;margin:-4px 0 8px}.mgmt-btn{position:relative}.reddot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;background:#ff5b5b;border-radius:50%}.mgmt-room{display:flex;align-items:center;gap:8px;padding:6px 0}.mgmt-roomname{flex:1;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mgmt-count{font-size:12px;color:var(--mut);flex:none}.mgmt-name{flex:1}.mgmt-mini{padding:5px 10px;font-size:12px;flex:none}.mgmt-mini.danger{color:#ff6b6b}.mgmt-filter{margin-bottom:8px}.mgmt-devs{max-height:42vh;overflow-y:auto}.mgmt-dev{padding:7px 0;border-bottom:1px solid var(--line)}.mgmt-dev:last-child{border-bottom:none}.mgmt-dev.dev-hidden{opacity:.5}.mgmt-dev-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mgmt-devname{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mgmt-select{background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:13px;width:100%;margin-top:6px}.caret{font-size:10px;opacity:.6}.row-label{font-size:14px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{width:42px;height:24px;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background .2s}.switch .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.switch.on{background:var(--acc)}.switch.on .knob{left:20px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:5px 14px;font-size:13px;cursor:pointer}.chip.active{background:var(--acc);border-color:var(--acc);color:#fff}.slider-wrap{display:flex;align-items:center;gap:8px;width:100%}.slider-wrap input[type=range]{flex:1;accent-color:var(--acc);min-width:0}.slider-val{color:var(--mut);font-size:13px;min-width:42px;text-align:right;flex:none}.ro-line{color:var(--mut);font-size:12px;border-top:1px solid var(--line);padding-top:8px;margin-top:auto;word-break:break-all}.modal-mask{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:100%;max-width:320px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}.modal-title{font-weight:700;font-size:16px;text-align:center}.modal-btns{display:flex;gap:10px}.modal-btns .btn-ghost{flex:1;padding:10px;font-size:14px}.modal-btns .btn-primary{flex:1.4}.login-ok{color:var(--ok);font-size:14px;text-align:center;padding:8px 0}