*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f9f9f9}.app{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#fff;position:fixed;top:0;left:0;right:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.menu-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.menu-btn:hover{background:#f0f0f0}.logo{display:flex;align-items:center;gap:4px;text-decoration:none;color:#0f0f0f;font-size:20px;font-weight:700}.header-center{flex:1;max-width:640px;margin:0 40px}.search-box{display:flex;width:100%}.search-box input{flex:1;padding:0 16px;height:40px;border:1px solid #ccc;border-right:none;border-radius:20px 0 0 20px;font-size:16px;outline:none}.search-box input:focus{border-color:#1c62b9}.search-box button{width:64px;height:40px;border:1px solid #ccc;border-radius:0 20px 20px 0;background:#f8f8f8;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-box button:hover{background:#f0f0f0}.header-right{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#f0f0f0}.login-btn{padding:8px 16px;border:1px solid #3ea6ff;background:transparent;color:#3ea6ff;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer}.login-btn:hover{background:#e5f3ff}.sidebar{position:fixed;top:56px;left:0;width:72px;height:calc(100vh - 56px);background:#fff;padding:12px 0;overflow-y:auto;z-index:95;transition:width .2s ease,transform .2s ease}.sidebar-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0;text-decoration:none;color:#0f0f0f;font-size:10px;cursor:pointer;border-radius:10px;margin:0 8px 4px;border:none;background:transparent;width:calc(100% - 16px)}.sidebar-item:hover,.sidebar-item.router-link-active{background:#f2f2f2}.sidebar-divider{height:1px;background:#e5e5e5;margin:12px 0}.subscription-toggle{position:relative}.subscription-toggle .chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .2s}.subscription-toggle .chevron.rotated{transform:translateY(-50%) rotate(180deg)}.subscription-toggle.active{background:#f2f2f2}.subscription-channels{padding:0 8px}.no-subscribed{padding:16px 12px;text-align:center;color:#606060;font-size:13px}.no-subscribed p:first-child{margin-bottom:4px}.channel-list{display:flex;flex-direction:column;gap:4px}.channel-list:not(.expanded) .channel-item:nth-child(n+8){display:none}.channel-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;text-decoration:none;color:#0f0f0f;font-size:14px;cursor:pointer}.channel-item:hover{background:#f2f2f2}.channel-avatar{width:24px;height:24px;border-radius:50%}.channel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#606060;font-size:14px;cursor:pointer;border-radius:10px;margin-top:4px}.expand-btn:hover{background:#f2f2f2}.expand-btn svg{transition:transform .2s}.expand-btn svg.rotated{transform:rotate(180deg)}.sidebar-expanded .sidebar{width:240px}.sidebar-expanded .sidebar-item{flex-direction:row;gap:24px;padding:10px 12px;font-size:14px}.main-content{margin-left:72px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);transition:margin-left .2s ease}.sidebar-expanded .main-content{margin-left:240px}.video-page-mode .sidebar{transform:translate(-100%)}.video-page-mode.sidebar-expanded .sidebar{transform:translate(0)}.video-page-mode .main-content{margin-left:0}.video-page-mode.sidebar-expanded .main-content{margin-left:240px}@media (max-width: 1024px){.sidebar-expanded .sidebar-item{flex-direction:column;gap:6px;padding:16px 0;font-size:10px}.sidebar-expanded .channel-item{justify-content:center;padding:8px 0}}@media (max-width: 768px){.sidebar{position:fixed;top:56px;left:0;transform:translate(-100%);width:240px;height:calc(100vh - 116px)}.sidebar-expanded .sidebar{transform:translate(0)}.sidebar-expanded .sidebar-item{flex-direction:row;gap:24px;padding:10px 12px;font-size:14px}.sidebar-expanded .sidebar-item span:not(.channel-name),.sidebar-expanded .expand-btn span{display:block}.sidebar-expanded .channel-item{justify-content:flex-start;padding:8px 12px}.sidebar-expanded .channel-name,.sidebar-expanded .sidebar-section,.sidebar-expanded .sidebar-item span,.sidebar-expanded .expand-btn span{display:block}.main-content{margin-left:0!important;padding:16px}.header-center{display:none}.sidebar-expanded:before{content:"";position:fixed;top:56px;left:0;right:0;bottom:0;background:#00000080;z-index:90}}.footer-nav-ad{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fff;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,12px));box-shadow:0 -1px 10px #0000001a;z-index:100}.footer-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#0f0f0f;font-size:12px;padding:6px 12px;border-radius:8px;transition:background .2s}.footer-nav-item:hover{background:#f0f0f0}.footer-nav-item i{font-size:20px}.main-content{padding-bottom:60px}.home[data-v-fb531727]{max-width:1600px;margin:0 auto}.categories[data-v-fb531727]{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.cat-btn[data-v-fb531727]{padding:8px 16px;border:none;border-radius:8px;background:#f0f0f0;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .2s}.cat-btn[data-v-fb531727]:hover{background:#e5e5e5}.cat-btn.active[data-v-fb531727]{background:#0f0f0f;color:#fff}.video-grid[data-v-fb531727]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.video-grid[data-v-fb531727]{grid-template-columns:1fr;gap:16px}.categories[data-v-fb531727]{margin-bottom:16px}}.video-card[data-v-fb531727]{text-decoration:none;color:inherit;cursor:pointer}.thumbnail[data-v-fb531727]{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:12px}.thumbnail img[data-v-fb531727]{width:100%;height:100%;object-fit:cover}.duration[data-v-fb531727]{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:3px 6px;border-radius:4px;font-size:12px;font-weight:500}.video-info h3[data-v-fb531727]{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel[data-v-fb531727]{font-size:14px;color:#606060;margin-bottom:4px}.meta[data-v-fb531727]{font-size:14px;color:#606060;display:flex;gap:4px}.pagination[data-v-fb531727]{display:flex;justify-content:center;gap:8px;padding:20px;flex-wrap:wrap}.page-btn[data-v-fb531727]{min-width:40px;height:40px;padding:0 12px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.page-btn[data-v-fb531727]:hover{background:#e5e5e5}.page-btn.active[data-v-fb531727]{background:#0f0f0f;color:#fff}.page-btn.next[data-v-fb531727]{min-width:auto}.library-page[data-v-68a5c083]{max-width:1200px}.library-page h1[data-v-68a5c083]{font-size:24px;font-weight:600;margin-bottom:24px}.empty-state[data-v-68a5c083]{text-align:center;padding:48px;color:#606060}.empty-state p[data-v-68a5c083]:first-child{font-size:18px;margin-bottom:8px}.video-grid[data-v-68a5c083]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.video-card[data-v-68a5c083]{text-decoration:none;color:inherit}.thumbnail[data-v-68a5c083]{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:12px}.thumbnail img[data-v-68a5c083]{width:100%;height:100%;object-fit:cover}.info h3[data-v-68a5c083]{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.info p[data-v-68a5c083]{font-size:14px;color:#606060}.info .time[data-v-68a5c083]{font-size:12px;margin-top:4px}@media (max-width: 768px){.video-grid[data-v-68a5c083]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.library-page h1[data-v-68a5c083]{font-size:20px}.info h3[data-v-68a5c083]{font-size:14px}}.video-page[data-v-947e0297]{display:grid;grid-template-columns:1fr 350px;gap:24px;max-width:1600px;margin:0 auto}.loading[data-v-947e0297]{text-align:center;padding:48px;color:#606060}.ad-top-left[data-v-947e0297]{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:24px}.ad-sponsor[data-v-947e0297]{display:flex;align-items:center;gap:10px}.sponsor-logo[data-v-947e0297]{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.sponsor-logo img[data-v-947e0297]{width:100%;height:100%;object-fit:cover}.sponsor-info[data-v-947e0297]{display:flex;flex-direction:column;gap:2px}.sponsor-name[data-v-947e0297]{font-size:13px;font-weight:500;color:#fff;line-height:1}.sponsor-url[data-v-947e0297]{font-size:11px;color:#fffc;line-height:1}.ad-cta-btn[data-v-947e0297]{padding:6px 16px;background:#fff;color:#000;font-size:13px;font-weight:500;text-decoration:none;border-radius:16px;white-space:nowrap;transition:background .2s}.ad-cta-btn[data-v-947e0297]:hover{background:#e5e5e5}.ad-skip-btn[data-v-947e0297]{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.ad-skip-btn[data-v-947e0297]:hover{background:#000c}.ad-skip-btn svg[data-v-947e0297]{flex-shrink:0}.ad-countdown[data-v-947e0297]{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:18px;font-weight:600;border-radius:4px}.ad-bottom-left[data-v-947e0297]{position:absolute;bottom:60px;left:16px;display:flex;align-items:center;gap:6px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:4px;font-size:12px;color:#fff}.ad-label[data-v-947e0297]{font-weight:500}.ad-counter[data-v-947e0297]{color:#ffffffe6}@media (max-width: 768px){.preroll-ad[data-v-947e0297]{border-radius:0;margin:0 -16px 16px;width:calc(100% + 32px)}.ad-top-left[data-v-947e0297]{top:12px;left:12px;padding:6px 10px;gap:8px}.sponsor-logo[data-v-947e0297]{width:28px;height:28px}.sponsor-name[data-v-947e0297]{font-size:12px}.sponsor-url[data-v-947e0297]{font-size:10px}.ad-cta-btn[data-v-947e0297]{padding:5px 12px;font-size:12px}.ad-skip-btn[data-v-947e0297]{top:12px;right:12px;padding:6px 12px;font-size:13px}.ad-bottom-left[data-v-947e0297]{bottom:50px;left:12px;font-size:11px;padding:5px 10px}}@media (max-width: 1024px){.video-page[data-v-947e0297]{grid-template-columns:1fr}.related-videos[data-v-947e0297]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ad-grid[data-v-947e0297]{display:none}}@media (max-width: 768px){.video-page[data-v-947e0297]{gap:0;display:block;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.video-container[data-v-947e0297]{width:100%}.video-player[data-v-947e0297]{width:100%;margin-bottom:16px}.video-element[data-v-947e0297],.player-placeholder[data-v-947e0297]{border-radius:0;width:100%}.related-videos[data-v-947e0297]{grid-template-columns:1fr;padding:0 16px}.ad-grid[data-v-947e0297]{display:none!important}.video-info[data-v-947e0297]{padding:16px}.video-info h1[data-v-947e0297]{font-size:18px}.channel-info[data-v-947e0297]{flex-wrap:wrap}.subscribe-btn[data-v-947e0297]{order:-1;width:100%;margin-top:8px}.video-actions[data-v-947e0297]{gap:4px}.action-btn[data-v-947e0297]{padding:8px 10px;font-size:13px}}.video-player[data-v-947e0297]{margin-bottom:16px;position:relative}.video-element[data-v-947e0297]{width:100%;aspect-ratio:16/9;border-radius:12px;background:#000}.ad-overlay[data-v-947e0297]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.ad-overlay[data-v-947e0297]>*{pointer-events:auto}.video-element.hidden[data-v-947e0297]{display:none}.player-placeholder[data-v-947e0297]{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}@media (max-width: 768px){.video-element[data-v-947e0297],.player-placeholder[data-v-947e0297]{border-radius:0}}.player-placeholder img[data-v-947e0297]{width:100%;height:100%;object-fit:cover;opacity:.7}.play-btn[data-v-947e0297]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border:none;border-radius:50%;width:80px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.play-btn[data-v-947e0297]:hover{transform:translate(-50%,-50%) scale(1.1)}.video-info[data-v-947e0297]{padding-top:12px}.video-info h1[data-v-947e0297]{font-size:20px;font-weight:600;margin-bottom:12px}.video-meta[data-v-947e0297]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.channel-info[data-v-947e0297]{display:flex;align-items:center;gap:12px}.channel-avatar[data-v-947e0297]{width:40px;height:40px;border-radius:50%}.channel-detail h3[data-v-947e0297]{font-size:16px;font-weight:500}.channel-detail span[data-v-947e0297]{font-size:12px;color:#606060}.subscribe-btn[data-v-947e0297]{padding:8px 16px;background:#cc5454;color:#fff;border:none;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.subscribe-btn[data-v-947e0297]:hover{background:#b33a3a}.subscribe-btn.subscribed[data-v-947e0297]{background:#f0f0f0;color:#0f0f0f}.subscribe-btn.subscribed[data-v-947e0297]:hover{background:#e5e5e5}.video-stats[data-v-947e0297]{font-size:14px;color:#606060;display:flex;gap:4px}.video-actions[data-v-947e0297]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.action-btn[data-v-947e0297]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f0f0f0;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:background .2s}.action-btn[data-v-947e0297]:hover{background:#e5e5e5}.video-description[data-v-947e0297]{background:#f0f0f0;border-radius:12px;padding:12px}.description-header[data-v-947e0297]{font-size:14px;color:#606060;display:flex;gap:8px;margin-bottom:8px}.video-description p[data-v-947e0297]{font-size:14px;line-height:1.5;margin-bottom:12px}.tags[data-v-947e0297]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-947e0297]{font-size:14px;color:#065fd4;cursor:pointer}.comments-section[data-v-947e0297]{padding-top:16px}.comments-section h2[data-v-947e0297]{font-size:20px;font-weight:600;margin-bottom:24px}.comment-input[data-v-947e0297]{display:flex;gap:12px;margin-bottom:24px}.comment-input input[data-v-947e0297]{flex:1;padding:12px;border:none;border-bottom:1px solid #e5e5e5;background:transparent;font-size:14px;outline:none}.comment-list[data-v-947e0297]{display:flex;flex-direction:column;gap:16px}.comment[data-v-947e0297]{display:flex;gap:12px}.avatar[data-v-947e0297]{width:40px;height:40px;border-radius:50%}.comment-content[data-v-947e0297]{flex:1}.comment-header[data-v-947e0297]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.user[data-v-947e0297]{font-size:13px;font-weight:500}.time[data-v-947e0297]{font-size:12px;color:#606060}.comment-content p[data-v-947e0297]{font-size:14px;line-height:1.4;margin-bottom:8px}.comment-actions button[data-v-947e0297]{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:12px;color:#606060;cursor:pointer}.related-videos[data-v-947e0297]{display:flex;flex-direction:column;gap:12px;min-height:auto}.ad-grid[data-v-947e0297]{display:flex;flex-direction:column;align-items:center;gap:12px}.ad-placeholder[data-v-947e0297]{position:relative;width:300px;height:250px;border-radius:8px;overflow:hidden;display:block;text-decoration:none}.ad-image[data-v-947e0297]{width:100%;height:100%;object-fit:cover}.ad-label[data-v-947e0297]{position:absolute;top:8px;right:8px;background:#0009;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.related-card[data-v-947e0297]{display:flex;gap:8px;text-decoration:none;color:inherit}.related-thumbnail[data-v-947e0297]{position:relative;width:168px;flex-shrink:0;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.related-thumbnail img[data-v-947e0297]{width:100%;height:100%;object-fit:cover}.related-thumbnail .duration[data-v-947e0297]{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:2px 4px;border-radius:4px;font-size:12px}.related-info h4[data-v-947e0297]{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-info p[data-v-947e0297]{font-size:12px;color:#606060;line-height:1.4}.recommended-section[data-v-947e0297]{grid-column:1 / -1;margin-top:0;padding-top:0;border-top:none;max-width:1600px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box}.recommended-section h2[data-v-947e0297]{font-size:20px;font-weight:600;margin-bottom:16px}.recommended-grid[data-v-947e0297]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video-card[data-v-947e0297]{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s}.video-card[data-v-947e0297]:hover{transform:translateY(-4px)}.video-thumbnail[data-v-947e0297]{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#f0f0f0;margin-bottom:8px}.video-thumbnail img[data-v-947e0297]{width:100%;height:100%;object-fit:cover}.video-thumbnail .duration[data-v-947e0297]{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:2px 4px;border-radius:4px;font-size:12px}.video-card h3[data-v-947e0297]{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card .channel[data-v-947e0297]{font-size:12px;color:#606060;margin-bottom:2px}.video-card .stats[data-v-947e0297]{font-size:12px;color:#606060}@media (max-width: 1024px){.recommended-grid[data-v-947e0297]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.recommended-grid[data-v-947e0297]{grid-template-columns:repeat(2,1fr);gap:12px}.video-card h3[data-v-947e0297]{font-size:13px}.video-card .channel[data-v-947e0297],.video-card .stats[data-v-947e0297]{font-size:11px}}.player-bottom-ad[data-v-947e0297]{margin-top:12px;border-radius:8px;overflow:hidden}.ad-link[data-v-947e0297]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;text-decoration:none;color:inherit;transition:background .2s}.ad-link[data-v-947e0297]:hover{background:#eee}.ad-logo[data-v-947e0297]{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.ad-info[data-v-947e0297]{flex:1;display:flex;flex-direction:column;gap:2px}.ad-name[data-v-947e0297]{font-size:15px;font-weight:600;color:#0f0f0f}.ad-des[data-v-947e0297]{font-size:13px;color:#606060}.ad-btn[data-v-947e0297]{padding:8px 20px;background:#cc5454;color:#fff;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap}@media (max-width: 600px){.ad-link[data-v-947e0297]{padding:10px 12px;gap:10px}.ad-logo[data-v-947e0297]{width:40px;height:40px}.ad-name[data-v-947e0297]{font-size:14px}.ad-des[data-v-947e0297]{font-size:12px}.ad-btn[data-v-947e0297]{padding:6px 14px;font-size:13px}}.search-page[data-v-f54ce866]{max-width:1000px;margin:0 auto}.search-title[data-v-f54ce866]{font-size:24px;font-weight:600;margin-bottom:20px}.filter-tabs[data-v-f54ce866]{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid #e5e5e5;padding-bottom:16px;overflow-x:auto}.filter-btn[data-v-f54ce866]{padding:8px 16px;border:none;border-radius:8px;background:#f0f0f0;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .2s}.filter-btn[data-v-f54ce866]:hover{background:#e5e5e5}.filter-btn.active[data-v-f54ce866]{background:#0f0f0f;color:#fff}.video-list[data-v-f54ce866]{display:flex;flex-direction:column;gap:16px}.search-item[data-v-f54ce866]{display:flex;gap:16px;text-decoration:none;color:inherit;padding:12px;border-radius:12px;transition:background .2s}.search-item[data-v-f54ce866]:hover{background:#f0f0f0}.thumbnail[data-v-f54ce866]{position:relative;width:360px;flex-shrink:0;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.thumbnail img[data-v-f54ce866]{width:100%;height:100%;object-fit:cover}.duration[data-v-f54ce866]{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:3px 6px;border-radius:4px;font-size:12px;font-weight:500}.info[data-v-f54ce866]{flex:1;max-width:400px}.info h3[data-v-f54ce866]{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.views-time[data-v-f54ce866]{font-size:14px;color:#606060;display:flex;gap:4px;margin-bottom:12px}.channel[data-v-f54ce866]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.channel-avatar[data-v-f54ce866]{width:24px;height:24px;border-radius:50%}.channel span[data-v-f54ce866]{font-size:14px;color:#606060}.description[data-v-f54ce866]{font-size:14px;color:#606060;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results[data-v-f54ce866]{text-align:center;padding:48px;color:#606060}@media (max-width: 768px){.search-page[data-v-f54ce866]{padding:0}.search-title[data-v-f54ce866]{font-size:20px}.filter-tabs[data-v-f54ce866]{margin-bottom:16px;padding-bottom:12px}.search-item[data-v-f54ce866]{flex-direction:column;padding:8px}.thumbnail[data-v-f54ce866]{width:100%}.info h3[data-v-f54ce866]{font-size:16px}.description[data-v-f54ce866]{display:none}}@media (max-width: 768px){.search-item[data-v-f54ce866]{flex-direction:column}.thumbnail[data-v-f54ce866]{width:100%}.info[data-v-f54ce866]{max-width:none}}.channel-page[data-v-d2511e83]{max-width:1600px;margin:0 auto}.channel-header[data-v-d2511e83]{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #e5e5e5;margin-bottom:24px}.channel-banner-avatar[data-v-d2511e83]{width:80px;height:80px;border-radius:50%}.channel-info h1[data-v-d2511e83]{font-size:24px;font-weight:600;margin-bottom:4px}.channel-info p[data-v-d2511e83]{font-size:14px;color:#606060}.subscribe-btn[data-v-d2511e83]{margin-left:auto;padding:10px 24px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.subscribe-btn[data-v-d2511e83]{background:#cc5454;color:#fff}.subscribe-btn[data-v-d2511e83]:hover{background:#b33a3a}.subscribe-btn.subscribed[data-v-d2511e83]{background:#f0f0f0;color:#0f0f0f}.subscribe-btn.subscribed[data-v-d2511e83]:hover{background:#e5e5e5}.categories[data-v-d2511e83]{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.cat-btn[data-v-d2511e83]{padding:8px 16px;border:none;border-radius:8px;background:#f0f0f0;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .2s}.cat-btn[data-v-d2511e83]:hover{background:#e5e5e5}.cat-btn.active[data-v-d2511e83]{background:#0f0f0f;color:#fff}.video-grid[data-v-d2511e83]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.video-grid[data-v-d2511e83]{grid-template-columns:1fr;gap:16px}.channel-header[data-v-d2511e83]{flex-direction:column;text-align:center}}.video-card[data-v-d2511e83]{text-decoration:none;color:inherit;cursor:pointer}.thumbnail[data-v-d2511e83]{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:12px}.thumbnail img[data-v-d2511e83]{width:100%;height:100%;object-fit:cover}.duration[data-v-d2511e83]{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:3px 6px;border-radius:4px;font-size:12px;font-weight:500}.video-info h3[data-v-d2511e83]{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel[data-v-d2511e83]{font-size:14px;color:#606060;margin-bottom:4px}.meta[data-v-d2511e83]{font-size:14px;color:#606060;display:flex;gap:4px}.pagination[data-v-d2511e83]{display:flex;justify-content:center;gap:8px;padding:20px;flex-wrap:wrap}.page-btn[data-v-d2511e83]{min-width:40px;height:40px;padding:0 12px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.page-btn[data-v-d2511e83]:hover{background:#e5e5e5}.page-btn.active[data-v-d2511e83]{background:#0f0f0f;color:#fff}.page-btn.next[data-v-d2511e83]{min-width:auto}.loading[data-v-d2511e83]{text-align:center;padding:48px;color:#606060}