.sound-light-control[data-v-d3015aa8]{min-height:100vh;background:radial-gradient(ellipse at top,#1a1f2e,#0d1117);color:#e6edf3;padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.sticky-header[data-v-d3015aa8]{position:sticky;top:0;z-index:100;margin-bottom:8px;padding-bottom:16px;background:rgba(13,17,23,.82);border-bottom:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(12px)}.control-header[data-v-d3015aa8]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}.control-header[data-v-d3015aa8],.header-left[data-v-d3015aa8]{gap:16px}.control-header[data-v-d3015aa8],.header-icon[data-v-d3015aa8],.header-left[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-icon[data-v-d3015aa8]{width:56px;height:56px;border-radius:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#ff4d4f,#ff7875);-webkit-box-shadow:0 0 20px rgba(255,77,79,.4);box-shadow:0 0 20px rgba(255,77,79,.4);font-size:28px;color:#fff}.header-title h1[data-v-d3015aa8]{margin:0;font-size:26px;font-weight:700;color:#fff;line-height:1.2}.header-title .header-sub[data-v-d3015aa8]{margin:4px 0 0;font-size:13px;color:#8b949e;letter-spacing:.5px}.header-controls[data-v-d3015aa8],.header-right[data-v-d3015aa8]{gap:12px}.header-controls[data-v-d3015aa8],.header-right[data-v-d3015aa8],.volume-control[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.volume-control[data-v-d3015aa8]{gap:10px;padding:6px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px}.volume-icon[data-v-d3015aa8]{font-size:18px;color:#ff7875}.volume-label[data-v-d3015aa8]{font-size:13px;color:#e6edf3;white-space:nowrap}.volume-slider[data-v-d3015aa8]{width:150px}.volume-slider[data-v-d3015aa8] .ant-slider-rail{background:hsla(0,0%,100%,.15)}.volume-slider[data-v-d3015aa8] .ant-slider-track{background:#ff7875}.volume-slider[data-v-d3015aa8] .ant-slider-handle{border-color:#ff7875;background:#ff4d4f}.volume-slider[data-v-d3015aa8] .ant-slider-step{background:transparent}.volume-presets[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.volume-preset-btn[data-v-d3015aa8]{min-width:32px;height:28px;padding:0 6px;font-size:12px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#e6edf3}.volume-preset-btn[data-v-d3015aa8]:hover{background:hsla(0,0%,100%,.14);color:#fff}.volume-preset-btn.active[data-v-d3015aa8]{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.volume-preset-btn.active[data-v-d3015aa8]:hover{background:#ff5a5c;border-color:#ff5a5c}.search-refresh-group[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.search-input[data-v-d3015aa8]{width:220px;background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1);color:#fff}.search-input[data-v-d3015aa8] .ant-input{background:transparent;color:#fff}.search-input[data-v-d3015aa8] .ant-input::-webkit-input-placeholder{color:#8b949e}.search-input[data-v-d3015aa8] .ant-input::-moz-placeholder{color:#8b949e}.search-input[data-v-d3015aa8] .ant-input:-ms-input-placeholder{color:#8b949e}.search-input[data-v-d3015aa8] .ant-input::-ms-input-placeholder{color:#8b949e}.search-input[data-v-d3015aa8] .ant-input::placeholder{color:#8b949e}.search-input[data-v-d3015aa8] .ant-input-suffix .anticon{color:#8b949e}.header-btn[data-v-d3015aa8]{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:#e6edf3}.header-btn[data-v-d3015aa8]:hover{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.2);color:#fff}.collapse-btn[data-v-d3015aa8]{display:none;background:rgba(24,144,255,.12);border-color:rgba(24,144,255,.35);color:#58a6ff}.collapse-btn[data-v-d3015aa8]:hover{background:rgba(24,144,255,.2);color:#8cbfff}.device-grid[data-v-d3015aa8]{padding-bottom:24px}.device-card[data-v-d3015aa8]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:20px;backdrop-filter:blur(10px);-webkit-transition:-webkit-transform .25s,-webkit-box-shadow .25s;transition:-webkit-transform .25s,-webkit-box-shadow .25s;transition:transform .25s,box-shadow .25s;transition:transform .25s,box-shadow .25s,-webkit-transform .25s,-webkit-box-shadow .25s;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.device-card[data-v-d3015aa8]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 32px rgba(0,0,0,.28);box-shadow:0 12px 32px rgba(0,0,0,.28);border-color:hsla(0,0%,100%,.14)}.card-header[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:16px}.device-status[data-v-d3015aa8] .ant-badge-status-dot{width:10px;height:10px;-webkit-box-shadow:0 0 8px rgba(82,196,26,.6);box-shadow:0 0 8px rgba(82,196,26,.6)}.device-name[data-v-d3015aa8]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:18px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-type[data-v-d3015aa8]{font-size:12px}.card-body[data-v-d3015aa8]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:20px}.info-row[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.info-row[data-v-d3015aa8]:last-child{border-bottom:none}.info-label[data-v-d3015aa8]{font-size:13px;color:#8b949e}.info-value[data-v-d3015aa8]{font-size:13px;color:#e6edf3;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.info-value.topic[data-v-d3015aa8]{font-family:Courier New,monospace;color:#58a6ff}.card-actions[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.action-btn[data-v-d3015aa8]{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 5px);flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);height:auto;min-height:36px;border-radius:8px;font-size:13px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;border:none;-webkit-transition:-webkit-transform .15s,-webkit-box-shadow .15s;transition:-webkit-transform .15s,-webkit-box-shadow .15s;transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s,-webkit-transform .15s,-webkit-box-shadow .15s}.action-btn[data-v-d3015aa8]:active{-webkit-transform:scale(.97);transform:scale(.97)}.music-btn[data-v-d3015aa8]{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;-webkit-box-shadow:0 2px 8px rgba(255,77,79,.3);box-shadow:0 2px 8px rgba(255,77,79,.3)}.music-btn[data-v-d3015aa8]:hover{background:linear-gradient(135deg,#ff5a5c,#ff8582);-webkit-box-shadow:0 4px 12px rgba(255,77,79,.45);box-shadow:0 4px 12px rgba(255,77,79,.45)}.music-btn[data-v-d3015aa8] .anticon{font-size:14px}.stop-btn[data-v-d3015aa8]{background:hsla(0,0%,100%,.1);color:#e6edf3;border:1px solid hsla(0,0%,100%,.16)}.stop-btn[data-v-d3015aa8]:hover{background:hsla(0,0%,100%,.16);color:#fff}.empty-state[data-v-d3015aa8]{text-align:center;padding:80px 20px;color:#8b949e}.empty-icon[data-v-d3015aa8]{font-size:64px;margin-bottom:16px;color:hsla(0,0%,100%,.15)}.empty-text[data-v-d3015aa8]{font-size:16px;margin-bottom:24px}@media (max-width:768px){.sound-light-control[data-v-d3015aa8]{padding:16px}.control-header[data-v-d3015aa8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.header-right[data-v-d3015aa8]{width:100%}.header-right .volume-control[data-v-d3015aa8]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.header-right .volume-control .volume-slider[data-v-d3015aa8]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto}.header-right .search-refresh-group[data-v-d3015aa8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%}.header-right .search-refresh-group .search-input[data-v-d3015aa8]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto}.header-right .search-refresh-group .header-btn[data-v-d3015aa8]{-ms-flex-negative:0;flex-shrink:0}.header-title h1[data-v-d3015aa8]{font-size:20px}.collapse-btn[data-v-d3015aa8]{display:block}}