.image-playback-container[data-v-3b106625]{display:flex;flex-direction:column;height:100%;background:#0a0a0a;overflow:hidden}.top-header[data-v-3b106625]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.7));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);z-index:10}.header-left[data-v-3b106625]{display:flex;align-items:center;gap:16px}.ship-info[data-v-3b106625]{display:flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:500}.ship-info i[data-v-3b106625]{color:#4fc3f7;font-size:18px}.divider[data-v-3b106625]{width:1px;height:20px;background:hsla(0,0%,100%,.2)}.image-type-badge[data-v-3b106625]{display:flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(79,195,247,.15);border:1px solid rgba(79,195,247,.3);border-radius:20px;color:#4fc3f7;font-size:13px}.header-center[data-v-3b106625]{position:absolute;left:50%;transform:translateX(-50%)}.date-display[data-v-3b106625]{color:hsla(0,0%,100%,.9);font-size:14px;letter-spacing:1px}.header-right[data-v-3b106625]{display:flex;align-items:center}.image-count-badge[data-v-3b106625]{display:flex;align-items:center;gap:6px;padding:4px 12px;background:hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.8);font-size:13px}.image-count-badge i[data-v-3b106625]{color:#81c784}.image-display-area[data-v-3b106625]{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#000}.image-container[data-v-3b106625]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.display-image[data-v-3b106625]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .3s ease}.center-play-btn[data-v-3b106625]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;cursor:pointer}.play-circle[data-v-3b106625]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(79,195,247,.9);border-radius:50%;box-shadow:0 0 40px rgba(79,195,247,.4);transition:all .3s ease}.play-circle[data-v-3b106625]:hover{transform:scale(1.1);box-shadow:0 0 60px rgba(79,195,247,.6)}.play-circle i[data-v-3b106625]{font-size:36px;color:#fff;margin-left:4px}.no-image-tip[data-v-3b106625]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.empty-icon[data-v-3b106625]{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border-radius:50%;margin-bottom:20px}.empty-icon i[data-v-3b106625]{font-size:48px;color:hsla(0,0%,100%,.2)}.empty-text[data-v-3b106625]{font-size:16px;color:hsla(0,0%,100%,.5);margin-bottom:8px}.empty-hint[data-v-3b106625]{font-size:13px;color:hsla(0,0%,100%,.3)}.loading-overlay[data-v-3b106625]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.7);z-index:8}.loading-overlay i[data-v-3b106625]{font-size:32px;color:#4fc3f7;margin-bottom:12px;-webkit-animation:spin-data-v-3b106625 1s linear infinite;animation:spin-data-v-3b106625 1s linear infinite}.loading-overlay span[data-v-3b106625]{color:hsla(0,0%,100%,.7);font-size:14px}@-webkit-keyframes spin-data-v-3b106625{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-3b106625{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.playback-controls[data-v-3b106625]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.7) 60%,transparent);padding:40px 20px 16px;opacity:0;transition:opacity .3s ease;z-index:10}.controls-visible[data-v-3b106625]{opacity:1}.progress-section[data-v-3b106625]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-bar-wrapper[data-v-3b106625]{flex:1;height:20px;display:flex;align-items:center;cursor:pointer}.progress-track[data-v-3b106625]{position:relative;width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:visible;transition:height .2s ease}.progress-bar-wrapper:hover .progress-track[data-v-3b106625]{height:6px}.progress-buffered[data-v-3b106625]{position:absolute;top:0;left:0;height:100%;background:hsla(0,0%,100%,.3);border-radius:2px;transition:width .3s ease}.progress-played[data-v-3b106625]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4fc3f7,#29b6f6);border-radius:2px;transition:width .1s ease}.progress-thumb[data-v-3b106625]{position:absolute;top:50%;width:14px;height:14px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(79,195,247,.5);opacity:0;transition:opacity .2s ease,transform .2s ease}.progress-bar-wrapper:hover .progress-thumb[data-v-3b106625]{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.time-display[data-v-3b106625]{display:flex;align-items:center;gap:6px;min-width:120px;justify-content:flex-end}.current-time[data-v-3b106625],.total-time[data-v-3b106625]{color:hsla(0,0%,100%,.9);font-size:13px;font-family:Consolas,monospace;letter-spacing:.5px}.time-separator[data-v-3b106625]{color:hsla(0,0%,100%,.4);font-size:13px}.control-bar[data-v-3b106625]{display:flex;align-items:center;justify-content:space-between}.control-left[data-v-3b106625],.control-right[data-v-3b106625]{display:flex;align-items:center;gap:8px}.control-center[data-v-3b106625]{flex:1;display:flex;justify-content:center}.ctrl-btn[data-v-3b106625]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:hsla(0,0%,100%,.9);font-size:20px;cursor:pointer;transition:all .2s ease}.ctrl-btn[data-v-3b106625]:hover{background:hsla(0,0%,100%,.1);color:#fff}.play-btn[data-v-3b106625]{width:48px;height:48px;font-size:24px}.play-btn[data-v-3b106625]:hover{background:rgba(79,195,247,.2);color:#4fc3f7}.current-image-info[data-v-3b106625]{display:flex;align-items:center;gap:8px;padding:6px 16px;background:hsla(0,0%,100%,.05);border-radius:20px}.info-label[data-v-3b106625]{color:hsla(0,0%,100%,.5);font-size:12px}.info-value[data-v-3b106625]{color:hsla(0,0%,100%,.9);font-size:13px;font-weight:500}.settings-group[data-v-3b106625]{display:flex;align-items:center;gap:8px}.mini-date[data-v-3b106625],.mini-select[data-v-3b106625]{width:140px}.ship-select[data-v-3b106625]{width:150px}.mini-date[data-v-3b106625] .el-input__inner,.mini-select[data-v-3b106625] .el-input__inner{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9);height:32px;line-height:32px;border-radius:16px;font-size:12px}.mini-date[data-v-3b106625] .el-input__inner:hover,.mini-select[data-v-3b106625] .el-input__inner:hover{border-color:rgba(79,195,247,.5)}.mini-date[data-v-3b106625] .el-input__inner:focus,.mini-select[data-v-3b106625] .el-input__inner:focus{border-color:#4fc3f7}.mini-date[data-v-3b106625] .el-input__suffix,.mini-select[data-v-3b106625] .el-input__suffix{color:hsla(0,0%,100%,.5)}.mini-date[data-v-3b106625] .el-input__icon,.mini-select[data-v-3b106625] .el-input__icon{line-height:32px}[data-v-3b106625] .dark-dropdown{background:#1a1a1a!important;border:1px solid hsla(0,0%,100%,.1)!important}[data-v-3b106625] .dark-dropdown .el-select-dropdown__item{color:hsla(0,0%,100%,.8)!important}[data-v-3b106625] .dark-dropdown .el-select-dropdown__item:hover{background:rgba(79,195,247,.1)!important}[data-v-3b106625] .dark-dropdown .el-select-dropdown__item.selected{color:#4fc3f7!important;background:rgba(79,195,247,.15)!important}[data-v-3b106625] .dark-dropdown .popper__arrow{border-bottom-color:#1a1a1a!important}[data-v-3b106625] .el-picker-panel{background:#1a1a1a!important;border:1px solid hsla(0,0%,100%,.1)!important}[data-v-3b106625] .el-picker-panel__body-wrapper{background:#1a1a1a!important}[data-v-3b106625] .el-date-table th{color:hsla(0,0%,100%,.5)!important}[data-v-3b106625] .el-date-table td{color:hsla(0,0%,100%,.8)!important}[data-v-3b106625] .el-date-table td.available:hover{color:#4fc3f7!important}[data-v-3b106625] .el-date-table td.current:not(.disabled) span{background:#4fc3f7!important;color:#fff!important}[data-v-3b106625] .el-picker-panel__icon-btn{color:hsla(0,0%,100%,.7)!important}[data-v-3b106625] .el-picker-panel__icon-btn:hover{color:#4fc3f7!important}