body{margin:0;padding:0;font-family:sans-serif}:root{--bg-color: #1a1a2e;--text-color: #333333;--secondary-text-color: #666666;--border-color: #e8e8e8;--card-bg: #fafafa}:root.theme-dark{--bg-color: #1a1a1a;--text-color: #ffffff;--secondary-text-color: #999999;--border-color: #333333;--card-bg: #2a2a2a}body{background-color:var(--bg-color);color:var(--text-color)}.app[data-v-44f819b8]{text-align:center}.app_header[data-v-44f819b8]{display:flex;justify-content:center;align-items:center;background-color:#222;color:#fff;height:60px;max-height:60px;padding:10px}.app_title[data-v-44f819b8]{display:block;font-size:1.25em}.app[data-v-034e0e77]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-034e0e77]{background:#16213e;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000004d;color:#c0d0e0}.header h1[data-v-034e0e77]{font-size:18px;font-weight:600;color:#c0d0e0}.header-right[data-v-034e0e77]{display:flex;align-items:center;gap:16px}.server-version[data-v-034e0e77]{font-size:12px;color:#5a8a9f;background:#80d4ff1a;padding:2px 10px;border-radius:10px;font-family:monospace}.frontend-version[data-v-034e0e77]{color:#8a9f5a;background:#b4ff801a}.video-balance[data-v-034e0e77]{font-size:12px;color:#c98a3a;background:#ffc4801f;padding:2px 10px;border-radius:10px;font-family:monospace}.connection-status[data-v-034e0e77]{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot[data-v-034e0e77]{width:8px;height:8px;border-radius:50%}.status-dot.connected[data-v-034e0e77]{background:#52c41a}.status-dot.connecting[data-v-034e0e77]{background:#faad14;animation:pulse-034e0e77 1s infinite}.status-dot.disconnected[data-v-034e0e77]{background:#ff4d4f}@keyframes pulse-034e0e77{0%,to{opacity:1}50%{opacity:.5}}.main[data-v-034e0e77]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-034e0e77]{width:220px;background:#16213e;border-right:1px solid #0f3460;overflow-y:auto}.nav-menu[data-v-034e0e77]{padding:16px 0}.nav-item[data-v-034e0e77]{width:100%;padding:12px 24px;text-align:left;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;font-size:14px;color:#80d4ff;transition:all .2s}.nav-item[data-v-034e0e77]:hover{background:#0f3460;color:#fff}.nav-item.active[data-v-034e0e77]{background:#0f3460;border-left-color:#80d4ff;color:#fff;font-weight:500}.nav-label[data-v-034e0e77]{display:block;padding:12px 24px;font-size:14px;color:#80d4ff;text-align:left;cursor:default;-webkit-user-select:none;user-select:none}.nav-sub-item[data-v-034e0e77]{padding-left:40px;font-size:13px}.content[data-v-034e0e77]{flex:1;padding:24px;overflow-y:auto;background:#1a1a2e}.bind-section[data-v-034e0e77]{max-width:500px;margin:0 auto}.bind-form[data-v-034e0e77]{display:flex;gap:12px;margin-bottom:16px}.bind-input[data-v-034e0e77]{flex:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.bind-message[data-v-034e0e77]{padding:8px 12px;border-radius:4px;font-size:14px}.bind-message.success[data-v-034e0e77]{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.bind-message.error[data-v-034e0e77]{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.config-panel[data-v-034e0e77]{max-width:1200px;margin:0 auto}.panel-header[data-v-034e0e77]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #1f3a5f}.device-info[data-v-034e0e77]{display:flex;align-items:center;gap:12px}.device-info h3[data-v-034e0e77]{margin:0;font-size:18px;color:#c0d0e0}.device-status[data-v-034e0e77]{padding:4px 12px;background:#f6ffed;color:#52c41a;border-radius:12px;font-size:13px}.device-status.device-offline[data-v-034e0e77]{background:#fff1f0;color:#ff4d4f}.device-status.device-checking[data-v-034e0e77]{background:#f0f0f0;color:#999}.gateway-status[data-v-034e0e77]{padding:4px 12px;border-radius:12px;font-size:13px;font-family:monospace}.gateway-running[data-v-034e0e77]{background:#f6ffed;color:#52c41a}.gateway-stopped[data-v-034e0e77]{background:#fff2f0;color:#ff4d4f}.header-actions[data-v-034e0e77]{display:flex;gap:12px}.btn[data-v-034e0e77]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-primary[data-v-034e0e77]{background:#1890ff;color:#fff}.btn-primary[data-v-034e0e77]:hover{background:#40a9ff}.btn-secondary[data-v-034e0e77]{background:#fff;border:1px solid #d9d9d9;color:#333}.btn-secondary[data-v-034e0e77]:hover{border-color:#1890ff;color:#1890ff}.btn-warning[data-v-034e0e77]{background:#faad14;color:#fff}.btn-warning[data-v-034e0e77]:hover{background:#ffc53d}.btn-warning[data-v-034e0e77]:disabled{background:#ffd591;cursor:not-allowed}.btn-danger[data-v-034e0e77]{background:#ff4d4f;color:#fff}.btn-danger[data-v-034e0e77]:hover{background:#ff7875}.alert[data-v-034e0e77]{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.alert.success[data-v-034e0e77]{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.alert.error[data-v-034e0e77]{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.menu-content[data-v-034e0e77]{background:#1a1a2e}.json-editor-container[data-v-034e0e77]{margin-top:16px}.json-actions[data-v-034e0e77]{display:flex;gap:12px;margin-bottom:12px}.json-textarea[data-v-034e0e77]{width:100%;min-height:500px;padding:16px;border:1px solid #d9d9d9;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:13px;resize:vertical}.empty-section[data-v-034e0e77]{text-align:center;padding:60px 20px;color:#999;font-size:14px}