.top-nav{position:fixed;top:0;left:0;width:100%;height:70px;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;z-index:10}.logotop{width:50%}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#000;-ms-flex-pack:distribute;justify-content:space-around;color:#fff;z-index:10}.bottom-nav,.nav-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px;cursor:pointer}.icon{font-size:22px;margin-bottom:3px}.add-btn{background:linear-gradient(45deg,#f0c,#fc0);border-radius:50%;width:55px;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;color:#fff;-webkit-box-shadow:0 0 10px hsla(0,0%,100%,.3);box-shadow:0 0 10px hsla(0,0%,100%,.3)}.video-player-container[data-v-78480bd6]{margin-top:69px;width:100%;height:82vh;background:#000;position:relative;overflow:hidden}.video-wrapper[data-v-78480bd6]{width:100%;height:90vh;position:relative;overflow:hidden;cursor:pointer}.video-element[data-v-78480bd6]{width:100%;height:84vh;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.play-pause-overlay[data-v-78480bd6]{position:absolute;top:0;left:0;width:100%;height:100%;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;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);z-index:10}.play-pause-btn[data-v-78480bd6]{background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:80px;height:80px;font-size:24px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.play-pause-btn[data-v-78480bd6]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background:#fff}.video-info[data-v-78480bd6]{position:absolute;bottom:100px;left:20px;color:#fff;z-index:5;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.video-title[data-v-78480bd6]{font-size:18px;font-weight:700;margin-bottom:8px}.video-desc[data-v-78480bd6]{font-size:14px;opacity:.9}.right-actions[data-v-78480bd6]{position:absolute;right:20px;bottom:160px;gap:20px;z-index:5}.action-btn[data-v-78480bd6],.right-actions[data-v-78480bd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.action-btn[data-v-78480bd6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.action-btn[data-v-78480bd6]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.icon[data-v-78480bd6]{font-size:28px;margin-bottom:5px;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.count[data-v-78480bd6]{font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.bottom-controls[data-v-78480bd6]{position:absolute;bottom:0;left:0;width:100%;padding:15px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.7)));background:linear-gradient(transparent,rgba(0,0,0,.7));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;z-index:10}.control-btn[data-v-78480bd6]{background:hsla(0,0%,100%,.2);border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;-webkit-transition:background .3s ease;transition:background .3s ease}.control-btn[data-v-78480bd6]:hover{background:hsla(0,0%,100%,.3)}.progress-container[data-v-78480bd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.progress-bar[data-v-78480bd6]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:4px;border-radius:2px;background:hsla(0,0%,100%,.3);outline:none;cursor:pointer}.progress-bar[data-v-78480bd6]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#ff4757;cursor:pointer}.volume-control[data-v-78480bd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.volume-bar[data-v-78480bd6]{width:60px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.3);outline:none;cursor:pointer}.time-display[data-v-78480bd6]{font-size:12px;color:#ccc;min-width:40px}@media (max-width:768px){.bottom-controls[data-v-78480bd6]{padding:10px;gap:10px}.video-info[data-v-78480bd6]{bottom:80px;left:15px}.right-actions[data-v-78480bd6]{right:15px;bottom:160px;gap:15px}.icon[data-v-78480bd6]{font-size:24px}}