.dashboard-root[data-v-0c412bbc]{background-color:#0b0f19;color:#e2e8f0;min-height:100vh;padding:20px;font-family:-apple-system,sans-serif;position:relative}.header[data-v-0c412bbc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#ffffff05;padding:10px 20px;border-radius:8px}.time-filters button[data-v-0c412bbc]{background:transparent;color:#64748b;border:none;font-size:15px;padding:8px 16px;cursor:pointer;transition:all .2s;border-radius:6px}.time-filters button.active[data-v-0c412bbc]{background:#1e293b;color:#f8fafc;font-weight:700}.status-box[data-v-0c412bbc]{font-size:15px;font-weight:700;display:flex;align-items:center;gap:20px}.remote-control[data-v-0c412bbc]{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.rc-icon[data-v-0c412bbc]{font-size:16px}.rc-icon.spin[data-v-0c412bbc]{animation:spin-0c412bbc 2s linear infinite}.rc-label[data-v-0c412bbc]{font-size:14px;color:#e2e8f0;font-weight:400}.switch[data-v-0c412bbc]{position:relative;display:inline-block;width:40px;height:20px}.switch input[data-v-0c412bbc]{opacity:0;width:0;height:0}.slider[data-v-0c412bbc]{position:absolute;cursor:pointer;inset:0;background-color:#334155;transition:.4s;border-radius:34px;border:2px solid #475569}.slider[data-v-0c412bbc]:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:#94a3b8;transition:.4s;border-radius:50%}input:checked+.slider[data-v-0c412bbc]{background-color:#10b981;border-color:#059669;box-shadow:0 0 8px #10b98180}input:checked+.slider[data-v-0c412bbc]:before{transform:translate(20px);background-color:#fff}@keyframes spin-0c412bbc{to{transform:rotate(360deg)}}.report-btn[data-v-0c412bbc]{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:.3s;font-weight:700}.report-btn[data-v-0c412bbc]:hover{background:#2563eb;transform:scale(1.05)}.alarm-btn[data-v-0c412bbc]{background:#1e293b;color:#cbd5e1;border:1px solid #334155;padding:8px 16px;border-radius:6px;cursor:pointer;position:relative;transition:.3s}.alarm-btn.has-unresolved[data-v-0c412bbc]{border-color:#ef4444;color:#ef4444;animation:border-blink-0c412bbc 1.5s infinite}.badge[data-v-0c412bbc]{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;font-weight:700}@keyframes border-blink-0c412bbc{50%{box-shadow:0 0 10px #ef444480}}.online-indicator[data-v-0c412bbc]{display:flex;align-items:center;gap:8px}.dot[data-v-0c412bbc]{width:10px;height:10px;border-radius:50%}.dot.is-online[data-v-0c412bbc]{background-color:#10b981;box-shadow:0 0 10px #10b981;animation:pulse-green-0c412bbc 2s infinite}.dot.is-offline[data-v-0c412bbc]{background-color:#ef4444;box-shadow:0 0 10px #ef4444;animation:pulse-red-0c412bbc 2s infinite}.text-green[data-v-0c412bbc]{color:#10b981}.text-red[data-v-0c412bbc]{color:#ef4444}@keyframes pulse-green-0c412bbc{0%{transform:scale(.9);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}@keyframes pulse-red-0c412bbc{0%{transform:scale(.9);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.9);box-shadow:0 0 #ef444400}}.card[data-v-0c412bbc]{background-color:#151a27;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000004d;position:relative}.card h3[data-v-0c412bbc]{margin:0 0 10px;font-size:14px;color:#94a3b8;font-weight:400}.chart-title[data-v-0c412bbc]{color:#e2e8f0;font-size:16px;font-weight:700}.sub-tip[data-v-0c412bbc]{font-size:12px;color:#64748b;font-weight:400;margin-left:10px}.large-card[data-v-0c412bbc]{margin-bottom:20px}.card-header[data-v-0c412bbc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.controls-wrapper[data-v-0c412bbc]{display:flex;align-items:center}.controls button[data-v-0c412bbc]{background:#1e2433;color:#94a3b8;border:1px solid transparent;padding:6px 14px;border-radius:6px;cursor:pointer;margin-left:8px;font-size:13px}.controls button.active[data-v-0c412bbc]{background:#2563eb;color:#fff}.visual-toggle[data-v-0c412bbc]{display:inline-flex;background:#1e2433;border-radius:6px;padding:3px;margin-left:20px}.visual-toggle button[data-v-0c412bbc]{background:transparent;color:#64748b;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.visual-toggle button.active[data-v-0c412bbc]{background:#3b82f6;color:#fff}.grid-container[data-v-0c412bbc]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.aqi-header[data-v-0c412bbc]{text-align:right;margin-bottom:-10px}.update-time[data-v-0c412bbc]{font-size:12px;color:#64748b}.aqi-info[data-v-0c412bbc]{text-align:center;margin-top:-15px;display:flex;flex-direction:column;align-items:center;gap:8px}.aqi-badge[data-v-0c412bbc]{padding:4px 16px;border-radius:20px;color:#fff;font-size:16px;font-weight:700}.aqi-advice[data-v-0c412bbc]{font-size:12px;color:#94a3b8;line-height:1.4;padding:0 10px}.overview-card[data-v-0c412bbc]{display:flex;flex-direction:column;justify-content:center}.info-card[data-v-0c412bbc]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 10px}.info-card .data-display[data-v-0c412bbc]{font-size:56px;font-weight:700;transition:all .3s}.info-card .unit[data-v-0c412bbc]{font-size:18px;margin-left:2px;font-weight:400;color:#64748b}.alert-blink[data-v-0c412bbc]{animation:text-blink-0c412bbc 1s infinite alternate}@keyframes text-blink-0c412bbc{0%{opacity:1;text-shadow:0 0 15px rgba(239,68,68,.6)}to{opacity:.8;text-shadow:none}}.modal-overlay[data-v-0c412bbc]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:999}.report-modal[data-v-0c412bbc]{background:#1e2433;width:600px;border-radius:12px;padding:30px;box-shadow:0 10px 40px #00000080;border:1px solid #3b82f6}.modal-header[data-v-0c412bbc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.modal-header h2[data-v-0c412bbc]{margin:0;font-size:20px;color:#e2e8f0}.close-btn[data-v-0c412bbc]{background:transparent;border:none;color:#94a3b8;font-size:20px;cursor:pointer}.close-btn[data-v-0c412bbc]:hover{color:#ef4444}.stats-row[data-v-0c412bbc]{display:flex;justify-content:space-between;gap:15px;margin-bottom:30px}.stat-box[data-v-0c412bbc]{background:#0b0f19;padding:20px;border-radius:8px;flex:1;text-align:center;border:1px solid rgba(255,255,255,.05)}.stat-box span[data-v-0c412bbc]{display:block;color:#94a3b8;font-size:14px;margin-bottom:10px}.stat-box strong[data-v-0c412bbc]{display:block;color:#3b82f6;font-size:28px}.alert-box strong[data-v-0c412bbc]{color:#ef4444}.modal-footer[data-v-0c412bbc]{display:flex;flex-direction:column;gap:15px}.export-btn[data-v-0c412bbc]{padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s}.export-btn[data-v-0c412bbc]:hover{opacity:.9;transform:translateY(-2px)}.export-btn.excel[data-v-0c412bbc]{background:#10b981;color:#fff}.export-btn.image[data-v-0c412bbc]{background:#3b82f6;color:#fff}.export-btn.pdf[data-v-0c412bbc]{background:#8b5cf6;color:#fff}.alarm-modal[data-v-0c412bbc]{width:700px;max-height:80vh;display:flex;flex-direction:column}.alarm-list[data-v-0c412bbc]{overflow-y:auto;padding-right:10px;flex:1}.alarm-item[data-v-0c412bbc]{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:15px;border-radius:8px;margin-bottom:10px;border-left:4px solid #ef4444}.alarm-item[data-v-0c412bbc]:has(.resolved){border-left-color:#10b981;opacity:.7}.alarm-info[data-v-0c412bbc]{display:flex;flex-direction:column;gap:5px}.a-title[data-v-0c412bbc]{font-size:16px;font-weight:700;color:#e2e8f0}.a-time[data-v-0c412bbc],.a-val[data-v-0c412bbc]{font-size:12px;color:#94a3b8}.status-tag[data-v-0c412bbc]{font-size:12px;padding:4px 8px;border-radius:4px;margin-right:15px}.status-tag.pending[data-v-0c412bbc]{background:#ef444433;color:#ef4444}.status-tag.resolved[data-v-0c412bbc]{background:#10b98133;color:#10b981}.resolve-btn[data-v-0c412bbc]{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.reset-device-btn[data-v-0c412bbc]{border:none;border-radius:999px;padding:8px 14px;background:#f8717126;color:#fecaca;border:1px solid rgba(248,113,113,.35);cursor:pointer;font-size:13px;transition:all .2s ease;white-space:nowrap}.reset-device-btn[data-v-0c412bbc]:hover{background:#f8717147;color:#fff}.reset-device-btn[data-v-0c412bbc]:disabled{opacity:.6;cursor:not-allowed}.refresh-btn[data-v-0c412bbc]{border:1px solid rgba(56,189,248,.35);background:#38bdf81f;color:#bae6fd;border-radius:999px;padding:8px 14px;cursor:pointer;transition:all .2s ease;font-size:13px;white-space:nowrap}.refresh-btn[data-v-0c412bbc]:hover{background:#38bdf840;color:#fff}.sync-btn[data-v-0c412bbc]{border-color:#4ade8059;background:#22c55e1f;color:#bbf7d0}.sync-btn[data-v-0c412bbc]:hover{background:#22c55e3d}.refresh-btn[data-v-0c412bbc]:disabled{opacity:.6;cursor:not-allowed}.refresh-toast[data-v-0c412bbc]{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000059;font-size:14px;letter-spacing:.02em;animation:toastSlideDown-0c412bbc .25s ease}.refresh-toast.loading[data-v-0c412bbc]{color:#bae6fd;background:#0ea5e92e;border:1px solid rgba(56,189,248,.35)}.refresh-toast.success[data-v-0c412bbc]{color:#bbf7d0;background:#22c55e2e;border:1px solid rgba(74,222,128,.35)}.refresh-toast.error[data-v-0c412bbc]{color:#fecaca;background:#ef44442e;border:1px solid rgba(248,113,113,.35)}.toast-spinner[data-v-0c412bbc]{width:14px;height:14px;border:2px solid rgba(186,230,253,.35);border-top-color:#38bdf8;border-radius:50%;animation:toastSpin-0c412bbc .8s linear infinite}@keyframes toastSpin-0c412bbc{to{transform:rotate(360deg)}}@keyframes toastSlideDown-0c412bbc{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}html,body{margin:0;padding:0;background-color:#131722}.wrap[data-v-ffbe1302]{max-width:1100px;margin:24px auto;padding:0 16px;font-family:Arial,sans-serif}.toolbar[data-v-ffbe1302]{display:flex;align-items:center;gap:12px;margin:10px 0 14px}button[data-v-ffbe1302]{padding:6px 10px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}.hint[data-v-ffbe1302]{color:#666;font-size:12px}.tbl[data-v-ffbe1302]{width:100%;border-collapse:collapse;border:1px solid #eee}.tbl th[data-v-ffbe1302],.tbl td[data-v-ffbe1302]{padding:10px 8px;border-bottom:1px solid #eee;text-align:left}.mono[data-v-ffbe1302]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono;font-size:12px}.badge[data-v-ffbe1302]{padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid #ddd}.badge.online[data-v-ffbe1302]{border-color:#3bb273;background:#e1f3d8;color:#67c23a}.badge.offline[data-v-ffbe1302]{border-color:#d64545;background:#fde2e2;color:#f56c6c}.badge.unknown[data-v-ffbe1302]{border-color:#999;background:#f4f4f5;color:#909399}.empty[data-v-ffbe1302]{margin-top:16px;color:#666}body{margin:0;background-color:#f0f2f5;font-family:sans-serif}.dashboard-container{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 12px #0000000d}.header h2{margin:0;color:#333;font-size:20px}.subtitle{font-size:12px;color:#999;margin-left:10px}.status-tag{padding:5px 12px;border-radius:20px;font-size:13px;font-weight:700}.status-tag.connected{background:#e1f3d8;color:#67c23a}.status-tag.disconnected{background:#fde2e2;color:#f56c6c}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.card{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 12px #0000000d}.card-title{font-size:14px;color:#909399;margin-bottom:5px}.card-value{font-size:28px;font-weight:700;color:#303133}.card.pm25{border-top:3px solid #F56C6C}.card.pm10{border-top:3px solid #E6A23C}.card.temp{border-top:3px solid #409EFF}.card.hum{border-top:3px solid #67C23A}.charts-section{display:grid;grid-template-columns:1fr;gap:20px}.chart-wrapper{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #0000000d}.chart-header{font-weight:700;margin-bottom:15px;border-left:4px solid #409EFF;padding-left:10px}.chart-box{width:100%;height:320px}.toolbar{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;align-items:center;background:#fff;padding:10px;border-radius:8px}.group{display:flex;gap:5px;align-items:center;font-size:14px}button{padding:5px 10px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}button.active{background:#409eff;color:#fff;border-color:#409eff}select{padding:5px;border-radius:4px;border:1px solid #ddd}.refresh-btn{margin-left:auto}