[data-v-d4e34e38]:root{--monitor-primary:#d4af37;--monitor-primary-light:#f4d03f;--monitor-primary-dark:#b8860b;--monitor-success:#52c41a;--monitor-warning:#faad14;--monitor-error:#f5222d;--monitor-bg:#faf8f3;--monitor-card-bg:#fff;--monitor-text:#2c2416;--monitor-text-secondary:#6b5d4d;--monitor-border:#e8e0d0;--monitor-hover:#fcf8e8;--monitor-selected:#f5e6c8;--monitor-shadow:0 2px 8px rgba(180,134,11,0.12);--monitor-shadow-lg:0 4px 16px rgba(180,134,11,0.18);--monitor-radius:12px;--monitor-radius-sm:8px}.monitor-page[data-v-d4e34e38]{background:transparent}.monitor-page[data-v-d4e34e38] .ant-card-body{padding:0}.monitor-container[data-v-d4e34e38]{padding:24px;min-height:calc(100vh - 104px)}.camera-list-container[data-v-d4e34e38]{background:var(--monitor-card-bg);border-radius:var(--monitor-radius);-webkit-box-shadow:var(--monitor-shadow);box-shadow:var(--monitor-shadow);height:calc(100vh - 152px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.camera-list-container[data-v-d4e34e38]:hover{-webkit-box-shadow:var(--monitor-shadow-lg);box-shadow:var(--monitor-shadow-lg)}.camera-list-header[data-v-d4e34e38]{padding:20px 24px;background:linear-gradient(135deg,#2c2416,#1a1510);gap:16px}.camera-list-header[data-v-d4e34e38],.header-icon-wrapper[data-v-d4e34e38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-icon-wrapper[data-v-d4e34e38]{width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:var(--monitor-radius-sm);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(10px)}.header-icon[data-v-d4e34e38]{width:28px;height:28px;color:#fff}.header-content[data-v-d4e34e38]{-webkit-box-flex:1;-ms-flex:1;flex:1}.header-title[data-v-d4e34e38]{margin:0;font-size:18px;font-weight:600;color:#fff;line-height:1.4}.header-subtitle[data-v-d4e34e38]{font-size:13px;color:hsla(0,0%,100%,.8);font-weight:400}.camera-list-content[data-v-d4e34e38]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px;background:#fff}.player-section[data-v-d4e34e38]{background:var(--monitor-card-bg);border-radius:var(--monitor-radius);-webkit-box-shadow:var(--monitor-shadow);box-shadow:var(--monitor-shadow);height:calc(100vh - 152px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.player-section[data-v-d4e34e38]:hover{-webkit-box-shadow:var(--monitor-shadow-lg);box-shadow:var(--monitor-shadow-lg)}.player-header[data-v-d4e34e38]{padding:20px 24px;background:linear-gradient(135deg,#2c2416,#1a1510);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.player-header[data-v-d4e34e38],.player-info[data-v-d4e34e38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.status-indicator[data-v-d4e34e38]{width:12px;height:12px;border-radius:50%;background:#595959;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.status-indicator.is-playing[data-v-d4e34e38]{background:#52c41a}.status-indicator.is-playing .status-dot[data-v-d4e34e38]{position:absolute;width:100%;height:100%;border-radius:50%;background:#52c41a;-webkit-animation:ripple-d4e34e38 1.5s infinite;animation:ripple-d4e34e38 1.5s infinite}@-webkit-keyframes ripple-d4e34e38{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}@keyframes ripple-d4e34e38{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}.player-title-wrapper[data-v-d4e34e38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.player-title[data-v-d4e34e38]{margin:0;font-size:16px;font-weight:600;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.player-title.placeholder[data-v-d4e34e38]{color:hsla(0,0%,100%,.6);font-weight:400}.region-name[data-v-d4e34e38]{color:hsla(0,0%,100%,.7);font-weight:400}.separator[data-v-d4e34e38]{color:hsla(0,0%,100%,.4)}.camera-name[data-v-d4e34e38]{color:#fff}.player-status[data-v-d4e34e38]{font-size:12px;color:#52c41a;font-weight:500}.query-section[data-v-d4e34e38]{padding:16px 24px;background:#f5f5f5;border-bottom:1px solid var(--monitor-border)}.playback-controls-section[data-v-d4e34e38]{padding:16px 24px;background:#fafafa;border-bottom:1px solid var(--monitor-border)}.control-group[data-v-d4e34e38]{margin-bottom:10px;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:8px}.control-group[data-v-d4e34e38]:last-child{margin-bottom:0}.player-wrapper[data-v-d4e34e38]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#000}#historyPlayer[data-v-d4e34e38]{width:100%;height:100%;min-height:400px}#historyPlayer.is-loading[data-v-d4e34e38]{opacity:.7}.player-placeholder[data-v-d4e34e38]{position:absolute;top:0;left:0;right:0;bottom:0;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;background:linear-gradient(135deg,#2c2416,#1a1510)}.placeholder-content[data-v-d4e34e38]{text-align:center;padding:40px}.placeholder-icon-wrapper[data-v-d4e34e38]{width:80px;height:80px;background:hsla(0,0%,100%,.1);border-radius:50%;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;margin:0 auto 24px;-webkit-animation:float-d4e34e38 3s ease-in-out infinite;animation:float-d4e34e38 3s ease-in-out infinite}@-webkit-keyframes float-d4e34e38{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float-d4e34e38{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.placeholder-icon[data-v-d4e34e38]{width:40px;height:40px;color:hsla(0,0%,100%,.6)}.placeholder-text[data-v-d4e34e38]{font-size:16px;color:hsla(0,0%,100%,.6);margin:0}.custom-empty[data-v-d4e34e38]{padding:40px 20px}.empty-icon-wrapper[data-v-d4e34e38]{width:64px;height:64px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:50%;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;margin:0 auto 16px}.empty-icon[data-v-d4e34e38]{width:32px;height:32px;color:#bfbfbf}@media screen and (max-width:768px){.monitor-container[data-v-d4e34e38]{padding:12px}.camera-list-container[data-v-d4e34e38],.player-section[data-v-d4e34e38]{height:auto;min-height:400px;margin-bottom:16px}.camera-list-header[data-v-d4e34e38],.player-header[data-v-d4e34e38]{padding:16px}.player-header[data-v-d4e34e38]{-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}#historyPlayer[data-v-d4e34e38]{min-height:250px}}.camera-list-content[data-v-d4e34e38]::-webkit-scrollbar{width:6px}.camera-list-content[data-v-d4e34e38]::-webkit-scrollbar-track{background:transparent}.camera-list-content[data-v-d4e34e38]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.camera-list-content[data-v-d4e34e38]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}