.room-status-bar[data-v-6ae777d6]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:16px 20px;background:-webkit-gradient(linear,left top,right top,from(#f9fcff),to(#f0f5fa));background:linear-gradient(90deg,#f9fcff,#f0f5fa);border-radius:8px;margin-bottom:8px;border:1px solid #e6f0f5}.room-selector-wrapper[data-v-6ae777d6],.room-status-bar[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.room-selector-wrapper[data-v-6ae777d6]{margin-right:24px}.selector-label[data-v-6ae777d6]{font-size:15px;font-weight:600;color:#2c3e50;margin-right:12px;white-space:nowrap}.current-room-status[data-v-6ae777d6]{-ms-flex-align:center;background:#fff;padding:8px 16px;border-radius:20px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.03);box-shadow:0 2px 8px rgba(0,0,0,.03);border:1px solid #e8eef2;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:400px}.current-room-status[data-v-6ae777d6],.status-item[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.status-item[data-v-6ae777d6]{-ms-flex-align:center;white-space:nowrap;padding:0 8px}.status-label[data-v-6ae777d6]{font-size:13px;color:#8c8c8c;margin-right:6px}.status-value[data-v-6ae777d6]{font-size:14px;font-weight:600;color:#2c3e50}.status-divider[data-v-6ae777d6]{width:1px;height:20px;background:#e8eef2;margin:0 8px}.custom-card-title[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.custom-card-title span[data-v-6ae777d6]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-switch-in-title[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:16px}.switch-label[data-v-6ae777d6]{font-size:13px;color:#8c8c8c;margin-right:8px;font-weight:400}.status-in-title[data-v-6ae777d6]{font-size:13px;font-weight:400}.status-badge[data-v-6ae777d6],.status-in-title[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-badge[data-v-6ae777d6]{color:#5a6a7a}.status-divider-vertical[data-v-6ae777d6]{width:1px;height:16px;background:#d9e2e8;margin:0 12px}.monitor-card[data-v-6ae777d6]{margin-bottom:0}.camera-wrapper[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.camera-view[data-v-6ae777d6]{width:100%;height:380px;background-color:#0a1a2a;border-radius:4px;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;overflow:hidden;margin-bottom:12px}.camera-img[data-v-6ae777d6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-camera[data-v-6ae777d6]{color:#aaa;font-size:16px;text-align:center}.ptz-control-panel[data-v-6ae777d6]{background-color:#f8f9fc;border-radius:6px;padding:16px;border:1px solid #e8eef2;margin-top:4px}.ptz-title[data-v-6ae777d6]{font-size:15px;font-weight:600;color:#2c3e50;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ptz-title i[data-v-6ae777d6]{margin-right:6px;color:#1890ff}.ptz-tip[data-v-6ae777d6]{font-size:12px;font-weight:400;color:#8c8c8c;margin-left:8px}.ptz-content[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.ptz-direction[data-v-6ae777d6]{-webkit-box-flex:0;-ms-flex:0 0 140px;flex:0 0 140px;text-align:center}.direction-grid[data-v-6ae777d6]{display:inline-block;width:100%}.grid-row[data-v-6ae777d6]{margin-bottom:4px}.grid-cell[data-v-6ae777d6],.grid-row[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-cell[data-v-6ae777d6]{width:44px;height:44px}.ptz-btn[data-v-6ae777d6]{width:40px;height:40px;padding: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}.home-btn[data-v-6ae777d6]{background-color:#e6f7ff;border-color:#91d5ff}.home-btn[data-v-6ae777d6]:hover{background-color:#bae7ff;border-color:#40a9ff}.ptz-lens[data-v-6ae777d6]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px;border-left:1px dashed #d9e2e8;border-right:1px dashed #d9e2e8;padding:0 16px}.lens-item[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.lens-label[data-v-6ae777d6]{font-size:12px;color:#5a6a7a;margin-bottom:4px}.lens-buttons[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.lens-buttons button[data-v-6ae777d6]{width:36px;text-align:center}.ptz-preset[data-v-6ae777d6]{-webkit-box-flex:0;-ms-flex:0 0 160px;flex:0 0 160px}.preset-label[data-v-6ae777d6]{display:block;font-size:12px;color:#5a6a7a;margin-bottom:8px}.preset-buttons[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:12px}.preset-buttons button[data-v-6ae777d6]{width:36px}.preset-actions[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.preset-actions button[data-v-6ae777d6]{-webkit-box-flex:1;-ms-flex:1;flex:1}.metrics-scroll-container[data-v-6ae777d6]{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;white-space:nowrap}.metrics-scroll-container[data-v-6ae777d6]::-webkit-scrollbar{height:4px}.metrics-scroll-container[data-v-6ae777d6]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.metrics-scroll-container[data-v-6ae777d6]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.metrics-row[data-v-6ae777d6]{gap:16px;padding:4px 0 8px 0}.metrics-row .metric-item[data-v-6ae777d6],.metrics-row[data-v-6ae777d6]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.metrics-row .metric-item[data-v-6ae777d6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f9f9fc;border-radius:4px;padding:12px 16px;min-width:120px;border-left:2px solid #e6f7ff;-webkit-box-sizing:border-box;box-sizing:border-box}.metric-label[data-v-6ae777d6]{font-size:12px;color:#8c8c8c;margin-bottom:6px;white-space:nowrap}.metric-label i[data-v-6ae777d6]{margin-right:4px}.metric-value[data-v-6ae777d6]{font-size:16px;font-weight:600;color:#1890ff;line-height:1.3;white-space:nowrap}.scene-scroll-container[data-v-6ae777d6]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;gap:16px;padding:4px 0 8px 0;scrollbar-width:thin;white-space:nowrap;-webkit-overflow-scrolling:touch}.scene-scroll-container[data-v-6ae777d6]::-webkit-scrollbar{height:4px}.scene-scroll-container[data-v-6ae777d6]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.scene-scroll-container[data-v-6ae777d6]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.scene-card-item[data-v-6ae777d6]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border-radius:8px;padding:4px}.scene-card-item[data-v-6ae777d6]:hover{background-color:#f5f5f5}.scene-card-item.active .scene-image[data-v-6ae777d6]{border:2px solid #1890ff;-webkit-box-shadow:0 4px 12px rgba(24,144,255,.15);box-shadow:0 4px 12px rgba(24,144,255,.15)}.scene-card-item.active .scene-name[data-v-6ae777d6]{color:#1890ff;font-weight:600}.scene-image[data-v-6ae777d6]{width:80px;height:80px;border-radius:12px;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-bottom:8px;border:2px solid transparent;-webkit-transition:all .2s;transition:all .2s;background-color:#f5f7fa}.scene-name[data-v-6ae777d6]{font-size:13px;color:#595959;text-align:center;word-break:break-word;white-space:normal;line-height:1.4;max-width:100%}@media screen and (max-width:1200px){.ptz-content[data-v-6ae777d6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ptz-lens[data-v-6ae777d6]{border-left:none;border-right:none;border-top:1px dashed #d9e2e8;border-bottom:1px dashed #d9e2e8;padding:16px 0}.room-status-bar[data-v-6ae777d6]{-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}.room-selector-wrapper[data-v-6ae777d6]{margin-bottom:12px;width:100%}.current-room-status[data-v-6ae777d6]{width:100%;min-width:auto}.custom-card-title[data-v-6ae777d6]{-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}.camera-switch-in-title[data-v-6ae777d6]{margin-left:0;margin-top:8px}.status-in-title[data-v-6ae777d6]{margin-top:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:900px){.camera-view[data-v-6ae777d6]{height:240px}.metrics-row .metric-item[data-v-6ae777d6]{min-width:110px;padding:10px 12px}}@media screen and (max-width:600px){.camera-view[data-v-6ae777d6]{height:200px}.metrics-row[data-v-6ae777d6]{gap:12px}.metrics-row .metric-item[data-v-6ae777d6]{min-width:100px;padding:8px 12px}.metric-value[data-v-6ae777d6]{font-size:14px}}