.video-player-wrapper[data-v-7e3f5d91]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-player-container[data-v-7e3f5d91]{max-height:100%;max-width:100%}.video-element[data-v-7e3f5d91]{backface-visibility:hidden;display:block;height:100%;object-fit:contain;transform:translateZ(0);width:100%;will-change:transform}.video-player-container[data-v-7e3f5d91]{background-color:#000;overflow:hidden;position:relative;transition:width .3s ease,height .3s ease}.progress-container[data-v-7e3f5d91]{background-color:#ffffff4d;border-radius:.10417vw;cursor:pointer;height:.20833vw;position:relative;transition:all .2s ease}.progress-container[data-v-7e3f5d91]:hover{background-color:#fff6;height:.3125vw}.progress-bar[data-v-7e3f5d91]{background-color:#fff;border-radius:.10417vw;height:100%;left:0;position:absolute;top:0;transition:all .2s ease}.control-buttons[data-v-7e3f5d91]{justify-content:space-between}.control-buttons[data-v-7e3f5d91],.left-controls[data-v-7e3f5d91],.loading-indicator[data-v-7e3f5d91],.right-controls[data-v-7e3f5d91]{align-items:center;display:flex}.loading-indicator[data-v-7e3f5d91]{background-color:#0006;justify-content:center;inset:0;position:absolute}.loading-spinner[data-v-7e3f5d91]{animation:spin-7e3f5d91 1s linear infinite;border:.20833vw solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:2.5vw;width:2.5vw}@keyframes spin-7e3f5d91{to{transform:rotate(1turn)}}.volume-slider[data-v-7e3f5d91]{transition:opacity .2s ease}.bottom-controls[data-v-7e3f5d91]{backdrop-filter:blur(1.5px);background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,transparent)}.play-pause-btn[data-v-7e3f5d91]:hover{opacity:.8}.time-display[data-v-7e3f5d91]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-detail[data-v-00bf69b4]{background-color:#000;color:#fff;display:flex;height:100vh;width:100%}.video-detail .video-content[data-v-00bf69b4]{align-items:center;background-color:#000;display:flex;justify-content:center}.video-detail .video-warp[data-v-00bf69b4]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.video-detail .image-section[data-v-00bf69b4]{background-color:#090909}@media screen and (max-width:768px){.bottom-fix[data-v-00bf69b4]{height:100px}.bottom-fix-content[data-v-00bf69b4]{align-items:center;background-color:#000;bottom:0;display:flex;height:100px;justify-content:space-evenly;left:0;position:fixed;width:100%}.bottom-fix-content-btn[data-v-00bf69b4]{background:linear-gradient(90deg,#aafc53,#dcea2d);border-radius:100px;color:#000;font-weight:600;width:342px}.bottom-fix-content-btn[data-v-00bf69b4],.bottom-fix-content-btns[data-v-00bf69b4]{align-items:center;display:flex;font-size:16px;height:48px;justify-content:center}.bottom-fix-content-btns[data-v-00bf69b4]{background:#303030;border-radius:60px;color:#d5d5d5;font-weight:500;width:164px}.bottom-fix-content-btns[data-v-00bf69b4]:last-child{background:linear-gradient(90deg,#1132ce,#0827d580),#fff3!important;color:#fff}.header-fix[data-v-00bf69b4]{height:44px}.header-fix-content[data-v-00bf69b4]{align-items:center;background-color:#000;display:flex;height:44px;justify-content:space-between;left:0;margin-bottom:16px;position:fixed;top:0;width:100%}.header-fix-content-left[data-v-00bf69b4]{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;margin-left:16px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-fix-content-left_icon[data-v-00bf69b4]{align-items:center;background:#1f1f1f;border-radius:4px;display:flex;height:24px;justify-content:center;margin-right:6px;width:24px}.header-fix-content-right[data-v-00bf69b4]{align-items:center;display:flex;justify-content:flex-end;margin-right:16px;max-width:35%;min-width:30%}.header-fix-content-right-icon[data-v-00bf69b4]{margin-right:20px}.header-fix-content-right-icon[data-v-00bf69b4]:last-child{margin-right:0!important}.video-warp-h[data-v-00bf69b4]{height:calc(100vh - 200px)}}@media only screen and (min-width:768px) and (max-width:1366px){.desktop-layout .title[data-v-00bf69b4]{font-size:16px!important}}@media only screen and (min-width:768px) and (max-width:1366px) and (orientation:portrait){.desktop-layout .title[data-v-00bf69b4]{max-width:240px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-panel[data-v-00bf69b4]{max-width:320px!important}.operation-section[data-v-00bf69b4]{width:320px!important}}