*{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:900}.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-list-container[data-v-1fd44b4b]{max-width:100%;margin:0 auto;padding:20px 12px;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:40px}.section-title[data-v-1fd44b4b]{text-align:center;font-size:20px;font-weight:700;margin-bottom:20px;color:#1a1a1a;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 8px}.video-grid[data-v-1fd44b4b]{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;width:100%}.video-card[data-v-1fd44b4b],.video-grid[data-v-1fd44b4b]{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.video-card[data-v-1fd44b4b]{border-radius:2px;cursor:pointer}.video-wrapper[data-v-1fd44b4b]{position:relative;width:100%;overflow:hidden}.video-element[data-v-1fd44b4b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-overlay[data-v-1fd44b4b]{position:absolute;top:-4px;left:0;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(),to());background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 60%,rgba(0,0,0,.7));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}.video-info[data-v-1fd44b4b],.video-overlay[data-v-1fd44b4b]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.video-info[data-v-1fd44b4b]{color:#fff;margin-bottom:6px}.video-title[data-v-1fd44b4b]{font-size:13px;font-weight:700;margin-bottom:3px;-webkit-line-clamp:1;text-align:center}.video-description[data-v-1fd44b4b],.video-title[data-v-1fd44b4b]{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-1fd44b4b]{font-size:10px;opacity:.9;-webkit-line-clamp:2}.try-button[data-v-1fd44b4b]{-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-1fd44b4b]{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-1fd44b4b]{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-1fd44b4b]{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-1fd44b4b]{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-1fd44b4b]{font-size:9px}body[data-v-1fd44b4b],html[data-v-1fd44b4b]{overflow-x:hidden;max-width:100%}@media (max-width:375px){.video-list-container[data-v-1fd44b4b]{padding:15px 8px;overflow-x:hidden}.video-grid[data-v-1fd44b4b]{gap:18px;overflow:hidden}.video-card[data-v-1fd44b4b]{border-radius:6px;max-width:calc(50% - 4px)}.video-overlay[data-v-1fd44b4b]{padding:8px}.video-title[data-v-1fd44b4b]{font-size:12px}.video-description[data-v-1fd44b4b]{font-size:9px}.try-button[data-v-1fd44b4b]{padding:4px 8px;font-size:9px;border-radius:10px}.play-pause-btn[data-v-1fd44b4b]{width:24px;height:24px;font-size:9px}}@media (min-width:376px) and (max-width:414px){.video-list-container[data-v-1fd44b4b]{padding:18px 10px;overflow-x:hidden}.video-grid[data-v-1fd44b4b]{gap:25px;overflow:hidden}.video-card[data-v-1fd44b4b]{max-width:calc(50% - 5px)}}@media (max-width:767px){.video-list-container[data-v-1fd44b4b]{overflow-x:hidden;width:100%;max-width:100vw}.video-grid[data-v-1fd44b4b]{overflow:hidden;width:100%;max-width:100%}.video-card[data-v-1fd44b4b]{width:100%;max-width:100%}}@media (min-width:768px){.video-list-container[data-v-1fd44b4b]{padding:40px 24px;max-width:1200px}.section-title[data-v-1fd44b4b]{font-size:28px;margin-bottom:32px}.video-grid[data-v-1fd44b4b]{gap:25px}.video-card[data-v-1fd44b4b]{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-1fd44b4b]: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-1fd44b4b]{aspect-ratio:16/9}.video-overlay[data-v-1fd44b4b]{padding:16px;opacity:1}.video-title[data-v-1fd44b4b]{font-size:16px;-webkit-line-clamp:2}.video-description[data-v-1fd44b4b]{font-size:12px}.try-button[data-v-1fd44b4b]{padding:8px 16px;font-size:12px;border-radius:16px;-webkit-transition:all .2s ease;transition:all .2s ease}.try-button[data-v-1fd44b4b]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.play-pause-btn[data-v-1fd44b4b]{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-1fd44b4b]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.video-duration[data-v-1fd44b4b]{bottom:12px;right:12px;padding:4px 8px;border-radius:4px;font-size:11px}.video-stats[data-v-1fd44b4b]{padding:12px 16px}.stat-item[data-v-1fd44b4b]{font-size:11px;gap:4px}.stat-icon[data-v-1fd44b4b]{font-size:12px}}@media (min-width:1024px){.video-list-container[data-v-1fd44b4b]{padding:50px 32px}.section-title[data-v-1fd44b4b]{font-size:32px;margin-bottom:40px}.video-grid[data-v-1fd44b4b]{gap:25px}.video-overlay[data-v-1fd44b4b]{padding:20px}.video-title[data-v-1fd44b4b]{font-size:18px}.video-description[data-v-1fd44b4b]{font-size:13px}.try-button[data-v-1fd44b4b]{padding:10px 20px;font-size:13px;border-radius:20px}.play-pause-btn[data-v-1fd44b4b]{width:48px;height:48px;font-size:16px}}.top-nav[data-v-1fd44b4b]{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[data-v-1fd44b4b]{width:50%}.nav-btn[data-v-1fd44b4b]{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-align:center;-ms-flex-align:center;align-items:center;font-size:14px;cursor:pointer}.icon[data-v-1fd44b4b]{font-size:22px;margin-bottom:3px}