.error-box[data-v-36c074a9]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:#fff5f5}.error-box .iconfont[data-v-36c074a9]{font-size:36px;color:#fc5659}.error-box em[data-v-36c074a9]{font-style:normal;font-size:16px;color:#fc5659}.error-box div[data-v-36c074a9]{font-size:12px}.error-box div span[data-v-36c074a9]{color:#888}.video-core[data-v-99c3c93e]{width:100%}.video-play-wrapper[data-v-99c3c93e]{position:relative;width:100%;flex-shrink:0;z-index:10}.video-play-area[data-v-99c3c93e]{width:100%;padding-top:56.25%;position:relative;border-radius:6px;overflow:hidden;background:#000}.single-screen[data-v-99c3c93e]{position:absolute;top:0;left:0;width:100%;height:100%}.video-frame[data-v-99c3c93e]{width:100%;height:100%;border-radius:4px;overflow:hidden;position:relative}.multi-frame[data-v-99c3c93e]{border:1px solid hsla(0,0%,100%,.1)}.video-player-placeholder[data-v-99c3c93e]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#ccc;font-size:14px;background:rgba(0,0,0,.5)}.frame-label[data-v-99c3c93e]{position:absolute;top:8px;left:8px;color:#fff;font-size:12px;background:rgba(0,0,0,.5);padding:2px 6px;border-radius:3px}.video-operate-btns[data-v-99c3c93e]{display:flex;justify-content:center;gap:24px;padding:8px 0;flex-shrink:0}.operate-btn[data-v-99c3c93e]{color:#4a5568;font-size:14px;display:flex;align-items:center;gap:6px}.operate-btn[data-v-99c3c93e]:hover{color:#4299e1}.video-thumbnails-area[data-v-99c3c93e]{width:100%;display:flex;flex-direction:column;gap:8px;flex-shrink:0;height:140px}.video-thumbnails-area .thumbnails-title[data-v-99c3c93e]{font-size:14px;color:#2d3748;font-weight:500;padding-left:4px}.video-thumbnails-area .video-thumbnails-scroll[data-v-99c3c93e]{width:100%;height:calc(100% - 24px);overflow-x:auto;overflow-y:hidden;padding:4px 0}.video-thumbnails-area .video-thumbnails-scroll[data-v-99c3c93e]::-webkit-scrollbar{height:6px}.video-thumbnails-area .video-thumbnails-scroll[data-v-99c3c93e]::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.video-thumbnails-area .video-thumbnails-scroll[data-v-99c3c93e]::-webkit-scrollbar-track{background:#f8f9fa}.video-thumbnails-area .video-thumbnails-list[data-v-99c3c93e]{display:flex;gap:12px;height:100%;align-items:center}.thumbnail-item[data-v-99c3c93e]{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.8;transition:all .3s;min-width:120px}.thumbnail-item.active[data-v-99c3c93e]{opacity:1}.thumbnail-item.active .thumbnail-img[data-v-99c3c93e]{border-color:#4299e1;box-shadow:0 0 0 1px rgba(66,153,225,.5)}.thumbnail-item.selected[data-v-99c3c93e]{opacity:1}.thumbnail-item.selected .thumbnail-img[data-v-99c3c93e]{border-color:#48bb78;box-shadow:0 0 0 1px rgba(72,187,120,.5)}.thumbnail-item[data-v-99c3c93e]:hover{opacity:1}.thumbnail-item:hover .thumbnail-img[data-v-99c3c93e]{border-color:#9f7aea}.thumbnail-item .thumbnail-img[data-v-99c3c93e]{width:120px;height:67.5px;border-radius:4px;background-size:cover;background-position:50%;margin-bottom:4px;border:2px solid transparent;transition:border-color .3s,box-shadow .3s}.thumbnail-item .thumbnail-label[data-v-99c3c93e]{font-size:12px;color:#4a5568;white-space:nowrap}@media(max-width:1440px){.thumbnail-item[data-v-99c3c93e]{min-width:100px}.thumbnail-img[data-v-99c3c93e]{width:100px;height:56.25px}.screen-switch-btn[data-v-99c3c93e]{top:12px;right:12px}.screen-switch-btn .el-button[data-v-99c3c93e]{padding:4px 10px;font-size:13px}}