.video-container[data-v-353614b7]{width:100%;height:100vh;background:#000;position:relative;overflow:hidden}.video-container:hover .video-controls[data-v-353614b7]{opacity:1}.video-player[data-v-353614b7]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-controls[data-v-353614b7]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:20px 20px 10px;opacity:0;transition:opacity .3s}.video-controls.visible[data-v-353614b7]{opacity:1}.progress-bar[data-v-353614b7]{width:100%;height:5px;background:rgba(255,255,255,.3);border-radius:3px;cursor:pointer;position:relative;margin-bottom:10px}.progress-bar[data-v-353614b7]:hover{height:8px}.progress-bar:hover .progress-thumb[data-v-353614b7]{width:16px;height:16px}.progress-buffered[data-v-353614b7]{position:absolute;top:0;left:0;height:100%;background:rgba(255,255,255,.5);border-radius:3px}.progress-played[data-v-353614b7]{position:absolute;top:0;left:0;height:100%;background:#1890ff;border-radius:3px}.progress-thumb[data-v-353614b7]{position:absolute;top:50%;width:14px;height:14px;background:#1890ff;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:width .2s,height .2s}.progress-thumb[data-v-353614b7]:active{cursor:grabbing}.controls-bottom[data-v-353614b7]{display:flex;justify-content:space-between;align-items:center}.controls-left[data-v-353614b7],.controls-right[data-v-353614b7]{display:flex;align-items:center;gap:10px}.control-btn[data-v-353614b7]{background:none;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.control-btn[data-v-353614b7]:hover{transform:scale(1.1)}.volume-control[data-v-353614b7]{display:flex;align-items:center;gap:5px}.volume-slider[data-v-353614b7]{width:80px}.volume-slider input[type=range][data-v-353614b7]{width:100%;height:4px;-webkit-appearance:none;background:rgba(255,255,255,.3);border-radius:2px;outline:none}.volume-slider input[type=range][data-v-353614b7]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-slider input[type=range][data-v-353614b7]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.time-display[data-v-353614b7]{color:#fff;font-size:14px;margin-left:10px}.settings-panel[data-v-353614b7]{position:absolute;bottom:80px;right:20px;background:rgba(0,0,0,.9);border-radius:8px;padding:10px 0;min-width:180px}.settings-item[data-v-353614b7]{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#fff;cursor:pointer;transition:background .2s}.settings-item[data-v-353614b7]:hover{background:rgba(255,255,255,.1)}.settings-item svg[data-v-353614b7]{flex-shrink:0}.settings-item span[data-v-353614b7]{flex:1}.speed-select[data-v-353614b7]{background:rgba(255,255,255,.2);border:none;color:#fff;padding:2px 5px;border-radius:3px;cursor:pointer}.speed-select option[data-v-353614b7]{background:#333;color:#fff}@media screen and (max-width: 768px){.video-controls[data-v-353614b7]{opacity:1;padding:12px 12px 8px}.controls-bottom[data-v-353614b7]{flex-wrap:wrap;gap:8px}.volume-slider[data-v-353614b7]{width:56px}.time-display[data-v-353614b7]{font-size:12px;margin-left:4px}.settings-panel[data-v-353614b7]{right:12px;bottom:72px;min-width:160px}}