.login-modal[data-v-83679e2f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px}.login-modal.active[data-v-83679e2f]{opacity:1;visibility:visible}.modal-content[data-v-83679e2f]{background:white;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;position:relative;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease}.login-modal.active .modal-content[data-v-83679e2f]{transform:scale(1)}.close-btn[data-v-83679e2f]{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.1);border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;z-index:10;color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn[data-v-83679e2f]:hover{background:rgba(0,0,0,.2);color:#333;transform:rotate(90deg)}.modal-side[data-v-83679e2f]{flex:0 0 40%;background:var(--primary-gradient);padding:60px 40px;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}.modal-side[data-v-83679e2f]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float-83679e2f 15s ease-in-out infinite}@keyframes float-83679e2f{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px,20px) rotate(180deg)}}.side-content[data-v-83679e2f]{position:relative;z-index:1}.main-icon[data-v-83679e2f]{font-size:60px;margin-bottom:30px;opacity:.9}.modal-side h2[data-v-83679e2f]{font-size:28px;margin:0 0 10px;font-weight:600}.modal-side p[data-v-83679e2f]{font-size:16px;opacity:.9;margin:0 0 40px}.features[data-v-83679e2f]{display:flex;flex-direction:column;gap:20px}.feature-item[data-v-83679e2f]{display:flex;align-items:center;gap:15px;font-size:14px}.feature-item i[data-v-83679e2f]{font-size:18px;opacity:.9}.modal-form[data-v-83679e2f]{flex:1;padding:50px 40px;overflow-y:auto}.form-tabs[data-v-83679e2f]{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #f0f0f0}.tab-btn[data-v-83679e2f]{flex:1;background:none;border:none;padding:12px 20px;font-size:16px;font-weight:500;color:#999;cursor:pointer;position:relative;transition:all .3s}.tab-btn.active[data-v-83679e2f]{color:#999;font-weight:500}.tab-btn.active[data-v-83679e2f]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:transparent}.form-title[data-v-83679e2f]{font-size:24px;color:#222;margin:0 0 30px;font-weight:600}.form-group[data-v-83679e2f]{margin-bottom:20px}.form-group label[data-v-83679e2f]{display:flex;align-items:center;background:#f8f9fa;border:2px solid transparent;border-radius:10px;padding:12px 15px;transition:all .3s;position:relative}.form-group label[data-v-83679e2f]:focus-within{background:white;border-color:var(--primary-color)}.form-group i[data-v-83679e2f]{color:#999;margin-right:12px;font-size:16px;width:16px;text-align:center}.form-group input[data-v-83679e2f]{border:none;outline:none;background:transparent;flex:1;font-size:14px;color:#222;box-shadow:none}.form-group input[data-v-83679e2f]:required,.form-group input[data-v-83679e2f]:invalid,.form-group input[data-v-83679e2f]:valid{box-shadow:none}.form-group input[data-v-83679e2f]::placeholder{color:#999}.toggle-password[data-v-83679e2f]{background:none;border:none;color:#999;cursor:pointer;padding:5px;font-size:16px;transition:color .3s}.toggle-password[data-v-83679e2f]:hover{color:var(--primary-color)}.form-options[data-v-83679e2f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.checkbox-label[data-v-83679e2f]{display:flex;align-items:center;gap:8px;cursor:pointer;color:#555}.checkbox-label input[type=checkbox][data-v-83679e2f]{width:16px;height:16px;cursor:pointer}.checkbox-label .link[data-v-83679e2f],.forgot-link[data-v-83679e2f]{color:var(--primary-color);text-decoration:none;transition:color .3s}.checkbox-label .link[data-v-83679e2f]:hover,.forgot-link[data-v-83679e2f]:hover{color:#e55a2b;text-decoration:underline}.submit-btn[data-v-83679e2f]{width:100%;background:var(--primary-gradient);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #ff6b354d}.submit-btn[data-v-83679e2f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.submit-btn[data-v-83679e2f]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-83679e2f]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-side[data-v-83679e2f]{display:none}.modal-form[data-v-83679e2f]{padding:40px 30px}.form-title[data-v-83679e2f]{font-size:22px}}@media (max-width: 480px){.modal-form[data-v-83679e2f]{padding:30px 20px}.form-title[data-v-83679e2f]{font-size:20px;margin-bottom:25px}.form-group[data-v-83679e2f]{margin-bottom:15px}.form-options[data-v-83679e2f]{flex-direction:column;align-items:flex-start;gap:10px}}.modal-form[data-v-83679e2f]::-webkit-scrollbar{width:6px}.modal-form[data-v-83679e2f]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.modal-form[data-v-83679e2f]::-webkit-scrollbar-thumb:hover{background:#ccc}.header[data-v-188eaf14]{position:fixed;top:0;left:0;right:0;background:white;box-shadow:0 2px 10px #0000001a;z-index:1000}.container[data-v-188eaf14]{max-width:1400px;margin:0 auto;padding:0 20px;position:relative}.top-header[data-v-188eaf14]{display:flex;align-items:center;justify-content:space-between;height:60px;background:white;padding:0 20px;margin:0 -20px}.search-header[data-v-188eaf14]{display:flex;align-items:center;padding:15px 0;gap:15px}.logo h1[data-v-188eaf14]{color:#333;font-size:24px;font-weight:700}.logo a[data-v-188eaf14]{text-decoration:none}.nav-list[data-v-188eaf14]{display:flex;list-style:none;gap:30px}.nav-link[data-v-188eaf14]{color:#333;text-decoration:none;padding:10px 15px;border-radius:5px;transition:all .3s;display:flex;align-items:center;gap:5px}.nav-link[data-v-188eaf14]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.nav-link.active[data-v-188eaf14]{color:var(--primary-color);border-bottom:2px solid var(--primary-color);background-color:transparent}.category-dropdown[data-v-188eaf14]{position:relative;z-index:100}.category-btn[data-v-188eaf14]{background:#f5f5f5;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:#333;transition:all .3s}.category-btn[data-v-188eaf14]:hover{background:#e0e0e0}.category-btn .fa-chevron-down[data-v-188eaf14]{font-size:12px;transition:transform .3s}.category-btn .fa-chevron-down.rotate[data-v-188eaf14]{transform:rotate(180deg)}.category-menu[data-v-188eaf14]{position:absolute;top:100%;left:0;background:white;border-radius:10px;box-shadow:0 5px 20px #00000026;z-index:150;min-width:400px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .3s ease}.category-menu.active[data-v-188eaf14]{max-height:500px;opacity:1;transform:translateY(0);padding:20px}.category-section[data-v-188eaf14]{margin-bottom:20px}.category-section[data-v-188eaf14]:last-child{margin-bottom:0}.category-section h4[data-v-188eaf14]{margin:0 0 15px;color:#333;font-size:16px;font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:8px}.category-grid[data-v-188eaf14]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-list[data-v-188eaf14]{display:flex;flex-direction:column;gap:8px}.category-item[data-v-188eaf14]{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .3s;color:#333}.category-item[data-v-188eaf14]:hover{background:#f8f9fa;color:var(--primary-color);transform:translate(5px)}.category-item i[data-v-188eaf14]{width:16px;text-align:center;color:var(--primary-color)}.category-item span[data-v-188eaf14]{font-size:14px}.search-box[data-v-188eaf14]{flex:1;display:flex;align-items:center;background:#f8f9fa;border-radius:25px;padding:8px 15px;position:relative;transition:all .3s ease;border:none!important;outline:none!important;box-shadow:none;box-sizing:border-box}.search-box.focused[data-v-188eaf14]{background:white;box-shadow:0 0 0 1px var(--primary-color, #ff6b35)!important;border:none!important}.search-icon[data-v-188eaf14]{color:#999;margin-right:10px;transition:color .3s ease}.search-box.focused .search-icon[data-v-188eaf14]{color:var(--primary-color)}.search-input[data-v-188eaf14]{border:none;outline:none;background:transparent;flex:1;font-size:14px;color:#333;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}.search-input[data-v-188eaf14]:focus{border:none;outline:none;box-shadow:none}.search-input[data-v-188eaf14]::placeholder{color:#999}.search-btn[data-v-188eaf14]{background:var(--primary-gradient);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;transition:all .3s ease;margin-left:10px;display:flex!important;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff6b354d;opacity:1!important;visibility:visible!important;z-index:999}.search-btn[data-v-188eaf14]:hover{background:linear-gradient(135deg,#e55a2b,#d44a1f);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3566}.search-btn[data-v-188eaf14]:active{transform:translateY(0);box-shadow:0 2px 6px #ff6b354d}.hot-search[data-v-188eaf14]{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.hot-icon[data-v-188eaf14]{color:var(--primary-color)}.hot-label[data-v-188eaf14]{white-space:nowrap}.hot-keywords[data-v-188eaf14]{display:flex;gap:10px;flex-wrap:wrap}.search-results-panel[data-v-188eaf14]{position:absolute;top:130px;left:0;right:0;background:white;border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:16px;z-index:1200;max-height:60vh;overflow:auto}.search-results-header[data-v-188eaf14]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#666;font-size:14px}.search-grid[data-v-188eaf14]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.search-item[data-v-188eaf14]{display:flex;gap:10px;padding:10px;border:1px solid #eee;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .2s ease}.search-item[data-v-188eaf14]:hover{background:#fff;box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.search-thumb[data-v-188eaf14]{width:90px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.search-thumb img[data-v-188eaf14]{width:100%;height:100%;object-fit:cover}.search-meta[data-v-188eaf14]{display:flex;flex-direction:column;gap:6px}.search-title[data-v-188eaf14]{font-size:14px;color:#333;font-weight:600;line-height:1.3}.search-desc[data-v-188eaf14]{font-size:12px;color:#888}.empty-search[data-v-188eaf14]{text-align:center;color:#999;padding:30px 10px}.keyword[data-v-188eaf14]{cursor:pointer;color:#666;transition:color .3s}.keyword[data-v-188eaf14]:hover{color:var(--primary-color)}.header-icons[data-v-188eaf14]{display:flex;align-items:center;gap:15px}.icon-btn[data-v-188eaf14]{background:none;border:none;color:#666;font-size:18px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;padding:8px}.icon-btn[data-v-188eaf14]:hover{background-color:#0000001a;padding:5px;border-radius:5px;transform:none}.mobile-menu-btn[data-v-188eaf14]{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:5px;transition:background-color .3s}.mobile-menu-btn[data-v-188eaf14]:hover{background-color:#ffffff1a}.mobile-menu-btn-search[data-v-188eaf14]{display:none}.mobile-menu[data-v-188eaf14]{display:none;background:white;border-radius:10px;margin-top:10px;box-shadow:0 5px 20px #0000001a;transform:translateY(-20px);opacity:0;transition:all .3s ease;position:absolute;top:100%;left:20px;right:20px;z-index:1001;max-height:0;overflow:hidden}.mobile-menu.active[data-v-188eaf14]{display:block;transform:translateY(0);opacity:1;max-height:400px}.mobile-nav-list[data-v-188eaf14]{list-style:none;padding:15px;margin:0}.mobile-nav-list li[data-v-188eaf14]{margin-bottom:10px}.mobile-nav-list li[data-v-188eaf14]:last-child{margin-bottom:0}.mobile-nav-list a[data-v-188eaf14]{color:#333;text-decoration:none;padding:12px 15px;display:block;border-radius:8px;transition:all .3s;font-weight:500}.mobile-nav-list a[data-v-188eaf14]:hover{background-color:#f8f9fa;color:var(--primary-color);transform:translate(5px)}.history-modal[data-v-188eaf14]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.history-modal.active[data-v-188eaf14]{opacity:1;visibility:visible}.history-content[data-v-188eaf14]{background:white;border-radius:15px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.history-modal.active .history-content[data-v-188eaf14]{transform:scale(1)}.history-header[data-v-188eaf14]{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #eee;background:#f8f9fa}.history-header h3[data-v-188eaf14]{margin:0;color:#333;font-size:20px;font-weight:600}@media (max-width: 768px){.user-area[data-v-188eaf14]{margin-right:8px}.user-avatar-btn[data-v-188eaf14]{padding:6px 8px}.username[data-v-188eaf14]{display:none}.user-dropdown[data-v-188eaf14]{right:-10px;min-width:200px}.user-menu-header[data-v-188eaf14]{padding:16px}.menu-avatar[data-v-188eaf14]{width:40px;height:40px}.menu-username[data-v-188eaf14]{font-size:15px}}.close-btn[data-v-188eaf14]{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s}.close-btn[data-v-188eaf14]:hover{background:#e9ecef;color:#333}.history-body[data-v-188eaf14]{max-height:60vh;overflow-y:auto;padding:0}.empty-history[data-v-188eaf14]{text-align:center;padding:60px 20px;color:#666}.empty-history i[data-v-188eaf14]{font-size:48px;color:#ddd;margin-bottom:20px}.empty-history p[data-v-188eaf14]{font-size:18px;margin:0 0 10px;color:#333}.empty-history span[data-v-188eaf14]{font-size:14px;color:#999}.history-list[data-v-188eaf14]{padding:0}.history-item[data-v-188eaf14]{display:flex;align-items:center;padding:15px 25px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s}.history-item[data-v-188eaf14]:hover{background:#f8f9fa}.history-item[data-v-188eaf14]:last-child{border-bottom:none}.history-thumbnail[data-v-188eaf14]{position:relative;width:120px;height:70px;border-radius:8px;overflow:hidden;margin-right:15px;flex-shrink:0}.history-thumbnail img[data-v-188eaf14]{width:100%;height:100%;object-fit:cover}.play-overlay[data-v-188eaf14]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.history-item:hover .play-overlay[data-v-188eaf14]{opacity:1}.watch-progress[data-v-188eaf14]{position:absolute;bottom:0;left:0;height:3px;background:var(--primary-color);transition:width .3s}.history-info[data-v-188eaf14]{flex:1;min-width:0}.history-info h4[data-v-188eaf14]{margin:0 0 8px;font-size:16px;color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta[data-v-188eaf14]{margin:0 0 5px;font-size:12px;color:#666}.history-meta .category[data-v-188eaf14]{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:12px;margin-right:10px}.history-meta .duration[data-v-188eaf14]{color:#999}.watch-time[data-v-188eaf14]{margin:0 0 5px;font-size:12px;color:#999}.progress-info[data-v-188eaf14]{font-size:12px;color:#666}.history-actions[data-v-188eaf14]{margin-left:15px}.action-btn[data-v-188eaf14]{background:none;border:none;color:#999;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s}.action-btn[data-v-188eaf14]:hover{background:#f8f9fa;color:var(--primary-color)}.history-footer[data-v-188eaf14]{padding:20px 25px;border-top:1px solid #eee;background:#f8f9fa;text-align:center}.clear-all-btn[data-v-188eaf14]{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .3s;display:inline-flex;align-items:center;gap:8px}.clear-all-btn[data-v-188eaf14]:hover{background:#c82333}@media (max-width: 768px){.nav[data-v-188eaf14]{display:none}.header-icons[data-v-188eaf14]{display:flex;gap:20px}.mobile-menu-btn[data-v-188eaf14]{display:none}.mobile-menu-btn-search[data-v-188eaf14]{display:block;background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:8px;border-radius:5px;transition:background-color .3s;margin-right:10px}.mobile-menu-btn-search[data-v-188eaf14]:hover{background-color:#0000001a}.search-btn[data-v-188eaf14]{width:32px;height:32px;font-size:12px;box-shadow:0 2px 6px #ff6b3566}.mobile-menu[data-v-188eaf14]{display:block;position:fixed;top:100px;left:20px;right:20px;z-index:1001}.search-header[data-v-188eaf14]{display:flex;align-items:center;gap:10px;padding:10px 0}.category-dropdown[data-v-188eaf14]{display:none}.search-box[data-v-188eaf14]{flex:1;background:#f8f9fa;border:none!important;outline:none!important;box-shadow:none}.search-box.focused[data-v-188eaf14]{background:white;box-shadow:0 0 0 1px var(--primary-color, #ff6b35)!important;border:none!important}.search-icon[data-v-188eaf14]{color:#999}.search-btn[data-v-188eaf14]{width:32px;height:32px;font-size:12px;display:flex!important;margin-left:8px}.hot-search[data-v-188eaf14]{display:none}.top-header[data-v-188eaf14]{height:50px;background:white;justify-content:flex-start}.logo[data-v-188eaf14]{order:1}.logo h1[data-v-188eaf14]{font-size:20px;color:#333}.header-icons[data-v-188eaf14]{order:2;margin-left:auto}.icon-btn[data-v-188eaf14]{font-size:18px;color:#666}.history-content[data-v-188eaf14]{width:95%;max-height:85vh}.history-header[data-v-188eaf14]{padding:15px 20px}.history-header h3[data-v-188eaf14]{font-size:18px}.history-item[data-v-188eaf14]{padding:12px 20px}.history-thumbnail[data-v-188eaf14]{width:100px;height:60px}.history-info h4[data-v-188eaf14]{font-size:14px}.history-footer[data-v-188eaf14]{padding:15px 20px}}@media (max-width: 480px){.search-box[data-v-188eaf14]{display:flex;padding:6px 12px;background:#f8f9fa;border:none!important;outline:none!important;box-shadow:none}.search-box.focused[data-v-188eaf14]{background:white;box-shadow:0 0 0 1px var(--primary-color, #ff6b35)!important;border:none!important}.search-input[data-v-188eaf14]{font-size:13px}.search-btn[data-v-188eaf14]{width:28px;height:28px;font-size:11px;margin-left:8px;box-shadow:0 2px 6px #ff6b3580}.logo h1[data-v-188eaf14]{font-size:20px}}.search-suggestions[data-v-188eaf14]{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:400px;overflow-y:auto}.suggestion-section[data-v-188eaf14]{padding:12px 0}.suggestion-section[data-v-188eaf14]:not(:last-child){border-bottom:1px solid #f0f0f0}.suggestion-header[data-v-188eaf14]{display:flex;justify-content:space-between;align-items:center;padding:0 16px 8px}.suggestion-title[data-v-188eaf14]{font-size:13px;color:#666;font-weight:500;display:flex;align-items:center;gap:6px}.suggestion-title i[data-v-188eaf14]{font-size:12px}.clear-history-btn[data-v-188eaf14]{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s}.clear-history-btn[data-v-188eaf14]:hover{background:#f0f0f0;color:#666}.suggestion-list[data-v-188eaf14]{display:flex;flex-direction:column}.suggestion-item[data-v-188eaf14]{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:all .3s;font-size:14px;color:#333}.suggestion-item[data-v-188eaf14]:hover{background:#f8f9fa}.suggestion-item i[data-v-188eaf14]{font-size:12px;color:#999;width:14px;text-align:center}.suggestion-item.hot-item i[data-v-188eaf14]{color:#ff6b6b}.suggestion-item span[data-v-188eaf14]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.search-suggestions[data-v-188eaf14]{border-radius:0;box-shadow:0 2px 8px #0000001a}.suggestion-item[data-v-188eaf14]{padding:12px 16px;font-size:15px}}.user-area[data-v-188eaf14]{position:relative;display:flex;align-items:center}.user-avatar-btn[data-v-188eaf14]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,.05)}.user-avatar-btn[data-v-188eaf14]:hover,.user-avatar-btn.active[data-v-188eaf14]{background:rgba(var(--primary-color-rgb, 255, 107, 107),.1)}.user-avatar[data-v-188eaf14]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.username[data-v-188eaf14]{font-size:14px;font-weight:500;color:#333;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow-icon[data-v-188eaf14]{font-size:12px;color:#666;transition:transform .3s ease}.user-avatar-btn.active .arrow-icon[data-v-188eaf14]{transform:rotate(180deg)}.user-dropdown[data-v-188eaf14]{position:absolute;top:100%;right:0;background:white;border-radius:12px;box-shadow:0 8px 25px #00000026;z-index:10000;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:8px}.user-dropdown.active[data-v-188eaf14]{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-header[data-v-188eaf14]{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #f0f0f0}.menu-avatar[data-v-188eaf14]{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.user-info[data-v-188eaf14]{flex:1}.menu-username[data-v-188eaf14]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.user-level[data-v-188eaf14]{font-size:12px;color:#666;background:rgba(var(--primary-color-rgb, 255, 107, 107),.1);padding:2px 8px;border-radius:10px;display:inline-block}.user-menu-divider[data-v-188eaf14]{height:1px;background:#f0f0f0;margin:0 20px}.user-menu-items[data-v-188eaf14]{padding:8px 0}.menu-item[data-v-188eaf14]{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#333;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:14px}.menu-item[data-v-188eaf14]:hover{background:rgba(var(--primary-color-rgb, 255, 107, 107),.05);color:var(--primary-color)}.menu-item i[data-v-188eaf14]{font-size:16px;width:20px;text-align:center}.menu-divider[data-v-188eaf14]{height:1px;background:#f0f0f0;margin:8px 20px}.logout-btn[data-v-188eaf14]{color:#ff4757!important}.logout-btn[data-v-188eaf14]:hover{background:rgba(255,71,87,.1)!important}.login-btn[data-v-188eaf14]{background:rgba(var(--primary-color-rgb, 255, 107, 107),.1);color:var(--primary-color)}.login-btn[data-v-188eaf14]:hover{background:rgba(var(--primary-color-rgb, 255, 107, 107),.2)}@media (max-width: 768px){.user-area[data-v-188eaf14]{margin-right:8px}.user-avatar-btn[data-v-188eaf14]{padding:6px 8px}.username[data-v-188eaf14]{display:none}.user-dropdown[data-v-188eaf14]{right:-10px;min-width:200px}.user-menu-header[data-v-188eaf14]{padding:16px}.menu-avatar[data-v-188eaf14]{width:40px;height:40px}.menu-username[data-v-188eaf14]{font-size:15px}.history-modal .history-content[data-v-188eaf14]{width:95%;max-width:95%;max-height:85vh}.history-item[data-v-188eaf14]{padding:12px 15px;flex-direction:column;align-items:flex-start;gap:10px}.history-thumbnail[data-v-188eaf14]{width:100%;height:180px;margin-right:0;margin-bottom:10px}.history-info[data-v-188eaf14]{width:100%}.history-info h4[data-v-188eaf14]{font-size:15px}.history-meta[data-v-188eaf14],.watch-time[data-v-188eaf14]{font-size:13px}.history-actions[data-v-188eaf14]{position:absolute;top:12px;right:12px}.history-footer[data-v-188eaf14]{padding:15px}.clear-all-btn[data-v-188eaf14]{font-size:14px;padding:10px 20px}}.footer[data-v-8c1c9be7]{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:40px 0 20px;margin-top:50px}.footer-content[data-v-8c1c9be7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3[data-v-8c1c9be7]{margin-bottom:15px;color:var(--primary-color);font-size:18px}.footer-section p[data-v-8c1c9be7]{line-height:1.6;color:#bdc3c7}.footer-section ul[data-v-8c1c9be7]{list-style:none}.footer-section ul li[data-v-8c1c9be7]{margin-bottom:8px}.footer-section ul li a[data-v-8c1c9be7]{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-section ul li a[data-v-8c1c9be7]:hover{color:var(--primary-color)}.social-links[data-v-8c1c9be7]{display:flex;gap:15px}.social-link[data-v-8c1c9be7]{display:inline-block;width:40px;height:40px;background:#ff6b35;color:#fff;text-align:center;line-height:40px;border-radius:50%;text-decoration:none;transition:all .3s}.social-link[data-v-8c1c9be7]:hover{background:#e55a2b;transform:translateY(-3px)}.footer-bottom[data-v-8c1c9be7]{text-align:center;padding-top:20px;border-top:1px solid #34495e;color:#bdc3c7}@media (max-width: 768px){.footer-content[data-v-8c1c9be7]{grid-template-columns:1fr;gap:20px}.footer[data-v-8c1c9be7]{padding:30px 0 15px}}.mobile-bottom-nav[data-v-2a5317ab]{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e8e8e8;display:flex;justify-content:space-around;align-items:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 15px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item[data-v-2a5317ab]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:60px;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-item[data-v-2a5317ab]:active{transform:scale(.92)}.nav-item.active[data-v-2a5317ab]{background:linear-gradient(135deg,rgba(255,107,53,.08) 0%,rgba(255,107,53,.12) 100%)}.nav-item.active[data-v-2a5317ab]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(90deg,var(--primary-color, #ff6b35) 0%,var(--primary-dark, #e55a2b) 100%);border-radius:0 0 3px 3px;box-shadow:0 2px 8px #ff6b3566}.nav-icon[data-v-2a5317ab]{font-size:22px;margin-bottom:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.nav-label[data-v-2a5317ab]{font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.3px}.nav-item:not(.active) .nav-icon[data-v-2a5317ab]{color:#666}.nav-item:not(.active) .nav-label[data-v-2a5317ab]{color:#666}.nav-item.active .nav-icon[data-v-2a5317ab]{color:var(--primary-color, #ff6b35);transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(255,107,53,.3))}.nav-item.active .nav-label[data-v-2a5317ab]{color:var(--primary-color, #ff6b35);font-weight:700}.nav-item:not(.active):hover .nav-icon[data-v-2a5317ab]{transform:scale(1.05);color:var(--primary-color, #ff6b35)}.nav-item:not(.active):hover .nav-label[data-v-2a5317ab]{color:var(--primary-color, #ff6b35)}.nav-icon i.fa-home[data-v-2a5317ab]{font-size:23px}.nav-icon i.fa-tv[data-v-2a5317ab]{font-size:21px}.nav-icon i.fa-film[data-v-2a5317ab]{font-size:22px}.nav-icon i.fa-comments[data-v-2a5317ab]{font-size:21px}.nav-icon i.fa-user-circle[data-v-2a5317ab]{font-size:23px}@media (min-width: 769px){.mobile-bottom-nav[data-v-2a5317ab]{display:none}}@media (max-width: 480px){.nav-icon[data-v-2a5317ab]{font-size:20px;width:26px;height:26px}.nav-icon i.fa-home[data-v-2a5317ab]{font-size:21px}.nav-icon i.fa-tv[data-v-2a5317ab]{font-size:19px}.nav-icon i.fa-film[data-v-2a5317ab]{font-size:20px}.nav-icon i.fa-comments[data-v-2a5317ab]{font-size:19px}.nav-icon i.fa-user-circle[data-v-2a5317ab]{font-size:21px}.nav-label[data-v-2a5317ab]{font-size:10px}.nav-item[data-v-2a5317ab]{padding:6px 8px;min-width:50px}.nav-item.active[data-v-2a5317ab]:before{width:25px;height:2.5px}}@media (max-width: 360px){.nav-item[data-v-2a5317ab]{padding:5px 6px;min-width:45px}.nav-label[data-v-2a5317ab]{font-size:9px}}.float-tools[data-v-09eb69d5]{position:fixed;right:20px;bottom:80px;z-index:999;display:flex;flex-direction:column;gap:12px}.tool-item[data-v-09eb69d5]{width:50px;height:50px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #00000026;transition:all .3s ease;position:relative;color:#666}.tool-item[data-v-09eb69d5]:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040;background:var(--primary-color, #ff6b35);color:#fff}.tool-item.active[data-v-09eb69d5]{background:var(--primary-color, #ff6b35);color:#fff}.tool-item i[data-v-09eb69d5]{font-size:20px}.theme-panel[data-v-09eb69d5]{position:absolute;right:70px;bottom:62px;width:300px;background:white;border-radius:12px;box-shadow:0 8px 30px #0003;padding:20px;z-index:1000}.qr-panel[data-v-09eb69d5]{position:absolute;right:70px;bottom:0;width:260px;background:white;border-radius:12px;box-shadow:0 8px 30px #0003;padding:20px;z-index:1000}.panel-header[data-v-09eb69d5]{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.panel-header i[data-v-09eb69d5]{font-size:18px;color:var(--primary-color, #ff6b35)}.panel-header span[data-v-09eb69d5]{font-size:16px;font-weight:600;color:#333}.theme-colors[data-v-09eb69d5]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.color-item[data-v-09eb69d5]{padding:15px;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;font-weight:500;position:relative;overflow:hidden}.color-item[data-v-09eb69d5]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0);transition:background .3s ease}.color-item[data-v-09eb69d5]:hover:before{background:rgba(255,255,255,.2)}.color-item.active[data-v-09eb69d5]{box-shadow:0 4px 15px #0000004d;transform:scale(1.05)}.color-item span[data-v-09eb69d5]{position:relative;z-index:1}.color-item i[data-v-09eb69d5]{position:relative;z-index:1;font-size:16px}.qr-code-container[data-v-09eb69d5]{display:flex;justify-content:center;align-items:center;padding:15px 0}.qr-code[data-v-09eb69d5]{width:200px;height:200px;border:2px solid #f0f0f0;border-radius:8px}.qr-tip[data-v-09eb69d5]{text-align:center;font-size:13px;color:#666;margin-top:10px}.slide-left-enter-active[data-v-09eb69d5],.slide-left-leave-active[data-v-09eb69d5]{transition:all .3s ease}.slide-left-enter-from[data-v-09eb69d5],.slide-left-leave-to[data-v-09eb69d5]{opacity:0;transform:translate(20px)}@media (max-width: 768px){.float-tools[data-v-09eb69d5]{right:15px;bottom:70px;gap:10px}.tool-item[data-v-09eb69d5]{width:45px;height:45px}.tool-item i[data-v-09eb69d5]{font-size:18px}.theme-panel[data-v-09eb69d5]{right:60px;bottom:55px;width:280px;padding:15px;max-width:calc(100vw - 80px)}.qr-panel[data-v-09eb69d5]{right:60px;bottom:0;width:240px;padding:15px;max-width:calc(100vw - 80px)}.qr-code[data-v-09eb69d5]{width:160px;height:160px}.qr-code-container[data-v-09eb69d5]{padding:10px 0}.theme-colors[data-v-09eb69d5]{gap:10px}.color-item[data-v-09eb69d5]{padding:12px;font-size:14px}}.toast-fade-enter-active[data-v-7afbf76f],.toast-fade-leave-active[data-v-7afbf76f]{transition:all .3s ease}.toast-fade-enter-from[data-v-7afbf76f]{transform:translateY(-100%);opacity:0}.toast-fade-leave-to[data-v-7afbf76f]{transform:translateY(-20px);opacity:0}.toast-container[data-v-7afbf76f]{position:fixed;top:20px;left:50%;transform:translate(-50%);min-width:320px;max-width:500px;padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:12px;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown-7afbf76f .3s ease}@keyframes slideDown-7afbf76f{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast-success[data-v-7afbf76f]{background:linear-gradient(135deg,rgba(0,184,148,.95) 0%,rgba(0,206,201,.95) 100%);color:#fff}.toast-error[data-v-7afbf76f]{background:linear-gradient(135deg,rgba(255,118,117,.95) 0%,rgba(214,48,49,.95) 100%);color:#fff}.toast-warning[data-v-7afbf76f]{background:linear-gradient(135deg,rgba(253,203,110,.95) 0%,rgba(225,112,85,.95) 100%);color:#fff}.toast-info[data-v-7afbf76f]{background:linear-gradient(135deg,rgba(116,185,255,.95) 0%,rgba(9,132,227,.95) 100%);color:#fff}.toast-permission[data-v-7afbf76f]{background:linear-gradient(135deg,rgba(255,94,77,.95) 0%,rgba(234,84,85,.95) 100%);color:#fff;border-left:4px solid rgba(255,255,255,.5)}.toast-icon[data-v-7afbf76f]{font-size:20px;flex-shrink:0;animation:iconBounce-7afbf76f .5s ease}@keyframes iconBounce-7afbf76f{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.toast-content[data-v-7afbf76f]{flex:1;min-width:0}.toast-message[data-v-7afbf76f]{margin:0;font-size:15px;font-weight:500;line-height:1.6;word-break:break-word;white-space:pre-wrap}.toast-close[data-v-7afbf76f]{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:4px;opacity:.8;transition:all .3s ease;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-close[data-v-7afbf76f]:hover{opacity:1;background:rgba(255,255,255,.2);transform:rotate(90deg)}.toast-confirm[data-v-7afbf76f]{min-width:400px;position:fixed;top:50%;transform:translate(-50%) translateY(-50%);flex-direction:column;align-items:stretch;padding:24px}.toast-confirm .toast-icon[data-v-7afbf76f]{align-self:center;font-size:48px;margin-bottom:16px}.toast-confirm .toast-content[data-v-7afbf76f]{text-align:center}.toast-confirm .toast-message[data-v-7afbf76f]{font-size:16px;line-height:1.8;text-align:center}.toast-actions[data-v-7afbf76f]{margin-top:20px;display:flex;gap:12px;justify-content:flex-end}.toast-btn[data-v-7afbf76f]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;min-width:70px;justify-content:center}.toast-btn[data-v-7afbf76f]:disabled{opacity:.6;cursor:not-allowed}.toast-btn-cancel[data-v-7afbf76f]{background:#f8f9fa;color:#666;border:1px solid #e9ecef}.toast-btn-cancel[data-v-7afbf76f]:hover:not(:disabled){background:#e9ecef;color:#333}.toast-btn-confirm[data-v-7afbf76f]{background:linear-gradient(135deg,#ff6b6b,#dc3545);color:#fff;box-shadow:0 2px 8px #dc35454d}.toast-btn-confirm[data-v-7afbf76f]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}@media (max-width: 768px){.toast-container[data-v-7afbf76f]{min-width:280px;max-width:calc(100vw - 40px);width:auto;padding:14px 16px}.toast-icon[data-v-7afbf76f]{font-size:18px}.toast-message[data-v-7afbf76f]{font-size:14px}.toast-confirm[data-v-7afbf76f]{min-width:280px;max-width:calc(100vw - 40px);width:85vw;padding:20px}.toast-confirm .toast-icon[data-v-7afbf76f]{font-size:40px;margin-bottom:12px}.toast-confirm .toast-message[data-v-7afbf76f]{font-size:15px;line-height:1.8}.toast-actions[data-v-7afbf76f]{flex-direction:column-reverse;gap:10px;margin-top:20px}.toast-btn[data-v-7afbf76f]{min-width:auto;width:100%;padding:12px 16px;font-size:15px}}@media (max-width: 360px){.toast-container[data-v-7afbf76f]{min-width:260px;max-width:calc(100vw - 30px)}.toast-confirm[data-v-7afbf76f]{min-width:260px;max-width:calc(100vw - 30px);width:90vw;padding:16px}.toast-confirm .toast-icon[data-v-7afbf76f]{font-size:36px}.toast-message[data-v-7afbf76f]{font-size:13px}}.toast-container-wrapper[data-v-b9d8495a]{position:relative;z-index:10000}.toast-list[data-v-b9d8495a]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10001;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item[data-v-b9d8495a]{pointer-events:auto}.toast-list-enter-active[data-v-b9d8495a],.toast-list-leave-active[data-v-b9d8495a]{transition:all .3s ease}.toast-list-enter-from[data-v-b9d8495a]{opacity:0;transform:translateY(-20px)}.toast-list-leave-to[data-v-b9d8495a]{opacity:0;transform:translate(100px)}.toast-list-move[data-v-b9d8495a]{transition:transform .3s ease}.toast-overlay[data-v-b9d8495a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fade-enter-active[data-v-b9d8495a],.fade-leave-active[data-v-b9d8495a]{transition:opacity .3s ease}.fade-enter-from[data-v-b9d8495a],.fade-leave-to[data-v-b9d8495a]{opacity:0}:root{--primary-color: #ff6b35;--primary-dark: #e55a2b;--primary-light: #ff8659;--primary-gradient: linear-gradient(135deg, #ff6b35 0%, #e55a2b 100%);--primary-shadow: rgba(255, 107, 53, .3);--primary-shadow-hover: rgba(255, 107, 53, .4);--primary-shadow-focus: rgba(255, 107, 53, .1);--bg-color: #f5f5f5;--text-color: #333;--card-bg: #ffffff;--border-color: #e0e0e0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 24px rgba(0, 0, 0, .2)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap}.btn:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn:active{transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.card{background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-light);padding:var(--spacing-lg);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-title{font-size:20px;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.section-icon{font-size:18px;color:var(--primary-color)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width: 1200px){.grid-6{grid-template-columns:repeat(4,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}.grid-6,.grid-4{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-title{font-size:18px}}@media (max-width: 480px){.grid-6,.grid-4,.grid-3{gap:var(--spacing-xs)}}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:#666}.loading i{margin-right:var(--spacing-sm);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-xl);color:#666}.empty-state i{font-size:48px;color:#ddd;margin-bottom:var(--spacing-md)}.empty-state h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-color)}.empty-state p{margin:0;font-size:14px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-center{text-align:center}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-item,.category-video-item,.content-poster{cursor:pointer;transition:all .3s ease;border-radius:var(--border-radius-md);overflow:hidden}.video-item:hover,.category-video-item:hover,.content-poster:hover{transform:translateY(-3px)}.video-poster,.category-poster,.poster-image{position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:var(--spacing-sm)}.video-poster img,.category-poster img,.poster-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-item:hover .video-poster img,.category-video-item:hover .category-poster img,.content-poster:hover .poster-image img{transform:scale(1.05)}.video-badges{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;flex-direction:row;gap:var(--spacing-xs);z-index:2}.badge-year{background:#4A90E2;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:3px;line-height:1.2;min-width:32px;text-align:center}.badge-type{background:var(--primary-color);color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:3px;line-height:1.2;text-align:center}.badge-hot{background:var(--primary-gradient);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;box-shadow:var(--primary-shadow)}.episode-info{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:rgba(0,0,0,.8);color:#fff;font-size:12px;font-weight:500;padding:4px 8px;border-radius:var(--border-radius-sm);line-height:1.2;z-index:2;max-width:calc(100% - 16px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-overlay,.play-overlay-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;opacity:0;transition:opacity .3s ease;z-index:3}.video-item:hover .play-overlay,.content-poster:hover .play-overlay-small{opacity:1}.poster-info{padding-top:var(--spacing-xs)}.video-title,.category-video-title,.poster-title{font-size:15px;font-weight:500;color:var(--text-color);margin-bottom:var(--spacing-xs);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px}.video-desc,.category-video-desc,.poster-description{font-size:13px;color:#888;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:12px;color:#999}.video-rating{background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:3px;font-weight:500}.video-year,.video-category{color:#666}.video-grid,.category-video-list,.content-carousel{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;padding:0 0 var(--spacing-xl) 0}@media (max-width: 1200px){.video-grid,.category-video-list,.content-carousel{grid-template-columns:repeat(4,1fr);gap:20px}}@media (max-width: 768px){.video-grid,.category-video-list,.content-carousel{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 0 var(--spacing-lg) 0}.video-title,.category-video-title,.poster-title{font-size:13px;height:32px;line-height:1.2}.video-desc,.category-video-desc,.poster-description{font-size:11px;line-height:1.2}.video-poster,.category-poster,.poster-image{margin-bottom:var(--spacing-xs)}.video-badges{top:6px;left:6px;gap:3px}.badge-year,.badge-type{font-size:10px;padding:1px 4px}.episode-info{bottom:6px;right:6px;font-size:11px;padding:3px 6px}.play-overlay{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.video-grid,.category-video-list,.content-carousel{gap:12px}.video-title,.category-video-title,.poster-title{font-size:12px;height:30px}.video-desc,.category-video-desc,.poster-description{font-size:10px}}.category-section{padding:var(--spacing-xl) 0}.section-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.section-more-link{color:#999;text-decoration:none;font-size:14px;margin-left:var(--spacing-xs);transition:color .3s}.section-more-link:hover{color:var(--primary-color)}.section-video-tags{display:flex;align-items:center;gap:var(--spacing-lg);margin-left:var(--spacing-lg)}.video-tag{color:#666;font-size:14px;cursor:pointer;transition:color .3s;white-space:nowrap}.section-refresh-btn{background:transparent;border:none;color:#999;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:color .3s;padding:var(--spacing-xs)}.section-refresh-btn:hover{color:var(--primary-color)}.section-video-tags{display:flex;align-items:center;gap:var(--spacing-md);margin-left:var(--spacing-lg);flex-wrap:wrap}.video-tag{display:inline-block;padding:0;background:none;border:none;border-radius:0;font-size:14px;color:#666;text-decoration:none;cursor:pointer;transition:color .3s ease;white-space:nowrap}.video-tag:hover{color:var(--primary-color)}.video-tag-separator{color:#ddd;margin:0 8px;font-size:14px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.category-section{padding:var(--spacing-lg) 0}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);position:relative;padding:0}.section-left{width:100%;flex-wrap:wrap}.section-video-tags{display:none}.section-refresh-btn{position:absolute;right:0;top:0}}.ranking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.desktop-ranking{display:grid}.mobile-ranking{display:none}@media (max-width: 1200px){.ranking-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.desktop-ranking{display:none}.mobile-ranking{display:block}.ranking-grid{grid-template-columns:1fr;gap:15px}}.ranking-column{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014}.ranking-column-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}@media (max-width: 768px){.ranking-column{padding:15px}.ranking-column-title{font-size:16px;margin-bottom:15px}}.ranking-list{display:flex;flex-direction:column;gap:15px}.ranking-item-new{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:all .3s;cursor:pointer;background:#fafbfc;height:84px;box-sizing:border-box}.ranking-item-new:hover{background:#f0f2f5;transform:translate(5px)}@media (max-width: 768px){.ranking-item-new{gap:10px;padding:10px;height:75px}}.rank-badge{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;margin-top:2px}.badge-first{background:#ff6b35;color:#fff}.badge-second{background:#ffa726;color:#fff}.badge-third{background:#ffcc02;color:#333}.badge-normal{background:#e0e0e0;color:#666}.video-poster{width:80px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.video-poster img{width:100%;height:100%;object-fit:cover}.video-details-new{flex:1;min-width:0}.video-title-new{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:18px}.video-meta-new{font-size:12px;color:#666;margin-bottom:4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:14px}.video-status{font-size:12px;color:#999;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:14px}.video-views{display:flex;align-items:center;gap:4px;font-size:12px;color:#999}.video-views i{color:var(--primary-color)}@media (max-width: 768px){.video-poster{width:60px;height:45px}.video-title-new{font-size:13px;height:16px}.video-meta-new,.video-status{font-size:11px;height:13px}.video-views{font-size:11px}}.episode-info{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;line-height:1.2;z-index:2;max-width:calc(100% - 16px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.episode-info{bottom:6px;right:6px;font-size:11px;padding:3px 6px;max-width:calc(100% - 12px)}}.mobile-categories{padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-md)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:100%}@media (min-width: 480px){.categories-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 768px){.mobile-categories{display:none}}.category-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-color);transition:all .3s ease;padding:var(--spacing-sm);border-radius:var(--border-radius-md)}.category-item:hover{background:#f8f9fa;transform:translateY(-2px)}.category-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xs);font-size:20px;color:#fff;transition:all .3s ease}.category-item:hover .category-icon{transform:scale(1.1)}.category-name{font-size:13px;font-weight:500;text-align:center;line-height:1.2}.badge-new{background:var(--primary-gradient);color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:var(--spacing-xs);min-width:20px;text-align:center;box-shadow:var(--primary-shadow)}.mobile-ranking-tabs{display:none;gap:10px;margin-bottom:20px;padding:0 15px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.mobile-ranking-tabs{display:flex}}.mobile-ranking-tab{background:#f8f9fa;border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s;font-size:14px;white-space:nowrap;flex-shrink:0}.mobile-ranking-tab:hover,.mobile-ranking-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width: 480px){.mobile-categories{padding:20px 0 15px;margin-top:15px}.category-icon{width:60px;height:60px;font-size:26px}.category-name{font-size:14px}.categories-grid{gap:10px}}@media (max-width: 768px){.hot-recommendations,.drama-recommendations,.movie-recommendations,.tv-recommendations,.anime-recommendations,.rankings{padding:25px 0}.hot-recommendations{padding-top:25px!important}.container{padding:0 var(--spacing-sm)}.btn{font-size:13px;padding:var(--spacing-xs) var(--spacing-sm)}.card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}}.btn-primary{background:linear-gradient(135deg,var(--theme-primary, #667eea),var(--theme-primary-dark, #764ba2));color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px var(--theme-primary-shadow, rgba(102, 126, 234, .3))}* 主题色通用样式 * 所有使用主题色的通用CSS类 */ .btn-primary{background:linear-gradient(135deg,var(--theme-primary, #667eea),var(--theme-primary-dark, #764ba2));color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px var(--theme-primary-shadow, rgba(102, 126, 234, .3))}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--theme-primary-shadow, rgba(102, 126, 234, .3))}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.tab-btn{padding:10px 20px;border:none;background:#f5f5f5;color:#666;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.tab-btn.active{background:linear-gradient(135deg,var(--theme-primary, #667eea),var(--theme-primary-dark, #764ba2));color:#fff}.tab-btn:hover:not(.active){background:#e0e0e0}.text-primary{color:var(--theme-primary, #667eea);font-weight:600}.text-highlight{color:var(--theme-primary, #667eea);font-weight:700;font-size:1.1em}.badge-primary{background:var(--theme-primary-light, rgba(102, 126, 234, .1));color:var(--theme-primary, #667eea);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.badge-success{background:rgba(76,175,80,.1);color:#4caf50;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-warning{background:rgba(255,152,0,.1);color:#ff9800;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-danger{background:rgba(244,67,54,.1);color:#f44336;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.progress-container{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--theme-primary, #667eea);transition:width .3s ease}.card-primary{background:linear-gradient(135deg,var(--theme-primary, #667eea),var(--theme-primary-dark, #764ba2));color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px var(--theme-primary-shadow, rgba(102, 126, 234, .3))}.card-primary-light{background:var(--theme-primary-light, rgba(102, 126, 234, .1));border:1px solid var(--theme-primary, #667eea);border-radius:12px;padding:20px}.icon-container-primary{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary, #667eea),var(--theme-primary-dark, #764ba2));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 2px 8px var(--theme-primary-shadow, rgba(102, 126, 234, .3))}.selectable{border:2px solid #e0e0e0;padding:15px;border-radius:8px;cursor:pointer;transition:all .3s}.selectable:hover{border-color:var(--theme-primary, #667eea);background:var(--theme-primary-lighter, rgba(102, 126, 234, .05))}.selectable.selected{border-color:var(--theme-primary, #667eea);background:var(--theme-primary-light, rgba(102, 126, 234, .1));box-shadow:0 0 0 2px var(--theme-primary-lighter, rgba(102, 126, 234, .05))}.link-primary{color:var(--theme-primary, #667eea);text-decoration:none;cursor:pointer;transition:color .3s}.link-primary:hover{color:var(--theme-primary-dark, #764ba2);text-decoration:underline}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--theme-primary, #667eea);box-shadow:0 0 0 3px var(--theme-primary-light, rgba(102, 126, 234, .1))}.divider-primary{height:1px;background:var(--theme-primary-light, rgba(102, 126, 234, .1));margin:20px 0}.hover-primary:hover{background:var(--theme-primary-lighter, rgba(102, 126, 234, .05));border-color:var(--theme-primary, #667eea)}.loading-spinner{width:40px;height:40px;border:4px solid var(--theme-primary-light, rgba(102, 126, 234, .1));border-top-color:var(--theme-primary, #667eea);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.stat-card-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary, #667eea),var(--theme-primary-dark, #764ba2));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-bottom:15px;box-shadow:0 2px 8px var(--theme-primary-shadow, rgba(102, 126, 234, .3))}.stat-value{font-size:28px;font-weight:700;color:var(--theme-primary, #667eea);margin-bottom:5px}.stat-label{font-size:14px;color:#999}.message-primary{background:var(--theme-primary-light, rgba(102, 126, 234, .1));border-left:4px solid var(--theme-primary, #667eea);padding:12px 16px;border-radius:4px;color:#333}@media (max-width: 768px){.btn-primary{padding:10px 20px;font-size:14px}.stat-card-icon{width:40px;height:40px;font-size:20px}.stat-value{font-size:24px}}:root{--primary-color: #ff6b35;--primary-dark: #e55a2b;--primary-light: #ff8659;--primary-gradient: linear-gradient(135deg, #ff6b35 0%, #e55a2b 100%);--primary-shadow: rgba(255, 107, 53, .3);--primary-shadow-hover: rgba(255, 107, 53, .4);--primary-shadow-focus: rgba(255, 107, 53, .1);--bg-color: #f5f5f5;--text-color: #333;--card-bg: #ffffff;--border-color: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:100px;padding-bottom:0}@media (max-width: 768px){.main-content{padding-top:90px;padding-bottom:70px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:8px 16px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;border:none;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}img{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);object-fit:cover}.home[data-v-89266eb9]{min-height:100vh}.home .container[data-v-89266eb9]{max-width:1400px;margin:0 auto;padding:0 20px}.hot-news[data-v-89266eb9]{background:#f8f9fa;padding:var(--spacing-xl) 0}.news-content[data-v-89266eb9]{margin-top:var(--spacing-lg)}.news-grid[data-v-89266eb9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.news-item[data-v-89266eb9]{background:white;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-light);cursor:pointer;transition:all .3s;border-left:4px solid var(--primary-color)}.news-item[data-v-89266eb9]:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.news-category[data-v-89266eb9]{background:var(--primary-color);color:#fff;font-size:12px;padding:4px 8px;border-radius:var(--border-radius-sm);display:inline-block;margin-bottom:var(--spacing-sm)}.news-title[data-v-89266eb9]{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-xs);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-description[data-v-89266eb9]{color:#666;font-size:14px;line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-meta[data-v-89266eb9]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.news-views[data-v-89266eb9]{display:flex;align-items:center;gap:var(--spacing-xs)}.news-views i[data-v-89266eb9]{color:var(--primary-color)}@media (max-width: 768px){.hot-news[data-v-89266eb9]{padding:var(--spacing-lg) 0}.news-grid[data-v-89266eb9]{grid-template-columns:1fr;gap:var(--spacing-md)}.news-item[data-v-89266eb9]{padding:var(--spacing-md)}}.title-group[data-v-89266eb9]{display:flex;align-items:center;gap:15px}.badge-new[data-v-89266eb9]{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;margin-left:10px;box-shadow:0 2px 4px #ff6b354d}.hot-news .section-header[data-v-89266eb9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}@media (max-width: 768px){.section-header[data-v-89266eb9]{margin-bottom:15px}.title-group[data-v-89266eb9]{gap:10px}.more-btn[data-v-89266eb9]{font-size:12px}}.section-header h2[data-v-89266eb9]{color:#333;font-size:20px;display:flex;align-items:center;gap:10px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (max-width: 768px){.section-header h2[data-v-89266eb9]{font-size:16px}}.section-header h2 i[data-v-89266eb9]{color:var(--primary-color)}.refresh-btn[data-v-89266eb9]{background:#f8f9fa;border:1px solid #e0e0e0;padding:8px 15px;border-radius:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:5px;font-size:14px}.refresh-btn[data-v-89266eb9]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.more-btn[data-v-89266eb9]{color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s}.more-btn[data-v-89266eb9]:hover{color:var(--primary-color)}.hot-recommendations[data-v-89266eb9],.drama-recommendations[data-v-89266eb9],.movie-recommendations[data-v-89266eb9],.tv-recommendations[data-v-89266eb9],.anime-recommendations[data-v-89266eb9],.rankings[data-v-89266eb9]{padding:40px 0}.hot-recommendations[data-v-89266eb9]{background:white;padding-top:60px!important}.drama-recommendations[data-v-89266eb9],.movie-recommendations[data-v-89266eb9],.tv-recommendations[data-v-89266eb9],.anime-recommendations[data-v-89266eb9],.rankings[data-v-89266eb9]{background:white}.ranking-grid[data-v-89266eb9]{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.desktop-ranking[data-v-89266eb9]{display:grid}.mobile-ranking[data-v-89266eb9]{display:none}@media (max-width: 1200px){.ranking-grid[data-v-89266eb9]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.desktop-ranking[data-v-89266eb9]{display:none}.mobile-ranking[data-v-89266eb9]{display:block}.ranking-grid[data-v-89266eb9]{grid-template-columns:1fr;gap:15px}}.ranking-column[data-v-89266eb9]{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014}.ranking-column-title[data-v-89266eb9]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}@media (max-width: 768px){.ranking-column-title[data-v-89266eb9]{font-size:16px;margin-bottom:15px}}.ranking-list[data-v-89266eb9]{display:flex;flex-direction:column;gap:15px}.ranking-item-new[data-v-89266eb9]{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:all .3s;cursor:pointer;background:#fafbfc;height:84px;box-sizing:border-box}.ranking-item-new[data-v-89266eb9]:hover{background:#f0f2f5;transform:translate(5px)}.rank-badge[data-v-89266eb9]{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;margin-top:2px}.badge-first[data-v-89266eb9]{background:#ff6b35;color:#fff}.badge-second[data-v-89266eb9]{background:#ffa726;color:#fff}.badge-third[data-v-89266eb9]{background:#ffcc02;color:#333}.badge-normal[data-v-89266eb9]{background:#e0e0e0;color:#666}.video-poster[data-v-89266eb9]{width:80px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.video-poster img[data-v-89266eb9]{width:100%;height:100%;object-fit:cover}.video-details-new[data-v-89266eb9]{flex:1;min-width:0}.video-title-new[data-v-89266eb9]{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;height:18px}.video-meta-new[data-v-89266eb9]{font-size:12px;color:#666;margin-bottom:4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;height:14px}.video-status[data-v-89266eb9]{font-size:12px;color:#999;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:14px}.video-views[data-v-89266eb9]{display:flex;align-items:center;gap:4px;font-size:12px;color:#999}.video-views i[data-v-89266eb9]{color:var(--primary-color)}@media (max-width: 768px){.ranking-column[data-v-89266eb9]{padding:15px}.ranking-item-new[data-v-89266eb9]{gap:10px;padding:10px;height:75px}.video-poster[data-v-89266eb9]{width:60px;height:45px}.video-title-new[data-v-89266eb9]{font-size:13px;height:16px}.video-meta-new[data-v-89266eb9],.video-status[data-v-89266eb9]{font-size:11px;height:13px}.video-views[data-v-89266eb9]{font-size:11px}}.episode-info[data-v-89266eb9]{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;line-height:1.2;z-index:2;max-width:calc(100% - 16px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.episode-info[data-v-89266eb9]{bottom:6px;right:6px;font-size:11px;padding:3px 6px;max-width:calc(100% - 12px)}}.video-detail-page[data-v-7cc985ac]{min-height:100vh;background:#f5f5f5;padding-top:80px;overflow-x:hidden;width:100%;max-width:100vw}.container[data-v-7cc985ac]{max-width:1400px;width:100%;margin:0 auto;padding:20px;box-sizing:border-box;overflow-x:hidden}.detail-layout[data-v-7cc985ac]{display:flex;flex-direction:column;gap:20px}.video-info-card[data-v-7cc985ac]{background:white;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;display:flex;gap:25px;text-align:left!important}.video-info-card[data-v-7cc985ac] *{text-align:inherit!important}.poster-section[data-v-7cc985ac]{flex-shrink:0;display:flex;flex-direction:column;gap:20px}.video-poster[data-v-7cc985ac]{width:300px;height:400px;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0003;position:relative;cursor:pointer;transition:all .3s ease}.video-poster[data-v-7cc985ac]:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-3px)}.video-poster img[data-v-7cc985ac]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-poster:hover img[data-v-7cc985ac]{transform:scale(1.05)}.poster-play-overlay[data-v-7cc985ac]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-poster:hover .poster-play-overlay[data-v-7cc985ac]{opacity:1}.play-icon[data-v-7cc985ac]{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--primary-shadow-hover);transition:all .3s ease}.video-poster:hover .play-icon[data-v-7cc985ac]{transform:scale(1.1)}.play-icon i[data-v-7cc985ac]{font-size:32px;color:#fff;margin-left:5px}.video-info[data-v-7cc985ac]{flex:1;display:flex;flex-direction:column;gap:20px;text-align:left!important;align-items:flex-start!important}.video-title[data-v-7cc985ac]{font-size:2.5rem;font-weight:700;margin:0;color:#333;line-height:1.2;height:auto;text-align:left!important}.video-rating[data-v-7cc985ac]{display:flex;align-items:center;gap:15px;background:none;background-color:transparent;justify-content:flex-start!important;text-align:left!important}.rating-score[data-v-7cc985ac]{font-size:1.8rem;font-weight:700;color:#333}.stars[data-v-7cc985ac]{display:flex;gap:5px}.stars i[data-v-7cc985ac]{font-size:1.2rem;color:gold}.action-buttons[data-v-7cc985ac]{display:flex;gap:15px}@media (max-width: 768px){.action-buttons.mobile-buttons[data-v-7cc985ac]{display:flex!important}}.pc-buttons[data-v-7cc985ac]{display:flex;width:300px;gap:15px}.pc-buttons .play-btn[data-v-7cc985ac],.pc-buttons .favorite-btn[data-v-7cc985ac],.pc-buttons .share-btn[data-v-7cc985ac]{flex:1;padding:15px 30px;font-size:16px;min-width:auto}.pc-buttons .play-btn i[data-v-7cc985ac],.pc-buttons .favorite-btn i[data-v-7cc985ac],.pc-buttons .share-btn i[data-v-7cc985ac]{font-size:16px}@media (min-width: 769px){.mobile-buttons[data-v-7cc985ac],.action-buttons.mobile-buttons[data-v-7cc985ac],.video-info .mobile-buttons[data-v-7cc985ac],.video-info .action-buttons.mobile-buttons[data-v-7cc985ac],.video-info-card .video-info .mobile-buttons[data-v-7cc985ac],div.mobile-buttons[data-v-7cc985ac],div.action-buttons.mobile-buttons[data-v-7cc985ac]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}}.play-btn[data-v-7cc985ac]{background:var(--primary-gradient);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px var(--primary-shadow);flex:1;white-space:nowrap}.play-btn[data-v-7cc985ac]:hover{background:var(--primary-gradient);transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-shadow-hover)}.share-btn[data-v-7cc985ac]{background:linear-gradient(135deg,#ffd700,#e6c200);flex:1;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;white-space:nowrap}.share-btn[data-v-7cc985ac]:hover{background:linear-gradient(135deg,#e6c200,#ccb000);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.favorite-btn[data-v-7cc985ac]{background:#f0f0f0;color:#666;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;flex:1;white-space:nowrap}.favorite-btn[data-v-7cc985ac]:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.favorite-btn.favorited[data-v-7cc985ac]{background:linear-gradient(135deg,#ff6b9d,#ff4757);color:#fff;box-shadow:0 4px 15px #ff6b9d4d}.favorite-btn.favorited[data-v-7cc985ac]:hover{background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 6px 20px #ff6b9d66}.video-meta[data-v-7cc985ac]{display:flex;flex-direction:column;gap:12px;text-align:left!important;align-items:flex-start!important}.meta-item[data-v-7cc985ac]{display:flex;gap:10px;font-size:14px;line-height:1.6;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}.meta-item.meta-inline[data-v-7cc985ac]{display:block;text-align:left!important}.meta-value-inline[data-v-7cc985ac]{color:#666;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%;text-align:left!important}.meta-label[data-v-7cc985ac]{font-weight:600;color:#666;min-width:60px}.meta-value[data-v-7cc985ac]{color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.status-text[data-v-7cc985ac]{color:var(--primary-color);font-weight:500}.episode-info[data-v-7cc985ac]{color:#666;margin-left:5px;display:none!important}.detail-link[data-v-7cc985ac]{color:var(--primary-color);cursor:pointer;margin-left:5px}.detail-link[data-v-7cc985ac]:hover{text-decoration:underline}.content-layout[data-v-7cc985ac]{display:flex;flex-direction:column;gap:8px}.top-section[data-v-7cc985ac]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:8px}.left-content[data-v-7cc985ac]{display:flex;flex-direction:column;gap:8px}.tabs-section[data-v-7cc985ac]{background:white;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a}.tabs-header[data-v-7cc985ac]{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid #eee}.tab-btn[data-v-7cc985ac]{background:none;border:none;padding:15px 25px;font-size:16px;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.tab-btn.active[data-v-7cc985ac]{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.tab-content[data-v-7cc985ac]{min-height:100px}.synopsis-content p[data-v-7cc985ac],.synopsis-content .description-text[data-v-7cc985ac]{color:#666;line-height:1.6;font-size:14px;margin:0}.rating-form[data-v-7cc985ac]{display:flex;flex-direction:column;gap:20px}.rating-input[data-v-7cc985ac]{display:flex;align-items:center;gap:15px}.stars-input[data-v-7cc985ac]{display:flex;gap:5px}.stars-input i[data-v-7cc985ac]{font-size:1.5rem;color:#ddd;cursor:pointer;transition:color .3s ease}.stars-input i.filled[data-v-7cc985ac]{color:gold}.rating-textarea[data-v-7cc985ac]{width:100%;min-height:100px;padding:15px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:vertical}.rating-actions[data-v-7cc985ac]{display:flex;gap:15px}.submit-rating-btn[data-v-7cc985ac],.clear-rating-btn[data-v-7cc985ac]{padding:12px 25px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-rating-btn[data-v-7cc985ac]{background:var(--primary-color);color:#fff}.clear-rating-btn[data-v-7cc985ac]{background:#f8f9fa;color:#666;border:1px solid #ddd}.playlist-section[data-v-7cc985ac]{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.playlist-header[data-v-7cc985ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f5f5f5}.playlist-header h3[data-v-7cc985ac]{margin:0;font-size:18px;color:#333;font-weight:600}.header-actions[data-v-7cc985ac]{display:flex;align-items:center;gap:8px}.mobile-expand-episodes-btn[data-v-7cc985ac]{display:none}.sort-btn[data-v-7cc985ac]{background:#f5f5f5;border:none;color:#666;cursor:pointer;padding:8px 12px;font-size:13px;border-radius:4px;display:flex;align-items:center;gap:5px;transition:all .2s ease}.sort-btn[data-v-7cc985ac]:hover{background:#f8f9fa;color:var(--primary-color)}.sort-btn i[data-v-7cc985ac]{font-size:14px}.source-tabs[data-v-7cc985ac]{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.source-tab-btn[data-v-7cc985ac]{background:#f5f5f5;border:none;color:#666;padding:8px 16px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.source-tab-btn[data-v-7cc985ac]:hover{background:#f8f9fa;color:var(--primary-color)}.source-tab-btn.active[data-v-7cc985ac]{background:var(--primary-color);color:#fff;font-weight:500}.episodes-wrapper[data-v-7cc985ac]{display:flex;flex-direction:column;gap:15px}.resource-tip[data-v-7cc985ac]{background:#fff3e0;border-left:4px solid #ff9800;padding:12px 15px;border-radius:4px;color:#666;font-size:13px;display:flex;align-items:center;gap:8px}.resource-tip i[data-v-7cc985ac]{color:#ff9800}.episodes-grid[data-v-7cc985ac]{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:500px;overflow-y:auto;padding:2px}.episodes-grid[data-v-7cc985ac]::-webkit-scrollbar{width:6px}.episodes-grid[data-v-7cc985ac]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.episodes-grid[data-v-7cc985ac]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.episodes-grid[data-v-7cc985ac]::-webkit-scrollbar-thumb:hover{background:#bbb}.episode-btn[data-v-7cc985ac]{background:#f8f8f8;border:1px solid #e8e8e8;color:#333;padding:12px 10px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.episode-btn[data-v-7cc985ac]:hover{background:#f8f9fa;border-color:var(--primary-color);color:var(--primary-color)}.episode-btn.active[data-v-7cc985ac]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.empty-episodes[data-v-7cc985ac]{text-align:center;padding:40px 20px;color:#999}.empty-episodes i[data-v-7cc985ac]{font-size:48px;color:#ddd;margin-bottom:15px;display:block}.empty-episodes p[data-v-7cc985ac]{margin:0;font-size:14px}.sidebar[data-v-7cc985ac]{display:flex;flex-direction:column;gap:20px}.ranking-card[data-v-7cc985ac]{background:white;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a}.ranking-header[data-v-7cc985ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ranking-header h3[data-v-7cc985ac]{margin:0;font-size:18px;color:#333}.more-link[data-v-7cc985ac]{color:var(--primary-color);text-decoration:none;font-size:14px;display:none!important}.ranking-list[data-v-7cc985ac]{display:flex;flex-direction:column;gap:15px}.ranking-item[data-v-7cc985ac]{display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;transition:all .3s ease;cursor:pointer;min-width:0}.ranking-item[data-v-7cc985ac]:hover{background:#f8f9fa;transform:translate(5px);box-shadow:0 2px 8px #00000014}.rank-number[data-v-7cc985ac]{font-weight:700;color:var(--primary-color);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px}.rank-number.rank-first[data-v-7cc985ac]{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#333;box-shadow:0 2px 6px #ffd70066}.rank-number.rank-second[data-v-7cc985ac]{background:linear-gradient(135deg,#c0c0c0,#e8e8e8);color:#333;box-shadow:0 2px 6px #c0c0c066}.rank-number.rank-third[data-v-7cc985ac]{background:linear-gradient(135deg,#cd7f32,#daa520);color:#fff;box-shadow:0 2px 6px #cd7f3266}.rank-number.rank-normal[data-v-7cc985ac]{background:#f8f9fa;color:#666}.item-poster[data-v-7cc985ac]{width:60px;height:80px;border-radius:4px;overflow:hidden;flex-shrink:0}.item-poster img[data-v-7cc985ac]{width:100%;height:100%;object-fit:cover}.item-info[data-v-7cc985ac]{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.item-title[data-v-7cc985ac]{font-weight:500;color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta[data-v-7cc985ac]{font-size:11px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-status[data-v-7cc985ac]{font-size:12px;color:var(--primary-color);font-weight:500}.item-score[data-v-7cc985ac]{font-weight:700;color:var(--primary-color);font-size:14px}.recommendations-section[data-v-7cc985ac]{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.recommendations-section h3[data-v-7cc985ac]{margin:0 0 15px;font-size:18px;color:#333;font-weight:600}.recommendations-list[data-v-7cc985ac]{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar{height:8px}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.recommendation-item[data-v-7cc985ac]{flex-shrink:0;width:180px;height:240px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer}.recommendation-item[data-v-7cc985ac]:hover{transform:translateY(-8px);box-shadow:0 8px 20px #00000026}.recommendation-item img[data-v-7cc985ac]{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.video-detail-page[data-v-7cc985ac]{padding-top:40px;overflow-x:hidden;max-width:100vw}.mobile-buttons[data-v-7cc985ac],.action-buttons.mobile-buttons[data-v-7cc985ac],.video-info .mobile-buttons[data-v-7cc985ac],.video-info .action-buttons.mobile-buttons[data-v-7cc985ac],.video-info-card .video-info .mobile-buttons[data-v-7cc985ac],.video-info-card .video-info .action-buttons.mobile-buttons[data-v-7cc985ac]{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}.video-info-card .video-info[data-v-7cc985ac]{width:100%!important}.video-info-card .video-info .mobile-buttons[data-v-7cc985ac],.video-info-card .video-info .action-buttons[data-v-7cc985ac],.video-info-card .video-info .action-buttons.mobile-buttons[data-v-7cc985ac],.video-info .mobile-buttons[data-v-7cc985ac],.video-info .action-buttons.mobile-buttons[data-v-7cc985ac],div.action-buttons.mobile-buttons[data-v-7cc985ac]{display:flex!important;flex-direction:row!important;width:100%!important;max-width:100%!important;gap:10px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.video-info-card .video-info .mobile-buttons>button[data-v-7cc985ac],.video-info-card .video-info .action-buttons>button[data-v-7cc985ac],.video-info .mobile-buttons>button[data-v-7cc985ac],.video-info .action-buttons.mobile-buttons>button[data-v-7cc985ac],div.action-buttons.mobile-buttons>button[data-v-7cc985ac]{flex:1!important;min-width:0!important;max-width:none!important}.container[data-v-7cc985ac]{padding:0;max-width:100vw!important;overflow-x:hidden}.detail-layout[data-v-7cc985ac]{width:100%;max-width:100vw;overflow-x:hidden}.video-info-card[data-v-7cc985ac]{flex-direction:row;padding:12px;margin:12px;width:calc(100% - 24px);max-width:calc(100vw - 24px);box-sizing:border-box;overflow-x:hidden;overflow-y:visible;gap:12px}.video-info-card[data-v-7cc985ac]>*{box-sizing:border-box}.poster-section[data-v-7cc985ac]{width:auto;flex-shrink:0;flex-grow:0;align-self:stretch}.video-poster[data-v-7cc985ac]{width:100%;height:100%;min-height:240px;cursor:default;pointer-events:none;max-width:120px;border-radius:8px;overflow:hidden}.video-poster img[data-v-7cc985ac]{width:100%;height:100%;object-fit:cover;display:block}.video-poster[data-v-7cc985ac]:hover{transform:none}.poster-play-overlay[data-v-7cc985ac],.pc-buttons[data-v-7cc985ac]{display:none!important}.mobile-buttons[data-v-7cc985ac]{display:flex!important;flex-direction:row!important;width:100%!important;gap:8px!important;margin:0!important;padding:0!important;justify-content:space-between!important}.mobile-buttons .play-btn[data-v-7cc985ac],.mobile-buttons .favorite-btn[data-v-7cc985ac],.mobile-buttons .share-btn[data-v-7cc985ac]{flex:1!important;min-width:0!important;max-width:none!important}.mobile-buttons button[data-v-7cc985ac],.action-buttons.mobile-buttons button[data-v-7cc985ac],.mobile-buttons .play-btn[data-v-7cc985ac],.mobile-buttons .favorite-btn[data-v-7cc985ac],.mobile-buttons .share-btn[data-v-7cc985ac]{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:12px 8px!important;font-size:14px!important;font-weight:600!important;border-radius:8px!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important;white-space:nowrap!important;flex:1!important;min-width:0!important;box-sizing:border-box!important}.mobile-buttons .play-btn[data-v-7cc985ac]{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;color:#fff!important;box-shadow:0 2px 8px #ff6b6b4d!important}.mobile-buttons .play-btn[data-v-7cc985ac]:active{transform:scale(.98)!important;box-shadow:0 1px 4px #ff6b6b66!important}.mobile-buttons .favorite-btn[data-v-7cc985ac]{background:#f5f5f5!important;color:#666!important;box-shadow:0 2px 8px #00000014!important}.mobile-buttons .favorite-btn[data-v-7cc985ac]:active{transform:scale(.98)!important;background:#e8e8e8!important}.mobile-buttons .favorite-btn.favorited[data-v-7cc985ac]{background:linear-gradient(135deg,#ff6b9d,#ff4757)!important;color:#fff!important;box-shadow:0 2px 8px #ff6b9d4d!important}.mobile-buttons .share-btn[data-v-7cc985ac]{background:linear-gradient(135deg,#ffd700,#e6c200)!important;color:#fff!important;box-shadow:0 2px 8px #ffd7004d!important}.mobile-buttons .share-btn[data-v-7cc985ac]:active{transform:scale(.98)!important;box-shadow:0 1px 4px #ffd70066!important}.video-info[data-v-7cc985ac]{flex:1;min-width:0;gap:8px;text-align:left!important;align-items:flex-start!important;display:flex;flex-direction:column;box-sizing:border-box!important}.video-info .mobile-buttons[data-v-7cc985ac],.video-info .action-buttons[data-v-7cc985ac],.video-info .action-buttons.mobile-buttons[data-v-7cc985ac],.video-info-card .video-info .mobile-buttons[data-v-7cc985ac],.video-info-card .video-info .action-buttons.mobile-buttons[data-v-7cc985ac]{display:flex!important;flex-direction:row!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;gap:8px!important;justify-content:stretch!important;margin:0!important;padding:0!important}.video-info .mobile-buttons[data-v-7cc985ac]>*,.video-info .action-buttons[data-v-7cc985ac]>*,.video-info .action-buttons.mobile-buttons[data-v-7cc985ac]>*,.video-info-card .video-info .mobile-buttons[data-v-7cc985ac]>*,.video-info-card .video-info .action-buttons.mobile-buttons[data-v-7cc985ac]>*{flex:1!important;min-width:0!important;max-width:none!important}.video-title[data-v-7cc985ac]{font-size:1.4rem!important;line-height:1.3;text-align:left!important;margin:0}.video-rating[data-v-7cc985ac]{gap:8px;justify-content:flex-start!important;text-align:left!important}.rating-score[data-v-7cc985ac]{font-size:1.4rem!important}.stars i[data-v-7cc985ac]{font-size:1rem!important}.video-meta[data-v-7cc985ac]{gap:10px!important;text-align:left!important;align-items:flex-start!important}.meta-item[data-v-7cc985ac]{font-size:13px!important;text-align:left!important;align-items:flex-start!important}.meta-value-inline[data-v-7cc985ac]{font-size:13px!important;text-align:left!important}.meta-label[data-v-7cc985ac]{min-width:40px!important;font-size:13px!important}.meta-value[data-v-7cc985ac]{font-size:13px!important;text-align:left!important;-webkit-line-clamp:2!important}.top-section[data-v-7cc985ac]{grid-template-columns:1fr}.sidebar[data-v-7cc985ac]{display:none}.more-link[data-v-7cc985ac]{display:none!important}.recommendations-section[data-v-7cc985ac]{padding:15px!important;margin:8px 15px!important;width:calc(100% - 30px)!important;max-width:calc(100vw - 30px)!important;box-sizing:border-box!important;overflow:visible!important}.recommendations-section h3[data-v-7cc985ac]{margin-bottom:15px!important}.recommendations-list[data-v-7cc985ac]{display:flex!important;flex-direction:row!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:10px!important;width:100%!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar{height:6px!important}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:3px!important}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:3px!important}.recommendations-list[data-v-7cc985ac]::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.recommendation-item[data-v-7cc985ac]{width:140px!important;min-width:140px!important;height:200px!important;flex-shrink:0!important;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.recommendation-item img[data-v-7cc985ac]{width:100%;height:100%;object-fit:cover}.video-detail-page .mobile-buttons .play-btn[data-v-7cc985ac],.video-detail-page .mobile-buttons .favorite-btn[data-v-7cc985ac],.video-detail-page .mobile-buttons .share-btn[data-v-7cc985ac],.video-detail-page .action-buttons.mobile-buttons .play-btn[data-v-7cc985ac],.video-detail-page .action-buttons.mobile-buttons .favorite-btn[data-v-7cc985ac],.video-detail-page .action-buttons.mobile-buttons .share-btn[data-v-7cc985ac]{flex:1!important;min-width:0!important;max-width:none!important;justify-content:center!important;align-items:center!important;display:flex!important;padding:12px 8px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;border-radius:8px!important;margin:0!important;box-sizing:border-box!important;height:auto!important;gap:6px!important}.mobile-buttons .play-btn i[data-v-7cc985ac],.mobile-buttons .favorite-btn i[data-v-7cc985ac],.mobile-buttons .share-btn i[data-v-7cc985ac]{font-size:14px!important}.mobile-buttons .favorite-btn[data-v-7cc985ac]{background:#f0f0f0!important;color:#666!important;border:1px solid #ddd!important}.mobile-buttons .favorite-btn[data-v-7cc985ac]:hover{background:#e0e0e0!important}.mobile-buttons .favorite-btn.favorited[data-v-7cc985ac]{background:linear-gradient(135deg,#ff6b9d,#ff4757)!important;color:#fff!important;border:none!important}.video-detail-page .video-info-card .video-info .mobile-buttons[data-v-7cc985ac],.video-detail-page .video-info-card .video-info .mobile-buttons.action-buttons[data-v-7cc985ac],.video-detail-page .video-info-card .video-info .action-buttons.mobile-buttons[data-v-7cc985ac],.video-detail-page .mobile-buttons[data-v-7cc985ac],.video-detail-page .action-buttons.mobile-buttons[data-v-7cc985ac]{display:flex!important;width:100%!important;flex-direction:row!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.video-detail-page .video-info-card .video-info .mobile-buttons>button[data-v-7cc985ac],.video-detail-page .video-info-card .video-info .mobile-buttons.action-buttons>button[data-v-7cc985ac],.video-detail-page .video-info-card .video-info .action-buttons.mobile-buttons>button[data-v-7cc985ac],.video-detail-page .mobile-buttons>button[data-v-7cc985ac],.video-detail-page .action-buttons.mobile-buttons>button[data-v-7cc985ac]{flex:1!important;min-width:0!important;max-width:none!important}.playlist-section[data-v-7cc985ac]{width:calc(100% - 30px);max-width:calc(100vw - 30px);margin:8px 15px;box-sizing:border-box;overflow:visible;padding:15px;border-radius:8px}.tabs-section[data-v-7cc985ac]{padding:15px!important;margin:8px 15px!important;width:calc(100% - 30px)!important;max-width:calc(100vw - 30px)!important;box-sizing:border-box!important}.tabs-header[data-v-7cc985ac]{margin-bottom:15px!important}.tab-btn[data-v-7cc985ac]{padding:12px 20px!important;font-size:14px!important}.tab-content[data-v-7cc985ac]{min-height:80px!important}.synopsis-content p[data-v-7cc985ac]{font-size:14px!important;line-height:1.8!important}.episodes-list[data-v-7cc985ac]{width:100%;max-width:100%;overflow-x:visible;overflow-y:visible}.mobile-expand-episodes-btn[data-v-7cc985ac]{display:flex!important;align-items:center;gap:5px;background:#f5f5f5;border:none;color:#666;cursor:pointer;padding:8px 12px;font-size:13px;border-radius:4px;transition:all .2s ease;white-space:nowrap}.mobile-expand-episodes-btn[data-v-7cc985ac]:active{background:#e9ecef;color:var(--primary-color)}.mobile-expand-episodes-btn i[data-v-7cc985ac]{font-size:14px}.header-actions[data-v-7cc985ac]{flex-wrap:nowrap;gap:6px}.sort-btn[data-v-7cc985ac]{display:flex!important;align-items:center!important;gap:5px!important;background:#f5f5f5!important;border:none!important;color:#666!important;cursor:pointer!important;padding:8px 12px!important;font-size:13px!important;border-radius:4px!important;transition:all .2s ease!important}.sort-btn[data-v-7cc985ac]:active{background:#e9ecef!important;color:var(--primary-color)!important}.sort-btn i[data-v-7cc985ac]{font-size:14px!important}.mobile-expand-episodes-btn[data-v-7cc985ac]{font-size:12px!important;padding:8px 10px!important}.mobile-expand-episodes-btn span[data-v-7cc985ac]{display:inline}.episodes-grid[data-v-7cc985ac]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;padding:10px 5px;max-height:none!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ddd #f5f5f5}.episodes-grid[data-v-7cc985ac]::-webkit-scrollbar{height:4px}.episodes-grid[data-v-7cc985ac]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:2px}.episodes-grid[data-v-7cc985ac]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.episodes-grid.expanded[data-v-7cc985ac]{display:grid!important;grid-template-columns:repeat(4,1fr)!important;flex-wrap:wrap!important;overflow-x:visible!important;overflow-y:visible!important}.episode-btn[data-v-7cc985ac]{padding:10px 12px!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;min-width:calc(33.33% - 6px);text-align:center}.episodes-grid.expanded .episode-btn[data-v-7cc985ac]{min-width:auto!important}}.synopsis-content[data-v-7cc985ac]{position:relative}.synopsis-content p[data-v-7cc985ac]{margin:0;line-height:1.8;transition:all .3s ease}.synopsis-content p.text-collapsed[data-v-7cc985ac]{max-height:4.5em;overflow:hidden;position:relative}.synopsis-content p.text-collapsed[data-v-7cc985ac]:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:2em;background:linear-gradient(to bottom,transparent,white)}.expand-btn[data-v-7cc985ac]{width:100%;padding:10px;margin-top:10px;background:transparent;border:none;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:20px}.expand-btn[data-v-7cc985ac]:hover{color:var(--primary-color)}.expand-btn i[data-v-7cc985ac]{animation:bounce-7cc985ac 2s infinite}@keyframes bounce-7cc985ac{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}