.custom-camera-card[data-v-8122397e]{border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.custom-camera-header[data-v-8122397e]{justify-content:space-between;align-items:center;display:flex}.custom-camera-header .header-left[data-v-8122397e]{align-items:center;gap:6px;display:flex}.custom-camera-name[data-v-8122397e]{color:#fff;font-size:16px;font-weight:700}.custom-camera-badge[data-v-8122397e]{color:#fff;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.custom-camera-badge.live[data-v-8122397e]{background:#f87171}.custom-camera-badge.ha[data-v-8122397e]{background:green}.custom-camera-badge.rec[data-v-8122397e]{background:#60a5fa}.custom-camera-body[data-v-8122397e]{border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.custom-camera-viewport[data-v-8122397e]{aspect-ratio:16/9;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex}.custom-camera-viewport.with-timeline[data-v-8122397e]{aspect-ratio:16/10}.custom-play-center[data-v-8122397e]{flex-direction:column;align-items:center;gap:16px;display:flex}.custom-play-btn-solid[data-v-8122397e]{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 12px #0000004d}.custom-play-text[data-v-8122397e]{color:#ffffffe6;font-size:14px;font-weight:500}.custom-timeline-wrapper[data-v-8122397e]{background:#fff;border-radius:0 0 12px 12px;flex-direction:column;padding:16px 0 12px;display:flex}.custom-timeline-dates[data-v-8122397e]{scrollbar-width:none;cursor:grab;gap:8px;padding:0 16px 8px;display:flex;overflow-x:auto}.custom-timeline-dates[data-v-8122397e]:active{cursor:grabbing}.custom-timeline-dates[data-v-8122397e]::-webkit-scrollbar{display:none}.custom-date-pill[data-v-8122397e]{color:#64748b;-webkit-user-select:none;user-select:none;cursor:pointer;background:#f1f5f9;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:64px;padding:8px 0;font-size:12px;font-weight:500;transition:all .2s;display:flex}.custom-date-pill.active[data-v-8122397e]{color:#fff;background:#3b82f6}.custom-date-month[data-v-8122397e]{margin-bottom:2px;font-size:14px;font-weight:700}.custom-date-year[data-v-8122397e]{opacity:.8;font-size:10px}.custom-timeline-ticks[data-v-8122397e]{scrollbar-width:none;cursor:grab;padding:8px 16px 0;overflow-x:auto}.custom-timeline-ticks[data-v-8122397e]:active{cursor:grabbing}.custom-timeline-ticks[data-v-8122397e]::-webkit-scrollbar{display:none}.custom-timeline-ticks-inner[data-v-8122397e]{gap:32px;width:max-content;min-width:100%;padding-bottom:4px;display:flex;position:relative}.custom-tick-mark[data-v-8122397e]{z-index:2;flex-direction:column;align-items:center;width:32px;display:flex;position:relative}.custom-tick-time[data-v-8122397e]{color:#64748b;-webkit-user-select:none;user-select:none;margin-bottom:6px;font-size:10px}.custom-tick-line[data-v-8122397e]{background:#cbd5e1;border-radius:1px;width:2px;height:14px}.custom-tick-line.video-tick[data-v-8122397e]{background:#3b82f6}.message-card[data-v-8122397e]{border-radius:12px;flex-direction:column;margin-bottom:12px;padding:12px;display:flex}.message-info[data-v-8122397e]{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:500;line-height:1.2;overflow:hidden}.message-time[data-v-8122397e]{color:#ffffff80;font-size:11px}.priority-high[data-v-8122397e]{border-left:4px solid #ff6b6b!important}.priority-medium-high[data-v-8122397e]{border-left:4px solid #feca57!important}.priority-medium[data-v-8122397e]{border-left:4px solid #54a0ff!important}.priority-medium-low[data-v-8122397e]{border-left:4px solid #1dd1a1!important}.priority-low[data-v-8122397e]{border-left:4px solid #a29bfe!important}.web-app[data-v-573f4f48]{width:100%;min-height:100vh}@keyframes barGrow-573f4f48{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lineDraw-573f4f48{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}@keyframes dotPop-573f4f48{0%{transform:scale(0)}to{transform:scale(1)}}.stats-bar[data-v-573f4f48]{transform-origin:bottom;transform-box:fill-box;animation:1.2s cubic-bezier(.16,1,.3,1) both barGrow-573f4f48}.stats-line[data-v-573f4f48]{stroke-dasharray:400;stroke-dashoffset:400px;animation:2s cubic-bezier(.16,1,.3,1) .6s both lineDraw-573f4f48}.stats-dot[data-v-573f4f48]{transform-origin:50%;transform-box:fill-box;animation:.5s cubic-bezier(.34,1.56,.64,1) both dotPop-573f4f48}@keyframes cameraPan-573f4f48{0%,to{transform:translate(0)}40%,60%{transform:translate(-40px)}}@keyframes ptzBtnPress-573f4f48{0%,to{fill:#fff0;transform:scale(1)}40%,60%{fill:#fff3;transform:scale(.9)}}@keyframes ptzArrowPress-573f4f48{0%,to{stroke:#ffffffe6;filter:drop-shadow(0 0 #3b82f6)}40%,60%{stroke:#60a5fa;filter:drop-shadow(0 0 3px #60a5fa)}}@keyframes liveDot-573f4f48{0%,to{opacity:.3}50%{opacity:1}}.anim-camera-pan[data-v-573f4f48]{animation:6s ease-in-out infinite cameraPan-573f4f48}.anim-ptz-btn-right[data-v-573f4f48]{transform-origin:313px 187px;transform-box:fill-box;animation:6s ease-in-out infinite ptzBtnPress-573f4f48}.anim-ptz-arrow-right[data-v-573f4f48]{transform-origin:313px 187px;transform-box:fill-box;animation:6s ease-in-out infinite ptzArrowPress-573f4f48}.anim-live-dot[data-v-573f4f48]{animation:1.5s infinite liveDot-573f4f48}@keyframes acOverlayOpacity-573f4f48{0%,25%,52%,75%,to{opacity:0;visibility:hidden}29%,48%,79%,96%{opacity:1;visibility:visible}}@keyframes acPopupScale-573f4f48{0%,25%,52%,75%,to{opacity:0;visibility:hidden;transform:translateY(10px)}29%,48%,79%,96%{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes acPopupPlusPress-573f4f48{0%,12%,18%,to{transform:scale(1)}15%{transform:scale(.88)}}@keyframes acPopupPlusCircle-573f4f48{0%,12%,18%,to{fill:#f8fafc}15%{fill:#e2e8f0}}@keyframes acPopupCoolBtn-573f4f48{0%,35%,92.5%,to{fill:#3b82f6;stroke:#3b82f6}38%,90%{fill:#f8fafc;stroke:#e2e8f0}}@keyframes acPopupHeatBtn-573f4f48{0%,40%,87.5%,to{fill:#f8fafc;stroke:#e2e8f0}42.5%,85%{fill:#f97316;stroke:#f97316}}@keyframes acPopupAutoBtn-573f4f48{0%,32.5%,45%,to{fill:#f8fafc;stroke:#e2e8f0}35%,42.5%{fill:#a855f7;stroke:#a855f7}}@keyframes acPopupDryBtn-573f4f48{0%,82.5%,95%,to{fill:#f8fafc;stroke:#e2e8f0}85%,92.5%{fill:#10b981;stroke:#10b981}}@keyframes acPopupCoolBtnIco-573f4f48{0%,35%,92.5%,to{stroke:#fff}38%,90%{stroke:#334155}}@keyframes acPopupHeatBtnIco-573f4f48{0%,40%,87.5%,to{stroke:#334155}42.5%,85%{stroke:#fff}}@keyframes acPopupAutoBtnIco-573f4f48{0%,32.5%,45%,to{stroke:#334155}35%,42.5%{stroke:#fff}}@keyframes acPopupDryBtnIco-573f4f48{0%,82.5%,95%,to{stroke:#334155}85%,92.5%{stroke:#fff}}@keyframes acPopupCoolBtnTxt-573f4f48{0%,35%,92.5%,to{fill:#fff}38%,90%{fill:#334155}}@keyframes acPopupHeatBtnTxt-573f4f48{0%,40%,87.5%,to{fill:#334155}42.5%,85%{fill:#fff}}@keyframes acPopupAutoBtnTxt-573f4f48{0%,32.5%,45%,to{fill:#334155}35%,42.5%{fill:#fff}}@keyframes acPopupDryBtnTxt-573f4f48{0%,82.5%,95%,to{fill:#334155}85%,92.5%{fill:#fff}}@keyframes acPopupCoolBtnPress-573f4f48{0%,91.5%,94.5%,to{transform:translateY(0)}93%{transform:translateY(1px)}}@keyframes acPopupHeatBtnPress-573f4f48{0%,41.5%,44.5%,to{transform:translateY(0)}43%{transform:translateY(1px)}}@keyframes acPopupAutoBtnPress-573f4f48{0%,34%,37%,to{transform:translateY(0)}35.5%{transform:translateY(1px)}}@keyframes acPopupDryBtnPress-573f4f48{0%,84%,87%,to{transform:translateY(0)}85.5%{transform:translateY(1px)}}@keyframes acPopupTempCool-573f4f48{0%,35%,92.5%,to{opacity:1;visibility:visible}38%,90%{opacity:0;visibility:hidden}}@keyframes acPopupTempAuto-573f4f48{0%,32.5%,45%,to{opacity:0;visibility:hidden}35%,42.5%{opacity:1;visibility:visible}}@keyframes acPopupTempHeat-573f4f48{0%,40%,87.5%,to{opacity:0;visibility:hidden}42.5%,85%{opacity:1;visibility:visible}}@keyframes acPopupTempDry-573f4f48{0%,82.5%,95%,to{opacity:0;visibility:hidden}85%,92.5%{opacity:1;visibility:visible}}@keyframes acMockCardBgGlow-573f4f48{0%,48%,to{fill:#3b82f68c;stroke:#3b82f6a6}52%,96%{fill:#f973167a;stroke:#f97316a6}}@keyframes acMockCardIconCircle-573f4f48{0%,48%,to{fill:#fff3;stroke:#3b82f633}52%,96%{fill:#fff3;stroke:#f9731633}}@keyframes acMockCardCoolOpacity-573f4f48{0%,48%,to{opacity:1;visibility:visible}52%,96%{opacity:0;visibility:hidden}}@keyframes acMockCardHeatOpacity-573f4f48{0%,48%,to{opacity:0;visibility:hidden}52%,96%{opacity:1;visibility:visible}}.ac-overlay[data-v-573f4f48]{animation:12s ease-in-out infinite acOverlayOpacity-573f4f48}.ac-popup-scale[data-v-573f4f48]{transform-origin:140px 92.5px;animation:12s cubic-bezier(.34,1.56,.64,1) infinite acPopupScale-573f4f48}svg text[data-v-573f4f48]{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft YaHei,sans-serif!important}.ac-popup-plus-btn[data-v-573f4f48]{transform-box:fill-box;transform-origin:50%;animation:12s ease-in-out infinite acPopupPlusPress-573f4f48}.ac-popup-plus-circle[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupPlusCircle-573f4f48}.ac-popup-cool-btn[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupCoolBtn-573f4f48}.ac-popup-cool-btn-ico[data-v-573f4f48]{fill:none;animation:12s ease-in-out infinite acPopupCoolBtnIco-573f4f48}.ac-popup-cool-btn-txt[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupCoolBtnTxt-573f4f48;stroke:none!important}.ac-popup-heat-btn[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupHeatBtn-573f4f48}.ac-popup-heat-btn-ico[data-v-573f4f48]{fill:none;animation:12s ease-in-out infinite acPopupHeatBtnIco-573f4f48}.ac-popup-heat-btn-txt[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupHeatBtnTxt-573f4f48;stroke:none!important}.ac-popup-auto-btn[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupAutoBtn-573f4f48}.ac-popup-auto-btn-ico[data-v-573f4f48]{fill:none;animation:12s ease-in-out infinite acPopupAutoBtnIco-573f4f48}.ac-popup-auto-btn-txt[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupAutoBtnTxt-573f4f48;stroke:none!important}.ac-popup-dry-btn[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupDryBtn-573f4f48}.ac-popup-dry-btn-ico[data-v-573f4f48]{fill:none;animation:12s ease-in-out infinite acPopupDryBtnIco-573f4f48}.ac-popup-dry-btn-txt[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupDryBtnTxt-573f4f48;stroke:none!important}.ac-popup-cool-btn-group[data-v-573f4f48]{transform-box:fill-box;transform-origin:50%;animation:12s ease-in-out infinite acPopupCoolBtnPress-573f4f48}.ac-popup-heat-btn-group[data-v-573f4f48]{transform-box:fill-box;transform-origin:50%;animation:12s ease-in-out infinite acPopupHeatBtnPress-573f4f48}.ac-popup-auto-btn-group[data-v-573f4f48]{transform-box:fill-box;transform-origin:50%;animation:12s ease-in-out infinite acPopupAutoBtnPress-573f4f48}.ac-popup-dry-btn-group[data-v-573f4f48]{transform-box:fill-box;transform-origin:50%;animation:12s ease-in-out infinite acPopupDryBtnPress-573f4f48}.ac-popup-temp-cool[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupTempCool-573f4f48}.ac-popup-temp-auto[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupTempAuto-573f4f48}.ac-popup-temp-heat[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupTempHeat-573f4f48}.ac-popup-temp-dry[data-v-573f4f48]{animation:12s ease-in-out infinite acPopupTempDry-573f4f48}.ac-mock-card-bg[data-v-573f4f48]{-webkit-backdrop-filter:blur(30px)saturate(1.2)brightness(1.05);animation:12s ease-in-out infinite acMockCardBgGlow-573f4f48}.ac-mock-card-icon-circle[data-v-573f4f48]{animation:12s ease-in-out infinite acMockCardIconCircle-573f4f48}.ac-mock-card-cool-el[data-v-573f4f48]{animation:12s ease-in-out infinite acMockCardCoolOpacity-573f4f48}.ac-mock-card-heat-el[data-v-573f4f48]{animation:12s ease-in-out infinite acMockCardHeatOpacity-573f4f48}