.video-player-wrapper[data-v-023d74ae]{background:#000;border-radius:8px;overflow:hidden}.video-container[data-v-023d74ae],.video-player-wrapper[data-v-023d74ae]{position:relative;width:100%;height:100%}.video-container video[data-v-023d74ae]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer}.video-controls[data-v-023d74ae]{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.video-controls.show[data-v-023d74ae]{opacity:1}.play-button[data-v-023d74ae]{color:#fff;font-size:24px;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.play-button[data-v-023d74ae]:hover{color:#409eff}.progress-container[data-v-023d74ae]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.progress-bar[data-v-023d74ae]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;position:relative}.progress-played[data-v-023d74ae]{height:100%;background:#409eff;border-radius:2px;-webkit-transition:width .1s ease;transition:width .1s ease}.progress-thumb[data-v-023d74ae]{position:absolute;top:50%;width:12px;height:12px;background:#409eff;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.progress-bar:hover .progress-thumb[data-v-023d74ae]{opacity:1}.time-info[data-v-023d74ae]{color:#fff;font-size:14px;white-space:nowrap}.volume-control[data-v-023d74ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.volume-control i[data-v-023d74ae]{color:#fff;font-size:18px;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.volume-control i[data-v-023d74ae]:hover{color:#409eff}.volume-slider[data-v-023d74ae]{width:60px;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;position:relative}.volume-bar[data-v-023d74ae]{height:100%;background:#409eff;border-radius:2px;-webkit-transition:width .1s ease;transition:width .1s ease}.control-buttons[data-v-023d74ae]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.control-buttons i[data-v-023d74ae]{color:#fff;font-size:18px;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.control-buttons i[data-v-023d74ae]:hover{color:#409eff}.video-loading[data-v-023d74ae]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;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;gap:10px;font-size:16px}.video-loading i[data-v-023d74ae]{font-size:32px;-webkit-animation:spin-023d74ae 1s linear infinite;animation:spin-023d74ae 1s linear infinite}@-webkit-keyframes spin-023d74ae{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-023d74ae{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.play-indicator[data-v-023d74ae]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(0,0,0,.8);border-radius:50%;width:80px;height:80px;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;color:#fff;font-size:32px;pointer-events:none;-webkit-animation:fadeInOut-023d74ae 1s ease-in-out;animation:fadeInOut-023d74ae 1s ease-in-out}@-webkit-keyframes fadeInOut-023d74ae{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}}@keyframes fadeInOut-023d74ae{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}}.settings-panel[data-v-023d74ae]{padding:10px 0}.setting-item[data-v-023d74ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;font-size:14px}.setting-item .el-select[data-v-023d74ae]{width:80px}.video-player-wrapper[data-v-023d74ae]:-webkit-full-screen{border-radius:0}.video-player-wrapper[data-v-023d74ae]:-ms-fullscreen{border-radius:0}.video-player-wrapper[data-v-023d74ae]:fullscreen{border-radius:0}.video-player-wrapper:-webkit-full-screen .video-controls[data-v-023d74ae]{padding:30px}.video-player-wrapper:-ms-fullscreen .video-controls[data-v-023d74ae]{padding:30px}.video-player-wrapper:fullscreen .video-controls[data-v-023d74ae]{padding:30px}@media (max-width:768px){.video-controls[data-v-023d74ae]{padding:15px;gap:10px}.play-button[data-v-023d74ae]{font-size:20px}.volume-control[data-v-023d74ae]{display:none}.control-buttons[data-v-023d74ae]{gap:10px}.time-info[data-v-023d74ae]{font-size:12px}}