.container[data-v-050197a1]{max-width:480px;margin:0 auto;padding:16px;background:#0f172a;min-height:100vh}.header[data-v-050197a1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1[data-v-050197a1]{font-size:18px;font-weight:600;color:#f1f5f9}.header-status[data-v-050197a1]{display:flex;align-items:center;gap:6px}.status-dot[data-v-050197a1]{width:8px;height:8px;border-radius:50%;background:#ef4444}.status-dot.connected[data-v-050197a1]{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-text[data-v-050197a1]{font-size:12px;color:#94a3b8}.refresh-bar[data-v-050197a1]{margin-bottom:12px}.btn-refresh[data-v-050197a1]{width:100%;padding:12px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;font-size:14px;cursor:pointer}.btn-refresh[data-v-050197a1]:hover:not(:disabled){background:#334155}.btn-refresh[data-v-050197a1]:disabled{opacity:.5;cursor:not-allowed}.sensor-row[data-v-050197a1]{display:flex;gap:12px;margin-bottom:16px}.sensor-card[data-v-050197a1]{flex:1;background:#1e293b;border-radius:12px;padding:16px;text-align:center;border:1px solid #334155}.sensor-label[data-v-050197a1]{display:block;font-size:12px;color:#64748b;margin-bottom:6px}.sensor-value-wrap[data-v-050197a1]{display:flex;align-items:baseline;justify-content:center;gap:2px}.sensor-value[data-v-050197a1]{font-size:32px;font-weight:600}.sensor-card.temperature .sensor-value[data-v-050197a1]{color:#f97316}.sensor-card.humidity .sensor-value[data-v-050197a1]{color:#3b82f6}.sensor-unit[data-v-050197a1]{font-size:14px;color:#94a3b8}.status-indicators[data-v-050197a1]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.indicator[data-v-050197a1]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1e293b;border-radius:20px;font-size:12px;color:#64748b;border:1px solid #334155}.indicator-dot[data-v-050197a1]{width:6px;height:6px;border-radius:50%;background:#475569}.indicator.active[data-v-050197a1]{color:#22c55e;border-color:#22c55e}.indicator.active .indicator-dot[data-v-050197a1]{background:#22c55e;box-shadow:0 0 4px #22c55e}.indicator.danger[data-v-050197a1]{color:#ef4444;border-color:#ef4444}.indicator.danger .indicator-dot[data-v-050197a1]{background:#ef4444}.section[data-v-050197a1]{background:#1e293b;border-radius:12px;padding:14px;margin-bottom:12px;border:1px solid #334155}.section h2[data-v-050197a1]{font-size:14px;font-weight:500;color:#94a3b8;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.fan-level[data-v-050197a1]{font-size:12px;color:#64748b;font-weight:400}.fan-grid[data-v-050197a1]{display:flex;gap:10px}.fan-card[data-v-050197a1]{flex:1;background:#0f172a;border-radius:10px;padding:12px 8px;text-align:center;border:1px solid #334155;display:flex;flex-direction:column;align-items:center;gap:6px}.fan-card.on[data-v-050197a1]{border-color:#22c55e;background:#22c55e0d}.fan-name[data-v-050197a1]{font-size:11px;color:#64748b}.fan-status[data-v-050197a1]{font-size:16px;font-weight:600;color:#ef4444}.fan-card.on .fan-status[data-v-050197a1]{color:#22c55e}.fan-toggle[data-v-050197a1]{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:11px;cursor:pointer}.fan-toggle[data-v-050197a1]:hover:not(:disabled){background:#334155}.fan-toggle.on[data-v-050197a1]{background:#22c55e;border-color:#22c55e;color:#fff}.fan-toggle[data-v-050197a1]:disabled{opacity:.4;cursor:not-allowed}.mode-hint[data-v-050197a1]{font-size:11px;color:#64748b;text-align:center;margin-top:8px}.wc-display[data-v-050197a1]{display:flex;justify-content:space-between;align-items:center}.wc-main[data-v-050197a1]{display:flex;flex-direction:column;gap:4px}.wc-status[data-v-050197a1]{display:flex;align-items:center;gap:8px}.wc-dot[data-v-050197a1]{width:10px;height:10px;border-radius:50%;background:#475569}.wc-status.on .wc-dot[data-v-050197a1]{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.wc-text[data-v-050197a1]{font-size:16px;font-weight:600;color:#94a3b8}.wc-status.on .wc-text[data-v-050197a1]{color:#3b82f6}.wc-phase[data-v-050197a1]{font-size:12px;color:#64748b}.wc-toggle[data-v-050197a1]{padding:10px 20px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#94a3b8;font-size:13px;cursor:pointer}.wc-toggle[data-v-050197a1]:hover:not(:disabled){background:#334155}.wc-toggle.on[data-v-050197a1]{background:#3b82f6;border-color:#3b82f6;color:#fff}.wc-toggle[data-v-050197a1]:disabled{opacity:.4;cursor:not-allowed}.alarm-current[data-v-050197a1]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0f172a;border-radius:8px;border:1px solid #22c55e}.alarm-current.danger[data-v-050197a1]{border-color:#ef4444}.alarm-label[data-v-050197a1]{font-size:12px;color:#64748b}.alarm-value[data-v-050197a1]{font-size:14px;font-weight:500;color:#22c55e}.alarm-current.danger .alarm-value[data-v-050197a1]{color:#ef4444}.alarm-detail[data-v-050197a1]{font-size:12px;color:#64748b;margin-top:8px;padding:8px 12px;background:#0f172a;border-radius:6px}.alarm-count[data-v-050197a1]{font-size:12px;color:#64748b;margin-top:8px}.param-header[data-v-050197a1]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.param-header h2[data-v-050197a1]{margin:0}.expand-icon[data-v-050197a1]{font-size:12px;color:#64748b}.param-content[data-v-050197a1]{margin-top:14px}.param-card[data-v-050197a1]{background:#0f172a;border-radius:10px;padding:14px;margin-bottom:12px;border:1px solid #334155}.param-card-title[data-v-050197a1]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#e2e8f0;margin-bottom:12px}.param-icon[data-v-050197a1]{font-size:16px}.param-grid-full[data-v-050197a1]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.param-item[data-v-050197a1]{display:flex;flex-direction:column;gap:4px}.param-item label[data-v-050197a1]{font-size:11px;color:#64748b}.input-with-unit[data-v-050197a1]{display:flex;align-items:center;background:#1e293b;border:1px solid #334155;border-radius:6px;overflow:hidden}.input-with-unit input[data-v-050197a1]{flex:1;background:transparent;border:none;padding:8px 10px;color:#e2e8f0;font-size:14px;min-height:36px;width:100%}.input-with-unit input[data-v-050197a1]:focus{outline:none}.input-with-unit .unit[data-v-050197a1]{padding:8px 10px;background:#334155;color:#94a3b8;font-size:12px;border-left:1px solid #475569}.temp-range-visual[data-v-050197a1]{background:#1e293b;border-radius:8px;padding:12px;margin-bottom:12px}.temp-bar[data-v-050197a1]{height:8px;background:linear-gradient(to right,#3b82f6,#22c55e,#f97316);border-radius:4px;margin-bottom:8px;position:relative}.temp-bar[data-v-050197a1]:after{content:"";position:absolute;top:-4px;left:var(--temp-pos, 50%);width:16px;height:16px;background:#fff;border-radius:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006;border:2px solid #f97316}.temp-labels[data-v-050197a1]{display:flex;justify-content:space-between;font-size:11px;color:#64748b}.temp-labels .current-temp[data-v-050197a1]{color:#f97316;font-weight:600}.wc-cycle-hint[data-v-050197a1]{margin-top:10px;padding:8px 12px;background:#1e293b;border-radius:6px;font-size:11px;color:#94a3b8;text-align:center}.alarm-card .param-card-title[data-v-050197a1]{color:#ef4444}.alarm-range-display[data-v-050197a1]{display:flex;justify-content:space-between;margin-top:10px;padding:8px 12px;background:#1e293b;border-radius:6px;font-size:10px}.alarm-range-display .alarm-low[data-v-050197a1]{color:#3b82f6}.alarm-range-display .alarm-safe[data-v-050197a1]{color:#22c55e}.alarm-range-display .alarm-high[data-v-050197a1]{color:#ef4444}.param-actions[data-v-050197a1]{display:flex;gap:10px;margin-top:14px}.btn-cancel[data-v-050197a1],.btn-save[data-v-050197a1]{flex:1;padding:12px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;min-height:44px}.btn-cancel[data-v-050197a1]{background:#334155;color:#94a3b8}.btn-save[data-v-050197a1]{background:#3b82f6;color:#fff}.btn-save[data-v-050197a1]:hover:not(:disabled){background:#2563eb}.btn-save[data-v-050197a1]:disabled{opacity:.5;cursor:not-allowed}.footer[data-v-050197a1]{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid #1e293b;color:#475569;font-size:11px}