.controls[data-v-70dc16b2]{display:flex;align-items:center;gap:10px;padding:10px;background-color:rgba(0,0,0,.7);color:#fff;position:fixed;left:0;bottom:0;height:10px;width:100%}.control-btn[data-v-70dc16b2]{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:5px;transition:color .2s}.control-btn[data-v-70dc16b2]:hover{color:#00b4ff}.progress-container[data-v-70dc16b2]{flex-grow:1;height:8px;background-color:hsla(0,0%,100%,.3);border-radius:4px;position:relative;cursor:pointer}.progress-filled[data-v-70dc16b2]{height:100%;background-color:#00b4ff;border-radius:4px;transition:width .1s linear}.progress-handle[data-v-70dc16b2]{position:absolute;top:50%;width:16px;height:16px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px rgba(0,0,0,.5);transition:all .1s ease}.progress-handle[data-v-70dc16b2]:hover{transform:translate(-50%,-50%) scale(1.2)}.time-display[data-v-70dc16b2]{font-size:14px;min-width:80px;text-align:center}.video-player-container[data-v-b82e40e8]{position:relative;width:100vw;height:100vh;background-color:#000}.video-detail-title[data-v-b82e40e8]{position:absolute;bottom:20px;left:20px;color:#fff}.video-player[data-v-b82e40e8]{width:100%;height:100%}.video-player-cover[data-v-b82e40e8]{width:100%;height:calc(100% - 30px);display:block;cursor:pointer;transition:.5s;position:relative}