:root{--palette-blue-900:#02030a;--palette-blue-800:#050a1f;--palette-blue-700:#0d1b45;--palette-blue-600:#1a3a8e;--palette-blue-500:#4a6fd4;--palette-blue-400:#00e5ff;--palette-blue-300:#b3f5ff;--palette-blue-200:#e0f7ff;--palette-purple-600:#651fff;--palette-purple-500:#7c4dff;--palette-purple-400:#b388ff;--palette-pink-500:#ff3d71;--palette-pink-400:#ff6b9d;--palette-green-500:#0f8;--palette-green-400:#69f0ae;--palette-yellow-500:#ffeb3b;--palette-yellow-400:#fff59d;--palette-red-500:#ff1744;--palette-red-400:#ff5252;--palette-dark-950:#02030a;--palette-dark-900:#050714;--palette-dark-850:#0a0a12;--palette-dark-800:#0c1229;--palette-dark-700:#0f1425;--palette-dark-600:#162038;--palette-dark-500:#1d2a4a;--palette-dark-400:#24355c;--palette-dark-300:#2d4170;--palette-white-100:#fff;--palette-white-80:#fffc;--palette-white-55:#ffffff8c;--palette-white-40:#fff6;--palette-white-30:#ffffff4d;--palette-white-22:#ffffff38;--palette-white-15:#ffffff26;--palette-white-10:#ffffff1a;--palette-white-06:#ffffff0f;--palette-white-03:#ffffff08;--palette-white-02:#ffffff05;--palette-white-01:#ffffff03;--spacing-xxs:2px;--spacing-xs:3px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:48px;--space-1:var(--spacing-xxs);--space-2:var(--spacing-xs);--space-3:var(--spacing-sm);--space-4:var(--spacing-md);--space-5:var(--spacing-lg);--space-6:var(--spacing-xl);--space-7:var(--spacing-xxl);--space-8:var(--spacing-xxxl);--space-xs:var(--spacing-xs);--space-sm:var(--spacing-sm);--space-md:var(--spacing-md);--space-lg:var(--spacing-lg);--space-xl:var(--spacing-xl);--space-xxl:var(--spacing-xxl);--space-element:var(--spacing-xs);--space-component:var(--spacing-sm);--space-group:var(--spacing-md);--space-section:var(--spacing-lg);--space-layout:var(--spacing-xl);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-xxl:28px;--radius-full:9999px;--border-radius:var(--radius-md);--border-radius-lg:var(--radius-lg);--border-radius-xl:var(--radius-xl);--font-size-xs:clamp(10px, 2.8vw, 11px);--font-size-sm:clamp(11px, 3.2vw, 12px);--font-size-md:clamp(12px, 3.5vw, 13px);--font-size-lg:clamp(13px, 3.8vw, 14px);--font-size-xl:clamp(15px, 4.2vw, 16px);--font-size-2xl:clamp(17px, 4.8vw, 18px);--font-size-3xl:clamp(20px, 5.5vw, 20px);--font-size-4xl:clamp(24px, 6vw, 24px);--font-xs:var(--font-size-xs);--font-sm:var(--font-size-sm);--font-md:var(--font-size-md);--font-lg:var(--font-size-lg);--font-xl:var(--font-size-xl);--font-2xl:var(--font-size-2xl);--font-3xl:var(--font-size-3xl);--font-4xl:var(--font-size-4xl);--line-height-xs:1.3;--line-height-sm:1.4;--line-height-md:1.5;--line-height-lg:1.4;--line-height-xl:1.3;--font-h1:var(--font-size-4xl);--font-h2:var(--font-size-3xl);--font-h3:var(--font-size-2xl);--font-h4:var(--font-size-xl);--font-h5:var(--font-size-lg);--font-h6:var(--font-size-md);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-heading:var(--font-family-base);--font-family-mono:"SF Mono", Monaco, "Cascadia Code", Consolas, monospace;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-slower:.5s ease;--transition-timing:cubic-bezier(.4, 0, .2, 1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--navbar-height:56px;--tabbar-height:50px;--btn-height:44px;--btn-height-sm:36px;--btn-height-lg:52px;--input-height:44px;--bp-xs:360px;--bp-sm:375px;--bp-md:414px;--bp-lg:480px;--bp-xl:768px;--bp-xxl:1024px;--compact-mode:0}html[data-compact-mode="1"]{--spacing-scale:.75;--space-element:calc(var(--spacing-xs) * var(--spacing-scale));--space-component:calc(var(--spacing-sm) * var(--spacing-scale));--space-group:calc(var(--spacing-md) * var(--spacing-scale));--space-section:calc(var(--spacing-lg) * var(--spacing-scale))}html[data-theme=dark-blue]{--gradient-brand:var(--gradient-primary);--gradient-multi:var(--gradient-vibrant)}html[data-theme=dark-base],html[data-theme=dark-blue],html[data-theme=prism],html[data-theme=netflix-red],html[data-theme=youtube-gradient],html[data-theme=bilibili-pink],html[data-theme=hulu-green],html[data-theme=hbomax-purple],html[data-theme=displus-blue],html[data-theme=appletv-minimal],html[data-theme=prime-blue],html[data-theme=peacock-colorful],html[data-theme=tencent-orange],html[data-theme=iqiyi-green]{--primary-darker:#140a10;--primary-color:#5a1830;--primary-dark:var(--primary-darker);--primary-light:var(--primary-dark);--primary-lighter:var(--primary-light);--primary:var(--primary-color);--secondary-color:#00e5ff;--secondary-light:#1af5ff;--secondary-dark:#00d0dd;--accent-color:#ff2040;--accent-light:#ff4d6a;--accent-dark:#cc1030;--accent-hover:#ff3a50;--accent-active:#cc1530;--accent-glow:#ff204080;--bg-accent-light:#ff20401a;--bg-accent-medium:#ff204033;--profile-header-bg:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);--vip-card-bg:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-dark) 100%);--vip-icon-bg:#fff3;--vip-btn-bg:var(--accent-color);--shadow-sm:0 1px 6px #00000073, 0 0 10px #ff20401a;--shadow-md:0 4px 16px #00000080, 0 0 20px #ff20401f;--shadow-lg:0 8px 24px #0000008c, 0 0 30px #ff204026;--shadow-xl:0 12px 36px #0000008c, 0 0 40px #ff20402e;--shadow-glow:0 0 20px #ff20404d;--shadow-accent-sm:0 4px 12px #ff204026;--shadow-accent-md:0 6px 16px #ff204033;--shadow-modal:0 20px 80px #000c;--shadow-modal-top:0 -10px 60px #000c;--shadow-card:0 2px 12px #00000080, 0 0 20px #ff204026;--shadow-focus:0 0 0 2px #ff204033;--background-color:#221835;--background-secondary:#2a2040;--background-tertiary:#3a2850;--bg-page:var(--primary-darker,#140a10);--bg-card:#ffffff08;--bg-primary:var(--background-color);--bg-secondary:var(--background-secondary);--bg-tertiary:var(--background-tertiary);--bg-elevated:#3a2850;--bg-overlay:#140a10d9;--bg-card-solid:var(--background-color);--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-placeholder:#ffffff59;--text-disabled:#fff3;--text-white:#fff;--border-color:#ffffff1a;--border-color-lighter:#ffffff0f;--border-light:#ffffff0f;--border-medium:#ffffff26;--border-strong:#ffffff40;--border-accent:#ff2040;--input-bg:var(--bg-secondary);--input-border:var(--border-medium);--input-border-hover:var(--secondary-color);--input-focus-shadow:0 0 0 2px #ff204026;--success-color:#10b981;--success-light:#34d399;--success-dark:#059669;--warning-color:#f59e0b;--warning-light:#fbbf24;--warning-dark:#d97706;--danger-color:#ef4444;--danger-light:#f87171;--danger-dark:#dc2626;--error-color:#ef4444;--info-color:#3b82f6;--info-light:#60a5fa;--info-dark:#2563eb;--gradient-primary:linear-gradient(135deg, #5a1830 0%, #b33868 100%);--gradient-secondary:linear-gradient(180deg, #00e5ff 0%, #ff2040 100%);--gradient-soft:linear-gradient(135deg, #5a1830 0%, #b3386866 100%);--gradient-vibrant:linear-gradient(135deg, #5a1830 0%, #ff2040 50%, #00e5ff 100%);--gradient-ocean:linear-gradient(180deg, #5a1830 0%, #00e5ff 50%, #ff2040 100%);--gradient-sky:linear-gradient(90deg, #00e5ff 0%, #ff2040 100%);--color-brand:#5a1830;--color-highlight:#ff2040;--color-interactive:#00e5ff;--gradient-brand:linear-gradient(135deg, #5a1830 0%, #00e5ff 100%);--gradient-multi:linear-gradient(135deg, #5a1830 0%, #ff2040 50%, #00e5ff 100%);--tabbar-active-color:#ff2040}html[data-theme=light],html[data-theme=sage-warm]{--primary-color:#506080;--primary-light:#6a7080;--primary-lighter:#858898;--primary-dark:#404860;--accent-color:#4090ff;--accent-light:#5aa0ff;--accent-dark:#3070dd;--box-shadow-glow:0 0 15px #4090ff40, 0 0 30px #4090ff26;--shadow-glow:0 0 15px #4090ff40, 0 0 30px #4090ff26;--shadow-glow-strong:0 0 20px #4090ff59, 0 0 40px #4090ff40, 0 0 60px #4090ff26;--shadow-glow-intense:0 0 25px #4090ff66, 0 0 50px #4090ff4d, 0 0 75px #4090ff33, 0 0 100px #4090ff1a;--shadow-sm:0 1px 4px #0000000f, 0 0 12px #4090ff1a;--shadow-md:0 2px 8px #00000014, 0 0 16px #4090ff1f;--shadow-lg:0 4px 16px #0000001a, 0 0 24px #4090ff26;--shadow-xl:0 8px 32px #0000001f, 0 0 32px #4090ff33;--shadow-card:0 2px 12px #00000014;--shadow-focus:0 0 0 3px #4090ff33;--shadow-accent-sm:0 4px 12px #4090ff26;--shadow-accent-md:0 6px 16px #4090ff33;--shadow-modal:0 20px 60px #0000004d;--shadow-modal-top:0 -10px 40px #0000004d;--accent-glow:#4090ff40;--bg-accent-light:#4090ff1a;--bg-accent-medium:#4090ff33;--profile-header-bg:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);--vip-card-bg:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-dark) 100%);--vip-icon-bg:#ffffff40;--vip-btn-bg:var(--accent-color);--background-color:#fff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--bg-page:#f8fafc;--bg-card:#fffffff2;--bg-card-solid:#fff;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-overlay:#0006;--nav-bg:#fffffff2;--text-primary:#0f172a;--text-secondary:#0f172ab3;--text-tertiary:#0f172a80;--text-placeholder:#0f172a66;--text-disabled:#0f172a40;--text-white:#fff;--border-color:#0f172a1a;--border-color-lighter:#0f172a0f;--border-light:#0f172a0f;--border-medium:#0f172a26;--border-strong:#0f172a40;--border-accent:#4090ff;--success-color:#10b981;--success-light:#34d399;--success-dark:#059669;--warning-color:#f59e0b;--warning-light:#fbbf24;--warning-dark:#d97706;--danger-color:#ef4444;--danger-light:#f87171;--danger-dark:#dc2626;--error-color:#ef4444;--info-color:#3b82f6;--info-light:#60a5fa;--info-dark:#2563eb;--gradient-primary:linear-gradient(135deg, #506080 0%, #9ab0c8 100%);--gradient-secondary:linear-gradient(180deg, #9ab0c8 0%, #4090ff 100%);--gradient-soft:linear-gradient(135deg, #506080 0%, #50608080 50%, #9ab0c8 100%);--gradient-vibrant:linear-gradient(135deg, #506080 0%, #4090ff 50%, #9ab0c8 100%);--gradient-ocean:linear-gradient(135deg, #0077b6 0%, #00b4d8 100%);--gradient-sky:linear-gradient(90deg, #4090ff 0%, #9ab0c8 100%);--color-brand:#506080;--color-highlight:#4090ff;--color-interactive:#9ab0c8;--gradient-brand:linear-gradient(135deg, #506080 0%, #9ab0c8 100%);--gradient-multi:linear-gradient(135deg, #506080 0%, #4090ff 50%, #9ab0c8 100%);--tabbar-active-color:#4090ff}html[data-theme=prototype-blue]{--primary-color:#38bdf8;--primary-light:#7dd3fc;--primary-lighter:#bae6fd;--primary-dark:#0369a1;--accent-color:#ef4444;--accent-light:#fca5a5;--accent-dark:#dc2626;--accent-glow:#ef444480;--background-color:#f8fafc;--background-secondary:#fff;--background-tertiary:#f1f5f9;--bg-page:#f8fafc;--bg-card:#fff;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-placeholder:#94a3b8;--text-white:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-lighter:#f8fafc;--border-color-lighter:#0f172a0f;--border-medium:#0f172a1f;--border-strong:#0f172a33;--success-color:#10b981;--success-light:#34d399;--success-dark:#059669;--warning-color:#f59e0b;--warning-light:#fbbf24;--warning-dark:#d97706;--danger-color:#ef4444;--danger-light:#f87171;--danger-dark:#dc2626;--info-color:#3b82f6;--info-light:#60a5fa;--info-dark:#2563eb;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000026;--box-shadow-glow:0 0 20px #38bdf84d;--shadow-glow:0 0 20px #38bdf84d;--shadow-card:0 2px 12px #00000014;--shadow-focus:0 0 0 3px #38bdf833;--tabbar-active-color:#ef4444;--profile-header-bg:linear-gradient(135deg, #4a90e2 0%, #357abd 100%)}html[data-theme=prototype-blue] .navbar .nav-search .search-icon,html[data-theme=prototype-blue][data-theme-mode=light] .navbar .nav-search .search-icon,html[data-theme=prototype-blue] .navbar .nav-search .search-icon path,html[data-theme=prototype-blue][data-theme-mode=light] .navbar .nav-search .search-icon path{fill:#fff!important}html[data-theme=prototype-blue] .nav-search .search-icon,html[data-theme=prototype-blue][data-theme-mode=light] .nav-search .search-icon{fill:#fff!important;color:#fff!important}html[data-theme=prototype-blue] .nav-search button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff40;border:none}html[data-theme=prototype-blue] .nav-search button:hover{background:#fff6}html[data-theme=prototype-blue] .vip-card{background:linear-gradient(90deg,#584d51f2 0%,#0000 80% 100%),repeating-linear-gradient(-45deg,#0000,#0000 5px,#acabab1a 5px,#4746461a 6px),linear-gradient(90deg,#584d51 0%,#4e4343 50%,#352c2d 100%)}html[data-theme=prototype-blue] .vip-icon{background:linear-gradient(90deg,#ecc077 0%,#f5b35c 100%)!important}html[data-theme=prototype-blue] .vip-icon svg,html[data-theme=prototype-blue] .vip-icon svg path{fill:#44332b!important}html[data-theme=prototype-blue] .vip-desc{color:#ccc!important}html[data-theme=prototype-blue] .vip-btn{color:#44332b!important;background:linear-gradient(90deg,#ecc077 0%,#f5b35c 100%)!important;border-radius:20px!important;padding:8px 11px!important}html[data-theme=prototype-blue] .login-btn{color:#fe2140!important;background:#ffeaed!important}html[data-theme=prototype-blue] .login-btn:hover:not(:disabled){background:#ffd6dc!important}html[data-theme=prototype-blue] .register-btn{color:#fff!important;background:#fe2140!important;border-color:#fe2140!important}html[data-theme=prototype-blue] .register-btn:hover{color:#fff!important;background:#e51d39!important;border-color:#e51d39!important}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}#app{min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 16px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grid{display:grid}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.px-1{padding-left:8px;padding-right:8px}.px-2{padding-left:16px;padding-right:16px}.px-3{padding-left:24px;padding-right:24px}.py-1{padding-top:8px;padding-bottom:8px}.py-2{padding-top:16px;padding-bottom:16px}.py-3{padding-top:24px;padding-bottom:24px}.m-1{margin:8px}.m-2{margin:16px}.m-3{margin:24px}.m-4{margin:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm,0 2px 6px #0000000d);border-radius:20px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md,0 6px 12px #00000014);transform:translateY(-2px)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-lighter,#4a6fd4);border-color:var(--primary-lighter,#4a6fd4);box-shadow:var(--shadow-glow,0 0 20px #00e5ff66);transform:translateY(-2px)}.btn-primary:active{background-color:var(--primary-dark,#050a1f);transform:translateY(0)}.input{border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);border-radius:20px;padding:10px 16px;font-size:14px;transition:all .3s}.input:focus{border-color:var(--primary-color,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--text-placeholder)}.nav-search{flex:1;align-items:center;max-width:360px;margin:0 16px;display:flex;position:relative}.nav-search .search-icon{width:18px;height:18px;fill:var(--text-secondary,#fff9);pointer-events:none;z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.nav-search input{background:var(--bg-card);border:1px solid var(--border-color);height:36px;color:var(--text-primary);border-radius:20px;flex:1;padding:0 12px 0 40px;font-size:14px;transition:all .3s}.nav-search input:focus{background:var(--bg-elevated);border-color:var(--accent-color);outline:none}.nav-search input::placeholder{color:var(--text-placeholder,#fff6)}.nav-search button{background:var(--accent-color,var(--primary-color));cursor:pointer;color:#fff;letter-spacing:.5px;border:none;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:36px;margin-left:8px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f}.nav-search button:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 60%);position:absolute;inset:0}.nav-search button:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 12px #0000002e}.nav-search button:active{filter:brightness(.95);transform:translateY(0)scale(.97);box-shadow:0 1px 4px #00000026}.nav-search button svg{fill:#fff;width:18px;height:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.4s ease-out fadeIn}.slide-in-up{animation:.5s ease-out slideInUp}.spin{animation:1s linear infinite spin}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-placeholder{color:var(--text-placeholder)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:768px){.container{padding:0 12px}.card{border-radius:8px;padding:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--bg-secondary)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color,#3b82f6)}.loading{border:2px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#3b82f6);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.tabbar{z-index:1000;height:var(--tabbar-height,50px);background:var(--bg-card-solid,var(--background-color,#fff));border-top:1px solid var(--border-light,transparent);margin:0;padding:0;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{cursor:pointer;color:var(--text-tertiary,#00000073);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:all .3s;display:flex;position:relative}.tabbar-item:active{transform:scale(.95)}.tabbar-icon{fill:currentColor;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabbar-label{color:currentColor;font-size:13px;font-weight:500;transition:all .3s}.tabbar-item.active{color:var(--tabbar-active-color,var(--accent-color,#ff2040))}.tabbar-item.active .tabbar-icon{fill:var(--tabbar-active-color,var(--accent-color,#ff2040))}.video-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:0 12px;display:grid}.video-card{background:var(--bg-card);cursor:pointer;border-radius:20px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.video-card:hover{transform:translateY(-4px)scale(1.02)}.video-card:active{transform:scale(.97)}.video-thumbnail-wrapper{background:var(--bg-secondary);border-radius:20px;width:100%;height:120px;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-duration{color:var(--text-white,#fff);text-shadow:0 1px 3px #000c;background:0 0;padding:2px 6px;font-size:14px;font-weight:600;position:absolute;bottom:8px;left:8px}.video-favorite-btn{cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.video-favorite-btn svg{fill:currentColor;width:34px;height:34px}.video-favorite-btn:hover{transform:scale(1.1)}.video-favorite-btn:active{transform:scale(.95)}.video-info{padding:5px 0 8px}.video-title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;line-height:20px;display:-webkit-box;overflow:hidden}.video-meta{justify-content:space-between;align-items:center;display:flex}.video-category{font-size:var(--font-xs,12px);color:var(--text-secondary)}.video-price{font-size:var(--font-sm,14px);color:var(--text-secondary);font-weight:600}.mini-tag{font-size:var(--font-xs,11px);border-radius:4px;padding:2px 6px;font-weight:500}.purchased-tag{color:#fff;font-size:var(--font-xs,11px);background:linear-gradient(135deg,#07c160 0%,#06a850 100%);border-radius:4px;padding:2px 6px;font-weight:500;position:absolute;top:8px;left:8px}.free-tag{color:#fff;font-size:var(--font-xs,11px);background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);border-radius:4px;padding:2px 6px;font-weight:500;position:absolute;top:8px;left:8px}.top-container{z-index:1000;position:sticky;top:0;left:0;right:0}.navbar{background:var(--primary-color,#0d1b45);justify-content:center;align-items:center;min-height:60px;padding:12px 16px;display:flex;position:relative}.category-tabs{padding:var(--spacing-sm,6px) var(--spacing-lg,16px) calc(var(--spacing-lg,16px) + var(--notch-depth,16px)) var(--spacing-sm,6px);background:linear-gradient(to bottom, var(--primary-color,#38bdf8), var(--primary-lighter,#0ea5e9));border-bottom:none;margin:0;position:relative}.category-tabs:after{content:"";height:var(--notch-depth,16px);background:var(--bg-primary,#f8fafc);pointer-events:none;border-radius:16px 16px 0 0;position:absolute;bottom:0;left:0;right:0}.category-tags-wrapper{gap:var(--spacing-sm,6px);flex-wrap:wrap;display:flex}.category-tag{cursor:pointer;transition:all var(--transition-base,.25s ease);color:#ffffffe6;flex-shrink:0;align-items:center;height:28px;padding:3px 8px;font-size:14px;font-weight:600;display:inline-flex}.category-tag:hover{color:#fff;transform:translateY(-2px)}.category-tag.active{color:var(--accent-color,#ef4444)}.category-tag:active{transform:translateY(0)scale(.98)}html[data-theme=prototype-blue] .category-tag,html[data-theme=dark-base] .category-tag,html[data-theme=dark-blue] .category-tag,html[data-theme=prism] .category-tag,html[data-theme=light] .category-tag{color:#ffffffe6!important}html[data-theme=prototype-blue] .category-tag:hover,html[data-theme=dark-base] .category-tag:hover,html[data-theme=dark-blue] .category-tag:hover,html[data-theme=prism] .category-tag:hover,html[data-theme=light] .category-tag:hover{color:#fff!important}html[data-theme=prototype-blue] .category-tag.active,html[data-theme=dark-base] .category-tag.active,html[data-theme=dark-blue] .category-tag.active,html[data-theme=prism] .category-tag.active,html[data-theme=light] .category-tag.active{font-weight:600;color:var(--accent-color)!important}html[data-theme=prototype-blue] .tabbar-item.active{color:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .tabbar-item.active .tabbar-icon{fill:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .video-favorite-btn{color:#ffffffd9!important}html[data-theme=prototype-blue] .video-favorite-btn:hover{color:#fff!important}html[data-theme=prototype-blue] .video-favorite-btn.active{color:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .purchased-item{background:#fff!important;border-color:#e2e8f0!important}html[data-theme=prototype-blue] .purchased-item:hover{border-color:var(--primary-color,#38bdf8)!important}html[data-theme=prototype-blue] .purchased-title{color:var(--text-primary,#0f172a)!important}html[data-theme=prototype-blue] .meta-item,html[data-theme=prototype-blue] .meta-label{color:var(--text-tertiary,#94a3b8)!important}html[data-theme=prototype-blue] .meta-value{color:var(--text-secondary,#475569)!important}html[data-theme=prototype-blue] .tag-valid{color:var(--primary-color,#38bdf8)!important;background:#38bdf81f!important;border-color:#38bdf840!important}html[data-theme=prototype-blue] .thumb-placeholder{color:var(--text-tertiary,#94a3b8)!important;background:linear-gradient(135deg,#f1f5f9 0%,#fff 100%)!important}html[data-theme=prototype-blue] .purchased-thumb{background:#f8fafc!important;border-color:#e2e8f0!important}html[data-theme=prototype-blue] .primary-btn{background:linear-gradient(135deg, var(--primary-color,#38bdf8) 0%, var(--primary-light,#7dd3fc) 100%)!important;border-color:var(--primary-color,#38bdf8)!important;color:#fff!important}html[data-theme=prototype-blue] .primary-btn:hover{background:linear-gradient(135deg, var(--primary-light,#7dd3fc) 0%, var(--primary-lighter,#bae6fd) 100%)!important;box-shadow:0 4px 16px #38bdf84d!important}html[data-theme=prototype-blue] .search-bar .search-btn{background:var(--accent-color,#ef4444)!important;border-color:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .search-bar .search-btn:hover{background:var(--accent-light,#fca5a5)!important;box-shadow:0 4px 16px #ef44444d!important}html[data-theme=prototype-blue] .search-bar .primary-btn.small-btn,html[data-theme=prototype-blue] .search-bar .primary-btn.small-btn:hover{background:var(--accent-color,#ef4444)!important;border-color:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .guest-tip-bar{background:linear-gradient(135deg, var(--primary-color,#38bdf8) 0%, var(--primary-lighter,#bae6fd) 100%)!important;border-bottom-color:#38bdf833!important}html[data-theme=prototype-blue] .tip-title{color:#fff!important}html[data-theme=prototype-blue] .tip-btn{background:var(--accent-color,#ef4444)!important;border-color:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .tip-btn:hover{background:var(--accent-light,#f87171)!important}html[data-theme=dark-blue] .page.register-page .user-info-section,html[data-theme=dark-blue] .page.login-page .user-info-section,html[data-theme=dark-blue] .register-page .user-info-section,html[data-theme=dark-blue] .login-page .user-info-section{background:linear-gradient(180deg, var(--primary-color,#0d1b45) 0%, var(--primary-light,#1a3a8e) 100%)!important}html[data-theme=dark-blue] .page.register-page .user-info-section:after,html[data-theme=dark-blue] .page.login-page .user-info-section:after,html[data-theme=dark-blue] .register-page .user-info-section:after,html[data-theme=dark-blue] .login-page .user-info-section:after{background:var(--bg-page,#0f1425)!important}html[data-theme=dark-blue] .page.profile-page .profile-header-card,html[data-theme=dark-blue] .profile-page .profile-header-card{background:linear-gradient(135deg, var(--primary-color,#0d1b45) 0%, var(--primary-light,#1a3a8e) 100%)!important}html[data-theme=dark-blue] .page.profile-page .profile-header-card:after,html[data-theme=dark-blue] .profile-page .profile-header-card:after{background:var(--bg-page,#0f1425)!important}html[data-theme=dark-base] .page.register-page .user-info-section,html[data-theme=dark-base] .page.login-page .user-info-section,html[data-theme=dark-base] .register-page .user-info-section,html[data-theme=dark-base] .login-page .user-info-section{background:linear-gradient(180deg, var(--primary-color,#1a1a2e) 0%, var(--primary-light,#2d2d44) 100%)!important}html[data-theme=dark-base] .page.register-page .user-info-section:after,html[data-theme=dark-base] .page.login-page .user-info-section:after,html[data-theme=dark-base] .register-page .user-info-section:after,html[data-theme=dark-base] .login-page .user-info-section:after{background:var(--bg-page,#0f0f1a)!important}html[data-theme=dark-base] .page.profile-page .profile-header-card,html[data-theme=dark-base] .profile-page .profile-header-card{background:linear-gradient(135deg, var(--primary-color,#1a1a2e) 0%, var(--primary-light,#2d2d44) 100%)!important}html[data-theme=dark-base] .page.profile-page .profile-header-card:after,html[data-theme=dark-base] .profile-page .profile-header-card:after{background:var(--bg-page,#0f0f1a)!important}html[data-theme=prism] .page.register-page .user-info-section,html[data-theme=prism] .page.login-page .user-info-section,html[data-theme=prism] .register-page .user-info-section,html[data-theme=prism] .login-page .user-info-section{background:linear-gradient(180deg, var(--primary-color,#5b21b6) 0%, var(--primary-light,#7c3aed) 100%)!important}html[data-theme=prism] .page.register-page .user-info-section:after,html[data-theme=prism] .page.login-page .user-info-section:after,html[data-theme=prism] .register-page .user-info-section:after,html[data-theme=prism] .login-page .user-info-section:after{background:var(--bg-page,#1a1033)!important}html[data-theme=prism] .page.profile-page .profile-header-card,html[data-theme=prism] .profile-page .profile-header-card{background:linear-gradient(135deg, var(--primary-color,#5b21b6) 0%, var(--primary-light,#7c3aed) 100%)!important}html[data-theme=prism] .page.profile-page .profile-header-card:after,html[data-theme=prism] .profile-page .profile-header-card:after{background:var(--bg-page,#1a1033)!important}html[data-theme=light] .page.register-page .user-info-section,html[data-theme=light] .page.login-page .user-info-section,html[data-theme=light] .register-page .user-info-section,html[data-theme=light] .login-page .user-info-section{background:linear-gradient(180deg, var(--primary-color,#3b82f6) 0%, var(--primary-light,#5a9bff) 100%)!important}html[data-theme=light] .page.register-page .user-info-section:after,html[data-theme=light] .page.login-page .user-info-section:after,html[data-theme=light] .register-page .user-info-section:after,html[data-theme=light] .login-page .user-info-section:after{background:var(--bg-page,#f8fafc)!important}html[data-theme=light] .page.profile-page .profile-header-card,html[data-theme=light] .profile-page .profile-header-card{background:linear-gradient(135deg, var(--primary-color,#3b82f6) 0%, var(--primary-light,#5a9bff) 100%)!important}html[data-theme=light] .page.profile-page .profile-header-card:after,html[data-theme=light] .profile-page .profile-header-card:after{background:var(--bg-page,#f8fafc)!important}html[data-theme=prototype-blue] .page.register-page .user-info-section,html[data-theme=prototype-blue] .page.login-page .user-info-section,html[data-theme=prototype-blue] .register-page .user-info-section,html[data-theme=prototype-blue] .login-page .user-info-section{background:linear-gradient(#38bdf8,#bae6fd)!important}html[data-theme=prototype-blue] .page.register-page .user-info-section:after,html[data-theme=prototype-blue] .page.login-page .user-info-section:after,html[data-theme=prototype-blue] .register-page .user-info-section:after,html[data-theme=prototype-blue] .login-page .user-info-section:after{background:var(--bg-page,#f8fafc)!important}html[data-theme=prototype-blue] .page.profile-page .profile-header-card,html[data-theme=prototype-blue] .profile-page .profile-header-card{background:linear-gradient(#38bdf8,#bae6fd)!important}html[data-theme=prototype-blue] .page.profile-page .profile-header-card:after,html[data-theme=prototype-blue] .profile-page .profile-header-card:after{background:var(--bg-page,#f8fafc)!important}.floating-sidebar{z-index:998;background:color-mix(in srgb, var(--bg-card) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;flex-direction:column;gap:12px;padding:8px 6px;display:flex;position:fixed;bottom:80px;right:16px}.floating-menu-item{cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:4px;display:flex}.floating-menu-item .icon-wrapper{width:45px;height:45px;box-shadow:var(--shadow-md,0 2px 8px #0000001f);border-radius:35px;justify-content:center;align-items:center;display:flex}.floating-menu-item svg{width:20px;height:20px;fill:var(--text-white,#fff)}.floating-label{color:var(--text-secondary,#fffc);text-align:center;white-space:nowrap;font-size:14px;font-weight:500;display:block}.floating-menu-item:active{transform:scale(.95)}@media (max-width:768px){.floating-sidebar{bottom:60px;right:12px}.navbar{min-height:56px;padding:10px 20px}.nav-search{max-width:100%;margin:0}.category-tabs{padding:6px 12px 40px}}.video-list{padding-top:0;padding-bottom:70px}html[data-theme-mode=dark] body,html[data-theme-mode=dark] #app{background-color:var(--bg-page,#140a10)}html[data-theme-mode=dark] .video-card{box-shadow:none;background:0 0;border:none;border-radius:12px;transition:transform .3s;overflow:visible}html[data-theme-mode=dark] .video-card:hover{transform:translateY(-3px)}html[data-theme-mode=dark] .video-card:active{transform:translateY(0)scale(.97)}html[data-theme-mode=dark] .video-thumbnail-wrapper{border:1px solid #ffffff0f;border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 10px #00000059}html[data-theme-mode=dark] .video-thumbnail-wrapper:after{content:"";pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(#0000 0%,#00000026 40%,#0000008c 100%);height:45%;position:absolute;bottom:0;left:0;right:0}html[data-theme-mode=dark] .video-duration{z-index:2;position:absolute}html[data-theme-mode=dark] .video-favorite-btn{z-index:2}html[data-theme-mode=dark] .video-card:hover .video-thumbnail-wrapper{box-shadow:0 6px 20px #00000080, 0 0 16px -6px var(--accent-color,#7c4dff33);border-color:#ffffff26}html[data-theme-mode=dark] .video-title{color:#fff;letter-spacing:.2px;font-weight:700}html[data-theme-mode=dark] .video-card:hover .video-title{color:#fff}html[data-theme-mode=dark] .video-category{color:var(--accent-color,#ffffff8c);opacity:.7;letter-spacing:.3px;font-size:12px}html[data-theme-mode=dark] .video-duration{-webkit-backdrop-filter:blur(10px)saturate(1.2);letter-spacing:.6px;color:#fffffff2;background:#0009;border:.5px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}html[data-theme-mode=dark] .video-favorite-btn{color:#ffffffb3;filter:drop-shadow(0 1px 3px #0009)}html[data-theme-mode=dark] .video-favorite-btn.active{color:var(--accent-color,#ff2040);filter:drop-shadow(0 0 6px var(--accent-color,#ff204080))}html[data-theme-mode=dark] .card{background:#ffffff08;border:1px solid #ffffff0f;transition:box-shadow .3s,border-color .3s;box-shadow:0 2px 12px #00000080,inset 0 .5px #ffffff0f}html[data-theme-mode=dark] .card:hover{box-shadow:0 6px 24px #0009, 0 0 20px var(--accent-color,#7c4dff1f), inset 0 .5px 0 #ffffff14;border-color:#ffffff1f}html[data-theme-mode=dark] .btn-primary,html[data-theme-mode=dark] .button-type-primary{transition:box-shadow .3s,transform .2s;background:linear-gradient(135deg, var(--primary-color,#b33868) 0%, var(--primary-darker,#5a1830) 100%)!important;color:var(--text-white,#fff)!important;border:1px solid var(--border-accent-light,#a855f74d)!important;box-shadow:0 2px 8px #0000004d!important}html[data-theme-mode=dark] .btn-primary:hover,html[data-theme-mode=dark] .button-type-primary:hover{box-shadow:0 4px 16px #0006, 0 0 20px var(--accent-color,#7c4dff40);transform:translateY(-1px)}html[data-theme-mode=dark] .btn-primary:active,html[data-theme-mode=dark] .button-type-primary:active{transform:translateY(0);box-shadow:0 1px 4px #0000004d}html[data-theme-mode=dark] .input:focus,html[data-theme-mode=dark] input:focus,html[data-theme-mode=dark] textarea:focus{box-shadow:0 0 0 2px var(--accent-color,#7c4dff33), 0 0 12px var(--accent-color,#7c4dff14);border-color:var(--accent-color,#7c4dff80);outline:none}html[data-theme-mode=dark] .floating-menu-item .icon-wrapper{box-shadow:0 4px 14px #00000080, 0 0 12px var(--accent-color,#7c4dff26), inset 0 .5px 0 #ffffff14;border:.5px solid #ffffff14}html[data-theme-mode=dark] .nav-search button{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;font-weight:500;box-shadow:0 2px 8px #0003}html[data-theme-mode=dark] .nav-search button:after{background:linear-gradient(#ffffff1a 0%,#0000 50%)}html[data-theme-mode=dark] .nav-search button:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}html[data-theme-mode=dark] .nav-search button:active{background:#fff3;transform:translateY(0)scale(.97);box-shadow:0 1px 4px #0003}html[data-theme-mode=light] .nav-search button{background:var(--accent-color,var(--primary-color));color:#fff;border:none;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}html[data-theme-mode=light] .nav-search button:after{background:linear-gradient(#fff3 0%,#0000 50%)}html[data-theme-mode=light] .nav-search button:hover{filter:brightness(1.08)saturate(1.1);transform:translateY(-1px);box-shadow:0 4px 14px #0000001f,0 2px 6px #00000014}html[data-theme-mode=light] .nav-search button:active{filter:brightness(.95);transform:translateY(0)scale(.97);box-shadow:0 1px 4px #0000001a}html[data-theme=prototype-blue] body,html[data-theme=prototype-blue][data-theme-mode=light] body,html[data-theme=prototype-blue] #app,html[data-theme=prototype-blue][data-theme-mode=light] #app,html[data-theme=prototype-blue] .video-list,html[data-theme=prototype-blue][data-theme-mode=light] .video-list{background-color:var(--bg-page,#f8fafc)!important;color:var(--text-primary,#0f172a)!important}html[data-theme=prototype-blue] .top-container,html[data-theme=prototype-blue][data-theme-mode=light] .top-container{background:var(--primary-color,#38bdf8)!important;box-shadow:none!important}html[data-theme=prototype-blue] .navbar,html[data-theme=prototype-blue][data-theme-mode=light] .navbar{box-shadow:none!important}html[data-theme=prototype-blue] .navbar .nav-search .search-icon,html[data-theme=prototype-blue][data-theme-mode=light] .navbar .nav-search .search-icon{color:#fff!important;fill:#fff!important}html[data-theme=prototype-blue] .navbar .nav-search .search-icon path,html[data-theme=prototype-blue][data-theme-mode=light] .navbar .nav-search .search-icon path{fill:#fff!important}html[data-theme=prototype-blue] .nav-search input,html[data-theme=prototype-blue][data-theme-mode=light] .nav-search input,html[data-theme=prototype-blue] .search-input input,html[data-theme=prototype-blue][data-theme-mode=light] .search-input input{color:#fff!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff40!important;border:1px solid #ffffff4d!important}html[data-theme=prototype-blue] .nav-search input::placeholder,html[data-theme=prototype-blue][data-theme-mode=light] .nav-search input::placeholder,html[data-theme=prototype-blue] .search-input input::placeholder,html[data-theme=prototype-blue][data-theme-mode=light] .search-input input::placeholder{color:#ffffffb3!important}html[data-theme=prototype-blue] .nav-search button,html[data-theme=prototype-blue][data-theme-mode=light] .nav-search button,html[data-theme=prototype-blue] .search-btn,html[data-theme=prototype-blue][data-theme-mode=light] .search-btn,html[data-theme=prototype-blue] .primary-btn.search-btn,html[data-theme=prototype-blue][data-theme-mode=light] .primary-btn.search-btn,html[data-theme=prototype-blue] button.search-btn,html[data-theme=prototype-blue][data-theme-mode=light] button.search-btn{color:#fff!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:none!important;background:#ffffff40!important;border:none!important}html[data-theme=prototype-blue] .nav-search button:hover,html[data-theme=prototype-blue][data-theme-mode=light] .nav-search button:hover,html[data-theme=prototype-blue] .search-btn:hover,html[data-theme=prototype-blue][data-theme-mode=light] .search-btn:hover,html[data-theme=prototype-blue] .primary-btn.search-btn:hover,html[data-theme=prototype-blue][data-theme-mode=light] .primary-btn.search-btn:hover{background:#fff6!important}html[data-theme=prototype-blue] .tabbar,html[data-theme=prototype-blue][data-theme-mode=light] .tabbar{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-top:1px solid #00000014!important}html[data-theme=prototype-blue] .tabbar-item,html[data-theme=prototype-blue][data-theme-mode=light] .tabbar-item{color:#00000080!important}html[data-theme=prototype-blue] .tabbar-item.active,html[data-theme=prototype-blue][data-theme-mode=light] .tabbar-item.active{color:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .tabbar-item .tabbar-icon,html[data-theme=prototype-blue][data-theme-mode=light] .tabbar-item .tabbar-icon{fill:#00000080!important}html[data-theme=prototype-blue] .tabbar-item.active .tabbar-icon,html[data-theme=prototype-blue][data-theme-mode=light] .tabbar-item.active .tabbar-icon{fill:var(--accent-color,#ef4444)!important}html[data-theme=prototype-blue] .category-tabs,html[data-theme=prototype-blue][data-theme-mode=light] .category-tabs,html[data-theme=prototype-blue] .category-tabs:after,html[data-theme=prototype-blue][data-theme-mode=light] .category-tabs:after{box-shadow:none!important;filter:none!important;-webkit-box-shadow:none!important}html[data-theme=prototype-blue] .video-card,html[data-theme=prototype-blue][data-theme-mode=light] .video-card{box-shadow:none!important;background:0 0!important;border:none!important}html[data-theme=prototype-blue] .video-card:hover,html[data-theme=prototype-blue][data-theme-mode=light] .video-card:hover{box-shadow:none!important;transform:translateY(-2px)!important}html[data-theme=prototype-blue] .video-title,html[data-theme=prototype-blue][data-theme-mode=light] .video-title{color:var(--text-primary,#0f172a)!important;font-weight:600!important}html[data-theme=prototype-blue] .video-info,html[data-theme=prototype-blue][data-theme-mode=light] .video-info,html[data-theme=prototype-blue] .meta-item,html[data-theme=prototype-blue][data-theme-mode=light] .meta-item{color:var(--text-secondary,#475569)!important}html[data-theme-mode=dark] .top-container{background:linear-gradient(180deg, var(--primary-darker,#5a1830) 0%, color-mix(in srgb, var(--primary-dark,#b33868) 40%, var(--primary-darker,#5a1830)) 35%, var(--primary-dark,#b33868) 100%);box-shadow:0 6px 32px #0009;z-index:1000!important}html[data-theme-mode=dark] .top-container:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000001f 0%,#0000000a 40%,#0000 70%);position:absolute;inset:0}html[data-theme-mode=dark] .navbar{box-shadow:none;z-index:1;background:0 0;border-bottom:none;position:relative}html[data-theme-mode=dark] .category-tabs{z-index:1;background:0 0;position:relative}html[data-theme-mode=dark] .category-tabs:after{background:var(--bg-page,var(--background-color,#140a10));box-shadow:none}html[data-theme-mode=dark] .category-tag{color:#ffffffd9;font-weight:500;transition:color .25s;position:relative}html[data-theme-mode=dark] .category-tag:hover{color:#fff}html[data-theme-mode=dark] .category-tag.active{color:#fff;text-shadow:0 0 8px #ffffff4d;font-weight:700}html[data-theme-mode=dark] .nav-search input{-webkit-backdrop-filter:blur(16px)saturate(1.3);color:#fffffff2;background:#0003;border:1px solid #ffffff2e;border-radius:20px}html[data-theme-mode=dark] .nav-search input::placeholder{color:#fff6}html[data-theme-mode=dark] .nav-search input:focus{background:#00000040;border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff14}html[data-theme-mode=dark] .nav-search .search-icon{fill:#fff6}html[data-theme-mode=dark] .tabbar{background:var(--bg-card-solid,var(--background-color,#140a10));box-shadow:none;border-top:1px solid #ffffff0f}html[data-theme-mode=dark] .tabbar-item{color:#ffffff80;transition:color .25s;position:relative}html[data-theme-mode=dark] .tabbar-item.active{color:var(--accent-color,var(--tabbar-active-color,#ff2040))}html[data-theme-mode=dark] .tabbar-item.active .tabbar-icon{fill:var(--accent-color,var(--tabbar-active-color,#ff2040))}html[data-theme-mode=dark] .tabbar-item.active .tabbar-label{text-shadow:none}html[data-theme-mode=dark] .floating-sidebar{border:1px solid #ffffff14;box-shadow:0 4px 20px #0006}html[data-theme-mode=dark] .floating-label{color:#ffffff8c}html[data-theme-mode=dark] .floating-menu-item:hover .floating-label{color:#ffffffd9}html[data-theme-mode=dark] .purchased-tag{-webkit-backdrop-filter:blur(6px);z-index:2;background:linear-gradient(135deg,#07c160d9,#06a850d9);border:.5px solid #ffffff1a}html[data-theme-mode=dark] .free-tag{-webkit-backdrop-filter:blur(6px);z-index:2;background:linear-gradient(135deg,#ff6b6bd9,#ee5a5ad9);border:.5px solid #ffffff1a}html[data-theme-mode=dark] .video-info{padding:8px 2px}html[data-theme-mode=dark] .video-grid{gap:14px;padding:8px 12px 0}html[data-theme-mode=dark] .video-list{background:0 0;position:relative}html[data-theme-mode=dark] ::-webkit-scrollbar-track{background-color:#ffffff05}html[data-theme-mode=dark] ::-webkit-scrollbar-thumb{background-color:#ffffff1a}html[data-theme-mode=dark] ::-webkit-scrollbar-thumb:hover{background-color:#fff3}html[data-theme-mode=dark] .video-card,html[data-theme-mode=dark] .card{will-change:box-shadow, transform}@media (prefers-reduced-motion:reduce){html[data-theme-mode=dark] .video-card,html[data-theme-mode=dark] .card,html[data-theme-mode=dark] .btn-primary,html[data-theme-mode=dark] .button-type-primary{will-change:auto;transition:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s;overflow:hidden auto}#app{background-color:var(--background-color);min-height:100vh;position:relative}html[data-theme]{background-color:var(--background-color);color:var(--text-primary);transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}