.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)}.el-carousel__indicators{margin-top:-66px;left:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to());background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));height:70px;padding-top:30px;position:relative}.el-carousel__button{width:4px!important;height:4px!important}.toptitle[data-v-966b2fcc]{position:absolute;top:80px}.trybutton[data-v-966b2fcc]{width:174px;margin:0 auto;margin-top:-80px}.top-navindexright[data-v-966b2fcc]{display:-webkit-box;display:-ms-flexbox;display:flex}.top-navindexleft[data-v-966b2fcc],.top-navindexright[data-v-966b2fcc]{width:40%;-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;font-size:14px;cursor:pointer}.top-navindexleft[data-v-966b2fcc]{margin-top:20px;display:block;height:30px;margin-left:30px;padding:5px 0 0 0;border-radius:15px;background:rgba(0,0,0,.3)}.top-navindex[data-v-966b2fcc]{position:fixed;top:0;left:0;width:100%;height:70px;background:rgba(0,0,0,.2);display:block;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;z-index:10}.logotopindex[data-v-966b2fcc]{width:50%}.nav-btnindex[data-v-966b2fcc]{display:block;width:30px;float:left;-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;font-size:14px;cursor:pointer}.iconindex[data-v-966b2fcc]{font-size:22px;margin-bottom:3px}html[data-v-966b2fcc]{background:#000}.block[data-v-966b2fcc]{margin-top:0;background-color:#000}.el-carousel__item[data-v-966b2fcc]{background-color:#000}.video-player-container[data-v-966b2fcc]{width:100%;height:auto;background:#000;position:relative;overflow:hidden}.video-wrapper[data-v-966b2fcc]{height:33vh;cursor:pointer}.video-element[data-v-966b2fcc]{height:84vh;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-966b2fcc]{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-966b2fcc]{background:hsla(0,0%,100%,.9);width:80px;height:80px;font-size:24px;-webkit-transition:all .3s ease;transition:all .3s ease}.play-pause-btn[data-v-966b2fcc]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background:#fff}.video-info[data-v-966b2fcc]{position:absolute;bottom:100px;left:20px;z-index:5;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.video-title[data-v-966b2fcc]{font-size:18px;margin-bottom:8px}.video-desc[data-v-966b2fcc]{font-size:14px;opacity:.9}.right-actions[data-v-966b2fcc]{position:absolute;right:20px;bottom:160px;gap:20px;z-index:5}.action-btn[data-v-966b2fcc],.right-actions[data-v-966b2fcc]{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-966b2fcc]{-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-966b2fcc]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.icon[data-v-966b2fcc]{font-size:28px;margin-bottom:5px;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.count[data-v-966b2fcc]{font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.bottom-controls[data-v-966b2fcc]{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-966b2fcc]{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-966b2fcc]:hover{background:hsla(0,0%,100%,.3)}.progress-container[data-v-966b2fcc]{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-966b2fcc]{-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-966b2fcc]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#ff4757;cursor:pointer}.volume-control[data-v-966b2fcc]{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-966b2fcc]{width:60px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.3);outline:none;cursor:pointer}.time-display[data-v-966b2fcc]{font-size:12px;color:#ccc;min-width:40px}.video-grid[data-v-966b2fcc]{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;width:100%}.video-card[data-v-966b2fcc],.video-grid[data-v-966b2fcc]{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.video-card[data-v-966b2fcc]{border-radius:2px;overflow:hidden;cursor:pointer}.video-wrapper[data-v-966b2fcc]{position:relative;width:100%;overflow:hidden}.video-element[data-v-966b2fcc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-overlayindex[data-v-966b2fcc]{position:absolute;top:14px;right:10px;width:50px;height:50px;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-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.video-info[data-v-966b2fcc]{color:#fff;margin-bottom:6px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.video-title[data-v-966b2fcc]{font-size:13px;font-weight:700;margin-bottom:3px;-webkit-line-clamp:1;text-align:center}.video-description[data-v-966b2fcc],.video-title[data-v-966b2fcc]{text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;width:100%}.video-description[data-v-966b2fcc]{font-size:10px;opacity:.9;-webkit-line-clamp:2}.try-button[data-v-966b2fcc]{-ms-flex-item-align:start;align-self:flex-start;background:-webkit-gradient(linear,left top,right bottom,from(#ff00d8),to(#fff500));background:linear-gradient(to bottom right,#ff00d8,#fff500);color:#fff;border:none;padding:10px 30px;border-radius:22px;font-size:10px;font-weight:900;cursor:pointer;-webkit-box-shadow:0 2px 6px rgba(102,126,234,.4);box-shadow:0 2px 6px rgba(102,126,234,.4);max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.play-pause-btn[data-v-966b2fcc]{position:absolute;top:6px;right:6px;background:hsla(0,0%,100%,.95);border:none;border-radius:50%;width:28px;height:28px;font-size:10px;cursor:pointer;z-index:10;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);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}.video-duration[data-v-966b2fcc]{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.8);color:#fff;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:500}.video-stats[data-v-966b2fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:6px 8px;background:#fafbfc;border-top:1px solid #f0f0f0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.stat-item[data-v-966b2fcc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;font-size:9px;color:#666;font-weight:500}.stat-icon[data-v-966b2fcc]{font-size:9px}body[data-v-966b2fcc],html[data-v-966b2fcc]{overflow-x:hidden;max-width:100%}@media (max-width:375px){.video-list-container[data-v-966b2fcc]{padding:15px 8px;overflow-x:hidden}.video-grid[data-v-966b2fcc]{gap:18px;overflow:hidden}.video-card[data-v-966b2fcc]{border-radius:6px;max-width:calc(50% - 4px)}.video-overlayindex[data-v-966b2fcc]{padding:8px}.video-title[data-v-966b2fcc]{font-size:12px}.video-description[data-v-966b2fcc]{font-size:9px}.try-button[data-v-966b2fcc]{padding:4px 8px;font-size:9px;border-radius:10px}.play-pause-btn[data-v-966b2fcc]{width:24px;height:24px;font-size:9px}}@media (min-width:376px) and (max-width:414px){.video-list-container[data-v-966b2fcc]{padding:18px 10px;overflow-x:hidden}.video-grid[data-v-966b2fcc]{gap:25px;overflow:hidden}.video-card[data-v-966b2fcc]{max-width:calc(50% - 5px)}}@media (max-width:767px){.video-list-container[data-v-966b2fcc]{overflow-x:hidden;width:100%;max-width:100vw}.video-grid[data-v-966b2fcc]{overflow:hidden;width:100%;max-width:100%}.video-card[data-v-966b2fcc]{width:100%;max-width:100%}}@media (min-width:768px){.video-list-container[data-v-966b2fcc]{padding:40px 24px;max-width:1200px}.section-title[data-v-966b2fcc]{font-size:28px;margin-bottom:32px}.video-grid[data-v-966b2fcc]{gap:25px}.video-card[data-v-966b2fcc]{border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease}.video-card[data-v-966b2fcc]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12)}.video-wrapper[data-v-966b2fcc]{aspect-ratio:16/9}.video-overlayindex[data-v-966b2fcc]{padding:16px;opacity:1}.video-title[data-v-966b2fcc]{font-size:16px;-webkit-line-clamp:2}.video-description[data-v-966b2fcc]{font-size:12px}.try-button[data-v-966b2fcc]{padding:8px 16px;font-size:12px;border-radius:16px;-webkit-transition:all .2s ease;transition:all .2s ease}.try-button[data-v-966b2fcc]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.play-pause-btn[data-v-966b2fcc]{top:12px;right:12px;width:40px;height:40px;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease}.play-pause-btn[data-v-966b2fcc]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.video-duration[data-v-966b2fcc]{bottom:12px;right:12px;padding:4px 8px;border-radius:4px;font-size:11px}.video-stats[data-v-966b2fcc]{padding:12px 16px}.stat-item[data-v-966b2fcc]{font-size:11px;gap:4px}.stat-icon[data-v-966b2fcc]{font-size:12px}}@media (min-width:1024px){.video-list-container[data-v-966b2fcc]{padding:50px 32px}.section-title[data-v-966b2fcc]{font-size:32px;margin-bottom:40px}.video-grid[data-v-966b2fcc]{gap:25px}.video-overlayindex[data-v-966b2fcc]{padding:20px}.video-title[data-v-966b2fcc]{font-size:18px}.video-description[data-v-966b2fcc]{font-size:13px}.try-button[data-v-966b2fcc]{padding:10px 20px;font-size:13px;border-radius:20px}.play-pause-btn[data-v-966b2fcc]{width:48px;height:48px;font-size:16px}}@media (max-width:768px){.bottom-controls[data-v-966b2fcc]{padding:10px;gap:10px}.video-info[data-v-966b2fcc]{bottom:80px;left:15px}.right-actions[data-v-966b2fcc]{right:15px;bottom:160px;gap:15px}.icon[data-v-966b2fcc]{font-size:24px}}