body{margin:0;padding:0;background:#1a1a2e}#app{font-family:Arial,sans-serif}html{overflow-y:scroll!important}body{overflow-x:hidden}#app,body{min-height:calc(100vh + 1px)}.top-navigation[data-v-1051d159]{position:sticky;top:0;z-index:1000;height:80px;overflow:visible}.nav-background[data-v-1051d159]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(13,13,30,.98),rgba(25,25,50,.96) 50%,rgba(35,35,70,.94));backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.08)}.background-gradient[data-v-1051d159]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1) 25%,rgba(139,92,246,.1) 50%,rgba(236,72,153,.1) 75%,transparent);animation:gradientShift-1051d159 10s ease-in-out infinite}@keyframes gradientShift-1051d159{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.floating-particles[data-v-1051d159]{position:absolute;top:0;left:0;right:0;bottom:0}.particle[data-v-1051d159]{position:absolute;width:3px;height:3px;background:hsla(0,0%,100%,.4);border-radius:50%;animation:float-1051d159 8s ease-in-out infinite}.particle[data-v-1051d159]:first-child{left:10%;animation-delay:0s}.particle[data-v-1051d159]:nth-child(2){left:25%;animation-delay:1s}.particle[data-v-1051d159]:nth-child(3){left:40%;animation-delay:2s}.particle[data-v-1051d159]:nth-child(4){left:60%;animation-delay:3s}.particle[data-v-1051d159]:nth-child(5){left:75%;animation-delay:4s}.particle[data-v-1051d159]:nth-child(6){left:90%;animation-delay:5s}@keyframes float-1051d159{0%,to{transform:translateY(40px) scale(.8);opacity:.3}50%{transform:translateY(-20px) scale(1.2);opacity:.8}}.nav-container[data-v-1051d159]{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 20px;height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;overflow:visible}.nav-left[data-v-1051d159]{display:flex;align-items:center;gap:40px}.nav-brand[data-v-1051d159]{cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.nav-brand[data-v-1051d159]:hover{transform:scale(1.1) rotate(2deg)}.brand-wrapper[data-v-1051d159]{position:relative;display:flex;align-items:center}.brand-logo[data-v-1051d159]{height:45px;width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 20px rgba(99,102,241,.4));transition:all .3s ease}.brand-pulse[data-v-1051d159]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid rgba(99,102,241,.3);border-radius:50%;animation:pulse-1051d159 2s ease-in-out infinite}@keyframes pulse-1051d159{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.nav-menu[data-v-1051d159]{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.menu-background[data-v-1051d159]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:20px;backdrop-filter:blur(15px)}.nav-link[data-v-1051d159]{position:relative;text-decoration:none;border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.link-content[data-v-1051d159]{position:relative;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:16px;transition:all .3s ease}.nav-icon[data-v-1051d159]{width:20px;height:20px;color:hsla(0,0%,100%,.7);transition:all .3s ease}.link-text[data-v-1051d159]{color:hsla(0,0%,100%,.8);font-weight:500;font-size:14px;transition:all .3s ease}.link-glow[data-v-1051d159]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);transition:left .5s ease}.nav-link:hover .link-glow[data-v-1051d159]{left:100%}.nav-link:hover .link-content[data-v-1051d159]{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.nav-link:hover .link-text[data-v-1051d159],.nav-link:hover .nav-icon[data-v-1051d159]{color:#fff}.nav-link.active .link-content[data-v-1051d159]{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));border:1px solid rgba(99,102,241,.3);box-shadow:0 8px 32px rgba(99,102,241,.3)}.nav-link.active .link-text[data-v-1051d159],.nav-link.active .nav-icon[data-v-1051d159]{color:#a5b4fc}.vip-link .link-content[data-v-1051d159]{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,193,7,.1))}.vip-badge[data-v-1051d159]{font-size:12px;animation:sparkle-1051d159 2s ease-in-out infinite}@keyframes sparkle-1051d159{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}.coin-link .link-content[data-v-1051d159]{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(139,195,74,.1))}.coin-badge[data-v-1051d159]{font-size:12px;animation:bounce-1051d159 2s ease-in-out infinite}@keyframes bounce-1051d159{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-center[data-v-1051d159]{display:flex;justify-content:center;max-width:600px;width:100%}.search-container[data-v-1051d159]{position:relative;width:100%;max-width:500px}.search-wrapper[data-v-1051d159]{position:relative;display:flex;align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:50px;padding:4px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(20px);overflow:hidden}.search-wrapper[data-v-1051d159]:hover{background:hsla(0,0%,100%,.12);border-color:rgba(99,102,241,.4);transform:translateY(-2px);box-shadow:0 10px 40px rgba(99,102,241,.2)}.search-wrapper[data-v-1051d159]:focus-within{background:hsla(0,0%,100%,.15);border-color:rgba(99,102,241,.6);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.search-icon-left[data-v-1051d159]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:hsla(0,0%,100%,.5);transition:all .3s ease}.search-wrapper:focus-within .search-icon-left[data-v-1051d159]{color:rgba(99,102,241,.8)}.search-icon-left svg[data-v-1051d159]{width:18px;height:18px}.search-input[data-v-1051d159]{flex:1;background:transparent;border:none;color:hsla(0,0%,100%,.9);padding:12px 16px;font-size:15px;font-weight:400;outline:none;transition:all .3s ease}.search-input[data-v-1051d159]::-moz-placeholder{color:hsla(0,0%,100%,.4);-moz-transition:all .3s ease;transition:all .3s ease}.search-input[data-v-1051d159]::placeholder{color:hsla(0,0%,100%,.4);transition:all .3s ease}.search-wrapper:focus-within .search-input[data-v-1051d159]::-moz-placeholder{color:hsla(0,0%,100%,.6)}.search-wrapper:focus-within .search-input[data-v-1051d159]::placeholder{color:hsla(0,0%,100%,.6)}.search-btn[data-v-1051d159]{position:relative;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 4px 15px rgba(99,102,241,.3)}.search-btn[data-v-1051d159]:hover{background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 25px rgba(99,102,241,.4)}.search-btn[data-v-1051d159]:active{transform:translateY(0)}.btn-glow[data-v-1051d159]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);transition:left .5s ease}.search-btn:hover .btn-glow[data-v-1051d159]{left:100%}.auth-section[data-v-1051d159]{display:flex;align-items:center;gap:12px}.modern-btn[data-v-1051d159]{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;border:2px solid transparent;text-decoration:none}.outline-btn[data-v-1051d159]{background:transparent;color:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.2);backdrop-filter:blur(10px)}.outline-btn[data-v-1051d159]:hover{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 10px 30px hsla(0,0%,100%,.1)}.primary-btn[data-v-1051d159]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 8px 25px rgba(99,102,241,.3)}.primary-btn[data-v-1051d159]:hover{background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-3px);box-shadow:0 15px 40px rgba(99,102,241,.4)}.btn-shine[data-v-1051d159]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);transition:left .6s ease}.modern-btn:hover .btn-shine[data-v-1051d159]{left:100%}.user-section[data-v-1051d159]{position:relative;overflow:visible}.nav-right[data-v-1051d159]{display:flex;align-items:center;justify-content:flex-end;overflow:visible}.user-menu[data-v-1051d159]{position:relative;cursor:pointer;transition:all .3s ease}.user-card[data-v-1051d159]{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:25px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-width:200px}.user-card[data-v-1051d159]:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.user-menu.active .user-card[data-v-1051d159]{background:hsla(0,0%,100%,.15);border-color:rgba(99,102,241,.4);box-shadow:0 10px 30px rgba(99,102,241,.2)}.user-avatar[data-v-1051d159]{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-image[data-v-1051d159]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-1051d159]{width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.avatar-ring[data-v-1051d159]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);background-clip:border-box;z-index:-1}.avatar-glow[data-v-1051d159]{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.3) 0,transparent 70%);animation:avatarGlow-1051d159 3s ease-in-out infinite;z-index:-2}@keyframes avatarGlow-1051d159{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.user-info[data-v-1051d159]{flex:1;display:flex;flex-direction:column;gap:2px}.user-name[data-v-1051d159]{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status[data-v-1051d159]{color:rgba(76,175,80,.8);font-size:12px;font-weight:400}.dropdown-trigger[data-v-1051d159]{display:flex;align-items:center;justify-content:center}.dropdown-icon[data-v-1051d159]{width:16px;height:16px;color:hsla(0,0%,100%,.6);transition:all .3s ease}.user-menu.active .dropdown-icon[data-v-1051d159]{transform:rotate(180deg);color:rgba(99,102,241,.8)}.user-dropdown[data-v-1051d159]{position:absolute;top:calc(100% + 12px);right:0;background:rgba(13,13,30,.95);backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:12px 0;min-width:280px;box-shadow:0 20px 40px rgba(0,0,0,.4);z-index:9999;transform:translateY(0);opacity:1;animation:dropdownSlide-1051d159 .3s ease;will-change:transform,opacity;pointer-events:auto}@keyframes dropdownSlide-1051d159{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-background[data-v-1051d159]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:20px}.dropdown-item[data-v-1051d159]{position:relative;display:flex;align-items:center;gap:16px;color:hsla(0,0%,100%,.8);text-decoration:none;padding:16px 20px;transition:all .3s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer}.dropdown-item[data-v-1051d159]:hover{background:hsla(0,0%,100%,.08);color:#fff;transform:translateX(4px)}.dropdown-item.logout-item[data-v-1051d159]:hover{background:rgba(239,68,68,.1);color:#fca5a5}.item-icon[data-v-1051d159]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:12px;transition:all .3s ease}.item-icon svg[data-v-1051d159]{width:20px;height:20px;color:hsla(0,0%,100%,.7);transition:all .3s ease}.dropdown-item:hover .item-icon[data-v-1051d159]{background:rgba(99,102,241,.2);transform:scale(1.1)}.dropdown-item:hover .item-icon svg[data-v-1051d159]{color:rgba(99,102,241,.9)}.logout-item:hover .item-icon[data-v-1051d159]{background:rgba(239,68,68,.2)}.logout-item:hover .item-icon svg[data-v-1051d159]{color:#fca5a5}.item-content[data-v-1051d159]{flex:1;display:flex;flex-direction:column;gap:2px}.item-title[data-v-1051d159]{font-size:14px;font-weight:600;line-height:1.2}.item-desc[data-v-1051d159]{font-size:12px;color:hsla(0,0%,100%,.5);line-height:1.2}.item-arrow[data-v-1051d159]{color:hsla(0,0%,100%,.4);font-size:16px;transition:all .3s ease}.dropdown-item:hover .item-arrow[data-v-1051d159]{color:rgba(99,102,241,.8);transform:translateX(4px)}.dropdown-divider[data-v-1051d159]{height:1px;background:hsla(0,0%,100%,.1);margin:8px 20px}@media (max-width:1024px){.nav-container[data-v-1051d159]{gap:20px}.nav-search[data-v-1051d159]{max-width:300px}}@media (max-width:768px){.nav-container[data-v-1051d159]{gap:16px;padding:12px 16px}.nav-menu[data-v-1051d159]{display:none}.nav-search[data-v-1051d159]{max-width:200px}.action-btn span[data-v-1051d159],.user-name[data-v-1051d159]{display:none}}@media (max-width:1200px){.nav-container[data-v-1051d159],.nav-left[data-v-1051d159]{gap:24px}.nav-center[data-v-1051d159]{max-width:400px}}@media (max-width:992px){.nav-container[data-v-1051d159]{grid-template-columns:auto auto;gap:20px}.nav-center[data-v-1051d159]{order:3;grid-column:1/-1;margin-top:12px;max-width:100%}.top-navigation[data-v-1051d159]{height:auto;min-height:80px}.nav-menu[data-v-1051d159]{gap:4px;padding:6px 8px}.link-content[data-v-1051d159]{padding:10px 12px}.link-text[data-v-1051d159]{font-size:13px}}@media (max-width:768px){.nav-container[data-v-1051d159]{padding:0 16px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.nav-left[data-v-1051d159]{justify-content:space-between;width:100%}.nav-menu[data-v-1051d159]{overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:6px 8px;gap:2px}.nav-menu[data-v-1051d159]::-webkit-scrollbar{display:none}.nav-right[data-v-1051d159]{width:100%;justify-content:center}.user-card[data-v-1051d159]{min-width:auto;width:100%;max-width:300px;margin:0 auto}.auth-section[data-v-1051d159]{width:100%;justify-content:center}.modern-btn[data-v-1051d159]{flex:1;max-width:120px}}@media (max-width:480px){.nav-container[data-v-1051d159]{padding:0 12px}.brand-logo[data-v-1051d159]{height:35px}.nav-menu[data-v-1051d159]{flex-wrap:wrap;justify-content:center}.link-content[data-v-1051d159]{padding:8px 10px}.link-text[data-v-1051d159]{font-size:12px}.nav-icon[data-v-1051d159]{width:16px;height:16px}.search-wrapper[data-v-1051d159]{padding:3px}.search-input[data-v-1051d159]{padding:10px 12px;font-size:14px}.search-btn[data-v-1051d159]{padding:8px 16px;font-size:13px}.user-dropdown[data-v-1051d159]{left:12px;right:12px;min-width:auto}}@media (prefers-color-scheme:dark){.nav-background[data-v-1051d159]{background:linear-gradient(135deg,rgba(8,8,20,.98),rgba(15,15,30,.96) 50%,rgba(20,20,40,.94))}}@media (prefers-reduced-motion:reduce){[data-v-1051d159],[data-v-1051d159]:after,[data-v-1051d159]:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.avatar-glow[data-v-1051d159],.brand-pulse[data-v-1051d159],.floating-particles[data-v-1051d159]{display:none}}@media (prefers-contrast:high){.nav-background[data-v-1051d159]{background:rgba(0,0,0,.95)}.nav-link.active .link-content[data-v-1051d159],.nav-link:hover .link-content[data-v-1051d159]{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.5)}.search-wrapper[data-v-1051d159],.user-card[data-v-1051d159]{border:2px solid hsla(0,0%,100%,.3)}}.website-footer[data-v-e1c4aab2]{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;padding:40px 0 16px 0;margin-top:60px;border-top:1px solid hsla(0,0%,100%,.1)}.footer-content[data-v-e1c4aab2]{max-width:1400px;margin:0 auto;padding:0 20px 20px 20px;display:flex;flex-direction:column;gap:16px}.footer-main[data-v-e1c4aab2]{display:grid;grid-template-columns:2fr 1fr;gap:48px}.footer-section[data-v-e1c4aab2]{display:flex;flex-direction:column;gap:20px}.brand-section-footer[data-v-e1c4aab2]{max-width:320px}.footer-brand[data-v-e1c4aab2]{display:flex;align-items:center;margin-bottom:16px}.footer-logo[data-v-e1c4aab2]{height:40px;width:auto;-o-object-fit:contain;object-fit:contain}.footer-description[data-v-e1c4aab2]{color:#94a3b8;line-height:1.6;margin-bottom:24px}.social-links[data-v-e1c4aab2]{display:flex;gap:16px}.social-link[data-v-e1c4aab2]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#94a3b8;text-decoration:none;transition:all .3s ease}.social-link[data-v-e1c4aab2]:hover{background:rgba(99,102,241,.1);border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.social-icon[data-v-e1c4aab2]{width:20px;height:20px}.footer-title[data-v-e1c4aab2]{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.footer-links[data-v-e1c4aab2]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links.horizontal[data-v-e1c4aab2]{flex-direction:row;gap:16px;align-items:center;justify-content:center}.separator[data-v-e1c4aab2]{color:#64748b;font-size:14px}.company-info[data-v-e1c4aab2]{text-align:center;margin:8px 0}.company-info p[data-v-e1c4aab2]{color:#94a3b8;font-size:14px;margin:2px 0;line-height:1.4}.company-name[data-v-e1c4aab2]{font-weight:600;color:#fff!important;font-size:16px!important}.copyright-text[data-v-e1c4aab2]{text-align:center;margin:8px 0}.copyright-text p[data-v-e1c4aab2]{color:#64748b;font-size:14px;margin:0}.icp-info[data-v-e1c4aab2]{text-align:center;margin:4px 0 8px 0}.icp-info p[data-v-e1c4aab2]{color:#64748b;font-size:12px;margin:0}.icp-link[data-v-e1c4aab2]{color:#64748b;text-decoration:none;transition:color .3s ease}.icp-link[data-v-e1c4aab2]:hover{color:#6366f1;text-decoration:underline}.footer-link[data-v-e1c4aab2]{color:#94a3b8;text-decoration:none;transition:color .3s ease;font-size:14px}.footer-link[data-v-e1c4aab2]:hover{color:#6366f1}.footer-bottom[data-v-e1c4aab2]{background:rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.1);padding:16px 0}.footer-bottom-content[data-v-e1c4aab2]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;color:#64748b;font-size:14px}.footer-stats[data-v-e1c4aab2]{display:flex;gap:24px}.stat-item[data-v-e1c4aab2]{font-size:12px;color:#94a3b8}@media (max-width:768px){.website-footer[data-v-e1c4aab2]{margin-top:32px;padding:32px 0 12px 0}.footer-content[data-v-e1c4aab2]{padding:0 16px 32px 16px}.footer-main[data-v-e1c4aab2]{grid-template-columns:1fr;gap:20px}.brand-section-footer[data-v-e1c4aab2]{max-width:none}.footer-bottom-content[data-v-e1c4aab2]{padding:0 16px}.footer-stats[data-v-e1c4aab2]{gap:16px}.footer-links.horizontal[data-v-e1c4aab2]{flex-wrap:wrap;gap:12px;justify-content:center}.separator[data-v-e1c4aab2]{display:none}.company-info p[data-v-e1c4aab2]{font-size:13px}.company-name[data-v-e1c4aab2]{font-size:15px!important}}.layout-base[data-v-3ba74d7a]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.content-wrapper[data-v-3ba74d7a]{flex:1;display:grid;grid-template-columns:1fr 300px;gap:20px;padding:0 20px;margin-top:20px}.main-content[data-v-3ba74d7a]{overflow:hidden}.sidebar-content[data-v-3ba74d7a]{width:300px}@media (max-width:900px){.content-wrapper[data-v-3ba74d7a]{grid-template-columns:1fr;gap:20px}.sidebar-content[data-v-3ba74d7a]{width:100%}}[data-v-36816c68]{margin:0;padding:0;box-sizing:border-box}.page-main-content[data-v-36816c68]{display:flex;flex-direction:column;gap:32px}.top-header[data-v-36816c68]{grid-area:header;background:rgba(15,15,35,.95);backdrop-filter:blur(20px);border-radius:16px;margin-top:20px;border:1px solid hsla(0,0%,100%,.1)}.header-content[data-v-36816c68]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.brand-section[data-v-36816c68]{display:flex;align-items:center;gap:40px}.brand-logo[data-v-36816c68]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-36816c68]{width:32px;height:32px;color:#6366f1}.brand-text[data-v-36816c68]{font-size:24px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu[data-v-36816c68]{display:flex;gap:24px}.nav-link[data-v-36816c68]{color:#94a3b8;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease}.nav-link.active[data-v-36816c68],.nav-link[data-v-36816c68]:hover{color:#fff;background:rgba(99,102,241,.2)}.header-actions[data-v-36816c68]{display:flex;align-items:center;gap:16px}.search-container[data-v-36816c68]{position:relative;display:flex;align-items:center}.search-icon[data-v-36816c68]{position:absolute;left:12px;width:20px;height:20px;color:#64748b;pointer-events:none}.search-input[data-v-36816c68]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:12px 16px 12px 44px;color:#fff;width:300px;font-size:14px}.search-input[data-v-36816c68]::-moz-placeholder{color:#64748b}.search-input[data-v-36816c68]::placeholder{color:#64748b}.search-input[data-v-36816c68]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.action-btn[data-v-36816c68]{padding:10px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.secondary[data-v-36816c68]{background:transparent;color:#94a3b8;border:1px solid hsla(0,0%,100%,.2)}.action-btn.secondary[data-v-36816c68]:hover{color:#fff;border-color:#6366f1}.action-btn.primary[data-v-36816c68]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-btn.primary[data-v-36816c68]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(99,102,241,.4)}.sidebar[data-v-36816c68]{display:flex;flex-direction:column;gap:24px}.featured-section[data-v-36816c68]{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:24px;padding:32px;border:1px solid hsla(0,0%,100%,.1)}.featured-loading[data-v-36816c68]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.featured-loading .loading-spinner[data-v-36816c68]{margin-bottom:16px}.featured-loading .loading-text[data-v-36816c68]{color:#94a3b8;font-size:16px;font-weight:500}.featured-error[data-v-36816c68]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.featured-error .error-icon[data-v-36816c68]{margin-bottom:16px}.featured-error .error-text[data-v-36816c68]{color:#f87171;font-size:16px;font-weight:500;margin-bottom:20px}.featured-play-overlay[data-v-36816c68]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease;cursor:pointer}.featured-card:hover .featured-play-overlay[data-v-36816c68]{opacity:1}.featured-play-btn[data-v-36816c68]{width:80px;height:80px;background:hsla(0,0%,100%,.95);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.featured-play-btn[data-v-36816c68]:hover{transform:scale(1.1);background:#fff}.featured-play-btn .play-icon[data-v-36816c68]{width:32px;height:32px;color:#1e293b;margin-left:4px}.featured-placeholder[data-v-36816c68]{background:linear-gradient(135deg,#1e293b,#334155)!important}.featured-description[data-v-36816c68]{margin-top:16px;margin-bottom:20px}.featured-description p[data-v-36816c68]{color:#94a3b8;font-size:16px;line-height:1.6;margin:0}.live-status-bar[data-v-36816c68]{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:4}.live-quality[data-v-36816c68]{display:flex;gap:8px}.quality-badge[data-v-36816c68]{background:rgba(0,0,0,.8);color:#0f8;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.3)}.live-metrics[data-v-36816c68]{position:absolute;top:70px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:4}.live-audience[data-v-36816c68]{position:absolute;bottom:80px;right:16px;z-index:4}.audience-avatars[data-v-36816c68]{display:flex;align-items:center;gap:-8px}.audience-avatar[data-v-36816c68]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);animation:avatarFloat-36816c68 3s infinite}.audience-avatar[data-v-36816c68]:nth-child(2n){animation-delay:.5s}@keyframes avatarFloat-36816c68{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.more-audience[data-v-36816c68]{background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:16px;font-size:11px;font-weight:600;margin-left:8px;border:1px solid hsla(0,0%,100%,.2)}.live-chat-preview[data-v-36816c68]{position:absolute;bottom:140px;left:16px;right:100px;z-index:3;pointer-events:none;max-height:60px;overflow:hidden}.chat-message[data-v-36816c68]{background:rgba(0,0,0,.4);color:#fff;padding:4px 10px;border-radius:16px;margin-bottom:4px;font-size:11px;backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.1);animation:chatSlideIn-36816c68 4s ease-out;max-width:60%;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes chatSlideIn-36816c68{0%{opacity:0;transform:translateX(-50%)}15%{opacity:.8;transform:translateX(0)}85%{opacity:.8;transform:translateX(0)}to{opacity:0;transform:translateX(50%)}}.chat-user[data-v-36816c68]{color:#60a5fa;font-weight:600;margin-right:4px}.chat-text[data-v-36816c68]{color:#fff}.gift-effects[data-v-36816c68]{position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:5;pointer-events:none}.gift-animation[data-v-36816c68]{display:flex;align-items:center;gap:8px;margin-bottom:10px;opacity:0;transform:translateX(100px) scale(.5);transition:all .5s ease}.gift-animation.active[data-v-36816c68]{opacity:1;transform:translateX(0) scale(1);animation:giftBounce-36816c68 2s ease-out}@keyframes giftBounce-36816c68{0%{transform:translateX(100px) scale(.5);opacity:0}50%{transform:translateX(-10px) scale(1.2);opacity:1}to{transform:translateX(0) scale(1);opacity:1}}.gift-emoji[data-v-36816c68]{font-size:24px;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.gift-count[data-v-36816c68]{background:linear-gradient(135deg,gold,#ff6b35);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.play-hint[data-v-36816c68]{margin-top:12px;color:#fff;font-size:14px;font-weight:500;text-align:center;opacity:0;transform:translateY(10px);transition:all .3s ease}.featured-card:hover .play-hint[data-v-36816c68]{opacity:1;transform:translateY(0)}.featured-card[data-v-36816c68]{display:grid;grid-template-columns:400px 1fr;gap:32px;align-items:center}.featured-image[data-v-36816c68]{position:relative;height:225px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;overflow:hidden}.live-badge[data-v-36816c68]{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:6px;background:#ef4444;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.live-icon[data-v-36816c68]{width:8px;height:8px}.viewer-stats[data-v-36816c68]{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.viewers-icon[data-v-36816c68]{width:16px;height:16px}.featured-info[data-v-36816c68]{display:flex;flex-direction:column;gap:20px}.featured-title[data-v-36816c68]{font-size:32px;font-weight:700;color:#fff}.streamer-profile[data-v-36816c68]{display:flex;align-items:center;gap:16px}.streamer-avatar[data-v-36816c68]{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%}.streamer-details h3[data-v-36816c68]{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.streamer-details p[data-v-36816c68]{font-size:14px;color:#94a3b8}.featured-tags[data-v-36816c68]{display:flex;gap:12px}.tag[data-v-36816c68]{background:rgba(99,102,241,.2);color:#6366f1;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500}.categories-section[data-v-36816c68]{display:flex;flex-direction:column;gap:24px}.section-title[data-v-36816c68]{font-size:24px;font-weight:700;color:#fff}.categories-grid[data-v-36816c68]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,150px));gap:16px;justify-content:start}.category-card[data-v-36816c68]{position:relative;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .3s ease;overflow:hidden;max-width:150px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.category-card[data-v-36816c68]:hover{transform:translateY(-8px);background:rgba(99,102,241,.1);border-color:#6366f1}.category-card:hover .category-overlay[data-v-36816c68]{opacity:1}.category-icon[data-v-36816c68]{margin-bottom:4px}.category-image-container[data-v-36816c68]{margin-bottom:8px;display:flex;justify-content:center;align-items:center}.category-image[data-v-36816c68]{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(99,102,241,.3);transition:all .3s ease}.category-card:hover .category-image[data-v-36816c68]{border-color:#6366f1;transform:scale(1.05)}.category-icon svg[data-v-36816c68]{width:24px;height:24px;color:#6366f1}.category-name[data-v-36816c68]{font-size:14px;font-weight:600;color:#fff;margin:8px 0 4px 0}.category-count[data-v-36816c68]{font-size:12px;color:#94a3b8}.category-overlay[data-v-36816c68]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(99,102,241,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.explore-btn[data-v-36816c68]{background:#fff;color:#6366f1;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.recommendations-section[data-v-36816c68]{display:flex;flex-direction:column;gap:24px}.recommended-loading[data-v-36816c68]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.recommended-loading .loading-spinner[data-v-36816c68]{margin-bottom:12px}.recommended-loading .spinner-icon[data-v-36816c68]{width:32px;height:32px;color:#6366f1;animation:spin-36816c68 1s linear infinite}.recommended-loading .loading-text[data-v-36816c68]{color:#94a3b8;font-size:14px;font-weight:500}.section-header[data-v-36816c68]{display:flex;justify-content:space-between;align-items:center}.filter-tabs[data-v-36816c68]{display:flex;gap:8px}.filter-tab[data-v-36816c68]{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#94a3b8;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.filter-tab.active[data-v-36816c68],.filter-tab[data-v-36816c68]:hover{background:#6366f1;border-color:#6366f1;color:#fff}.streams-grid[data-v-36816c68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.stream-card[data-v-36816c68]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.stream-card[data-v-36816c68]:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.3)}.stream-thumbnail[data-v-36816c68]{position:relative;height:180px;background:linear-gradient(135deg,#1e293b,#334155);overflow:hidden}.stream-preview[data-v-36816c68]{width:100%;height:100%;background:linear-gradient(45deg,#374151,#4b5563)}.stream-overlay[data-v-36816c68]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.stream-card:hover .stream-overlay[data-v-36816c68]{opacity:1}.play-button[data-v-36816c68]{width:60px;height:60px;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.play-icon[data-v-36816c68]{width:24px;height:24px;color:#1e293b;margin-left:4px}.stream-stats[data-v-36816c68]{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}.duration[data-v-36816c68],.viewer-count[data-v-36816c68]{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px}.stat-icon[data-v-36816c68]{width:12px;height:12px}.stream-info[data-v-36816c68]{padding:16px}.stream-header[data-v-36816c68]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.streamer-avatar.small[data-v-36816c68]{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0}.stream-details[data-v-36816c68]{flex:1}.stream-title[data-v-36816c68]{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.3}.stream-description[data-v-36816c68]{font-size:12px;color:#94a3b8;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.follow-btn[data-v-36816c68]{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.follow-btn[data-v-36816c68]:hover{border-color:#6366f1;color:#6366f1}.follow-icon[data-v-36816c68]{width:16px;height:16px}.stream-tags[data-v-36816c68]{display:flex;gap:8px}.stream-tag[data-v-36816c68]{background:rgba(99,102,241,.2);color:#6366f1;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500}.broadcast-plaza[data-v-36816c68]{display:flex;flex-direction:column;gap:28px}.plaza-header[data-v-36816c68]{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.plaza-title[data-v-36816c68]{display:flex;align-items:center;gap:16px;font-size:28px;font-weight:700;color:#fff;margin:0}.plaza-icon[data-v-36816c68]{width:32px;height:32px;color:#6366f1}.plaza-filter[data-v-36816c68]{display:flex;gap:8px}.filter-button[data-v-36816c68]{padding:10px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-button.active-filter[data-v-36816c68]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff}.filter-button[data-v-36816c68]:hover:not(.active-filter){background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3);color:#fff}.plaza-grid[data-v-36816c68]{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:28px}.refresh-btn[data-v-36816c68]{display:flex;align-items:center;gap:8px;background:rgba(99,102,241,.1)!important;border-color:rgba(99,102,241,.3)!important}.refresh-btn[data-v-36816c68]:disabled{opacity:.6;cursor:not-allowed}.refresh-icon[data-v-36816c68]{width:16px;height:16px;transition:transform .3s ease}.refresh-icon.spinning[data-v-36816c68]{animation:spin-36816c68 1s linear infinite}@keyframes spin-36816c68{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-section[data-v-36816c68]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner[data-v-36816c68]{margin-bottom:20px}.spinner-icon[data-v-36816c68]{width:48px;height:48px;color:#6366f1;animation:spin-36816c68 1s linear infinite}.loading-text[data-v-36816c68]{color:#94a3b8;font-size:16px;font-weight:500}.error-section[data-v-36816c68]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.error-icon[data-v-36816c68]{margin-bottom:20px}.error-icon svg[data-v-36816c68]{width:48px;height:48px;color:#ef4444}.error-text[data-v-36816c68]{color:#f87171;font-size:16px;font-weight:500;margin-bottom:24px}.retry-btn[data-v-36816c68]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn[data-v-36816c68]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(99,102,241,.4)}.broadcast-card[data-v-36816c68]{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.broadcast-card[data-v-36816c68]:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(99,102,241,.15);border-color:rgba(99,102,241,.25)}.video-wrapper[data-v-36816c68]{position:relative;width:100%;height:240px;overflow:hidden}.video-display[data-v-36816c68]{position:relative;width:100%;height:100%;background-size:cover;background-position:50%}.video-overlay[data-v-36816c68]{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;z-index:3}.streaming-status[data-v-36816c68]{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.95);color:#fff;padding:8px 16px;border-radius:24px;font-size:13px;font-weight:700;backdrop-filter:blur(10px)}.status-indicator[data-v-36816c68]{width:8px;height:8px;background:#fff;border-radius:50%;animation:statusPulse-36816c68 2s infinite}@keyframes statusPulse-36816c68{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.status-text[data-v-36816c68]{font-size:12px;letter-spacing:.5px}.audience-counter[data-v-36816c68]{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.75);color:#fff;padding:8px 14px;border-radius:24px;font-size:13px;font-weight:600;backdrop-filter:blur(10px)}.counter-icon[data-v-36816c68]{width:16px;height:16px}.interaction-layer[data-v-36816c68]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease;z-index:2}.broadcast-card:hover .interaction-layer[data-v-36816c68]{opacity:1}.play-control[data-v-36816c68]{width:72px;height:72px;background:hsla(0,0%,100%,.95);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-bottom:40px}.play-control[data-v-36816c68]:hover{transform:scale(1.1);background:#fff}.play-symbol[data-v-36816c68]{width:28px;height:28px;color:#1e293b;margin-left:3px}.control-panel[data-v-36816c68]{position:absolute;bottom:16px;right:16px;display:flex;gap:8px}.control-item[data-v-36816c68]{width:40px;height:40px;background:rgba(0,0,0,.8);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);font-size:12px;font-weight:600}.control-item[data-v-36816c68]:hover{background:rgba(99,102,241,.9);transform:scale(1.05)}.control-svg[data-v-36816c68]{width:18px;height:18px}.quality-control[data-v-36816c68]{font-size:11px;font-weight:700}.content-information[data-v-36816c68]{padding:24px}.content-header[data-v-36816c68]{margin-bottom:20px}.broadcast-title[data-v-36816c68]{font-size:17px;font-weight:600;color:#fff;margin:0 0 12px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.broadcast-description[data-v-36816c68]{font-size:14px;color:#94a3b8;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-metadata[data-v-36816c68]{margin-bottom:20px}.tag-collection[data-v-36816c68]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.content-tag[data-v-36816c68]{padding:6px 14px;background:rgba(99,102,241,.15);color:#6366f1;border-radius:16px;font-size:12px;font-weight:500;border:1px solid rgba(99,102,241,.2)}.engagement-metrics[data-v-36816c68]{display:flex;gap:20px}.metric-item[data-v-36816c68]{display:flex;align-items:center;gap:6px;font-size:13px;color:#94a3b8}.metric-icon[data-v-36816c68]{width:16px;height:16px}.metric-value[data-v-36816c68]{font-weight:600}.action-row[data-v-36816c68]{display:flex;gap:12px;align-items:center}.primary-action[data-v-36816c68]{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:14px 24px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-action[data-v-36816c68]:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(99,102,241,.4)}.secondary-action[data-v-36816c68]{width:48px;height:48px;background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.secondary-action[data-v-36816c68]:hover{border-color:#6366f1;color:#6366f1;background:rgba(99,102,241,.08)}.action-icon[data-v-36816c68]{width:18px;height:18px}.sidebar-section[data-v-36816c68]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:20px}.live-sidebar-header[data-v-36816c68]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-title[data-v-36816c68]{font-size:18px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.sidebar-icon[data-v-36816c68]{width:20px;height:20px;color:#6366f1}.live-count[data-v-36816c68]{font-size:12px;color:#94a3b8;background:rgba(99,102,241,.1);padding:4px 8px;border-radius:12px}.live-streams-sidebar[data-v-36816c68]{display:flex;flex-direction:column;gap:16px}.sidebar-stream[data-v-36816c68]{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease}.sidebar-stream[data-v-36816c68]:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);transform:translateY(-2px)}.sidebar-stream-thumbnail[data-v-36816c68]{position:relative;margin-bottom:12px}.sidebar-stream-preview[data-v-36816c68]{width:100%;height:80px;border-radius:8px;background-size:cover;background-position:50%;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:8px}.sidebar-live-indicator[data-v-36816c68]{display:flex;align-items:center;gap:4px;background:rgba(239,68,68,.95);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;backdrop-filter:blur(5px)}.sidebar-live-dot[data-v-36816c68]{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 2s infinite}.sidebar-live-text[data-v-36816c68]{text-transform:uppercase;letter-spacing:.5px}.sidebar-viewer-count[data-v-36816c68]{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;backdrop-filter:blur(5px)}.sidebar-viewer-icon[data-v-36816c68]{width:12px;height:12px}.sidebar-stream-info[data-v-36816c68]{text-align:left}.sidebar-stream-title[data-v-36816c68]{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-stream-category[data-v-36816c68]{font-size:12px;color:#94a3b8;margin:0}.sidebar-loading[data-v-36816c68]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.sidebar-loading .loading-spinner[data-v-36816c68]{margin-bottom:12px}.sidebar-loading .spinner-icon[data-v-36816c68]{width:32px;height:32px;color:#6366f1;animation:spin-36816c68 1s linear infinite}.sidebar-loading .loading-text[data-v-36816c68]{color:#94a3b8;font-size:14px;font-weight:500}.live-stream-item[data-v-36816c68]{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease}.live-stream-item[data-v-36816c68]:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);transform:translateY(-2px)}.live-thumbnail-container[data-v-36816c68]{position:relative;margin-bottom:12px}.live-thumbnail[data-v-36816c68]{width:100%;height:80px;border-radius:8px;background-size:cover;background-position:50%;position:relative;overflow:hidden}.live-indicator[data-v-36816c68]{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;background:rgba(239,68,68,.95);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;backdrop-filter:blur(5px)}.live-dot[data-v-36816c68]{width:6px;height:6px;background:#fff;border-radius:50%;animation:livePulse-36816c68 2s infinite}@keyframes livePulse-36816c68{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.live-text[data-v-36816c68]{font-size:9px;letter-spacing:.5px}.viewer-badge[data-v-36816c68]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;backdrop-filter:blur(5px)}.play-overlay-mini[data-v-36816c68]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.live-stream-item:hover .play-overlay-mini[data-v-36816c68]{opacity:1}.play-icon-mini[data-v-36816c68]{width:14px;height:14px;color:#1e293b;margin-left:1px}.stream-duration[data-v-36816c68]{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:8px;font-size:9px;font-weight:600}.live-stream-details[data-v-36816c68]{padding:0}.live-stream-title[data-v-36816c68]{font-size:14px;font-weight:600;color:#fff;margin:0 0 8px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.streamer-mini-info[data-v-36816c68]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.streamer-avatar-mini[data-v-36816c68]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.streamer-name-mini[data-v-36816c68]{font-size:12px;color:#94a3b8;font-weight:500}.stream-tags-mini[data-v-36816c68]{display:flex;gap:6px;margin-bottom:12px}.tag-mini[data-v-36816c68]{padding:2px 8px;background:rgba(99,102,241,.15);color:#6366f1;border-radius:8px;font-size:10px;font-weight:500}.quick-actions[data-v-36816c68]{display:flex;gap:8px;align-items:center}.watch-now-mini[data-v-36816c68]{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:4px}.watch-now-mini[data-v-36816c68]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.watch-icon[data-v-36816c68]{width:12px;height:12px}.share-mini[data-v-36816c68]{width:32px;height:32px;background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.share-mini[data-v-36816c68]:hover{border-color:#6366f1;color:#6366f1;background:rgba(99,102,241,.08)}.share-icon[data-v-36816c68]{width:14px;height:14px}.sidebar-bottom[data-v-36816c68]{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08)}.sidebar-action-btn[data-v-36816c68]{width:100%;background:transparent;border:1px solid rgba(99,102,241,.3);color:#6366f1;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar-action-btn[data-v-36816c68]:hover{background:rgba(99,102,241,.1);border-color:#6366f1;transform:translateY(-2px)}.discover-more-btn[data-v-36816c68]{width:100%;background:transparent;border:1px solid rgba(99,102,241,.3);color:#6366f1;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.discover-more-btn[data-v-36816c68]:hover{background:rgba(99,102,241,.1);border-color:#6366f1;transform:translateY(-2px)}.discover-icon[data-v-36816c68]{width:16px;height:16px}@media (max-width:900px){.featured-card[data-v-36816c68]{grid-template-columns:1fr;text-align:center}.footer-content[data-v-36816c68]{grid-template-columns:1fr 1fr 1fr;gap:32px}.brand-section-footer[data-v-36816c68]{grid-column:1/-1}}@media (max-width:768px){.streaming-platform[data-v-36816c68]{padding:0 16px}.header-content[data-v-36816c68]{flex-direction:column;gap:16px;align-items:stretch}.brand-section[data-v-36816c68],.header-actions[data-v-36816c68]{justify-content:center}.search-input[data-v-36816c68]{width:100%}.categories-grid[data-v-36816c68]{grid-template-columns:repeat(2,1fr)}.plaza-grid[data-v-36816c68],.streams-grid[data-v-36816c68]{grid-template-columns:1fr}.footer-content[data-v-36816c68]{grid-template-columns:1fr;gap:32px;padding:32px 24px}.footer-bottom-content[data-v-36816c68]{flex-direction:column;text-align:center;padding:20px 24px}.footer-bottom-links[data-v-36816c68]{justify-content:center}}.website-footer[data-v-36816c68]{grid-area:footer;background:rgba(15,15,35,.95);border-radius:20px;margin-top:40px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden}.footer-content[data-v-36816c68]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:40px;padding:48px 40px}.footer-section[data-v-36816c68]{display:flex;flex-direction:column;gap:20px}.brand-section-footer[data-v-36816c68]{gap:24px}.footer-brand[data-v-36816c68]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-logo[data-v-36816c68]{width:36px;height:36px;color:#6366f1}.footer-brand-name[data-v-36816c68]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-description[data-v-36816c68]{font-size:15px;line-height:1.6;color:#94a3b8;margin:0}.social-links[data-v-36816c68]{display:flex;gap:16px}.social-link[data-v-36816c68]{width:44px;height:44px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .3s ease;text-decoration:none}.social-link[data-v-36816c68]:hover{background:rgba(99,102,241,.1);border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.social-icon[data-v-36816c68]{width:20px;height:20px}.footer-title[data-v-36816c68]{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px 0}.footer-links[data-v-36816c68]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-link[data-v-36816c68]{color:#94a3b8;text-decoration:none;font-size:14px;transition:all .3s ease;padding:4px 0}.footer-link[data-v-36816c68]:hover{color:#6366f1;padding-left:8px}.app-downloads[data-v-36816c68]{display:flex;flex-direction:column;gap:12px}.download-link[data-v-36816c68]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;text-decoration:none;transition:all .3s ease}.download-link[data-v-36816c68]:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);transform:translateY(-2px)}.download-icon[data-v-36816c68]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ios-icon[data-v-36816c68]{background:linear-gradient(135deg,#000,#434343)}.android-icon[data-v-36816c68]{background:linear-gradient(135deg,#4285f4,#34a853)}.download-svg[data-v-36816c68]{width:20px;height:20px;color:#fff}.download-info[data-v-36816c68]{display:flex;flex-direction:column;gap:2px}.download-store[data-v-36816c68]{font-size:12px;color:#94a3b8;font-weight:500}.download-device[data-v-36816c68]{font-size:14px;color:#fff;font-weight:600}.footer-bottom[data-v-36816c68]{background:rgba(0,0,0,.3);border-top:1px solid hsla(0,0%,100%,.08)}.footer-bottom-content[data-v-36816c68]{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;flex-wrap:wrap;gap:16px}.copyright[data-v-36816c68]{font-size:14px;color:#64748b;margin:0}.footer-bottom-links[data-v-36816c68]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bottom-link[data-v-36816c68]{color:#94a3b8;text-decoration:none;font-size:13px;transition:color .3s ease}.bottom-link[data-v-36816c68]:hover{color:#6366f1}.divider[data-v-36816c68]{color:#475569;font-size:12px}.icp-info[data-v-36816c68]{font-size:12px;color:#64748b;margin:0}.category-page[data-v-7c244cd2]{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.category-header[data-v-7c244cd2]{background:rgba(15,15,35,.95);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:20px 0;position:sticky;top:0;z-index:100}.header-content[data-v-7c244cd2]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.back-btn[data-v-7c244cd2]{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#e4e7eb;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-btn[data-v-7c244cd2]:hover{background:rgba(99,102,241,.1);border-color:#6366f1}.back-icon[data-v-7c244cd2]{width:18px;height:18px}.category-info[data-v-7c244cd2]{text-align:center;flex:1}.category-title[data-v-7c244cd2]{font-size:28px;font-weight:700;margin:0 0 8px 0;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-description[data-v-7c244cd2]{font-size:14px;color:#cbd5e1;margin:4px 0 8px 0;opacity:.9}.category-description strong[data-v-7c244cd2]{color:#6366f1;font-weight:600}.category-stats[data-v-7c244cd2]{font-size:14px;color:#94a3b8;margin:0}.category-actions[data-v-7c244cd2]{display:flex;gap:12px}.action-btn[data-v-7c244cd2]{display:flex;align-items:center;gap:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#e4e7eb;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.action-btn[data-v-7c244cd2]:hover{background:rgba(99,102,241,.2);border-color:#6366f1}.action-icon[data-v-7c244cd2]{width:18px;height:18px}.spinning[data-v-7c244cd2]{animation:spin-7c244cd2 1s linear infinite}@keyframes spin-7c244cd2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filter-section[data-v-7c244cd2]{background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1);padding:20px 0}.filter-container[data-v-7c244cd2]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.filter-tabs[data-v-7c244cd2]{display:flex;gap:12px}.filter-tab[data-v-7c244cd2]{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#94a3b8;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.filter-tab.active[data-v-7c244cd2],.filter-tab[data-v-7c244cd2]:hover{background:#6366f1;border-color:#6366f1;color:#fff}.sort-select[data-v-7c244cd2]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}.sort-select option[data-v-7c244cd2]{background:#1a1a2e;color:#fff}.category-main[data-v-7c244cd2]{max-width:1200px;margin:0 auto;padding:40px 20px}.error-section[data-v-7c244cd2],.loading-section[data-v-7c244cd2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.error-icon[data-v-7c244cd2],.loading-spinner[data-v-7c244cd2]{margin-bottom:16px}.spinner-icon[data-v-7c244cd2]{width:48px;height:48px;color:#6366f1;animation:spin-7c244cd2 1s linear infinite}.error-icon svg[data-v-7c244cd2]{width:48px;height:48px;color:#ef4444}.error-text[data-v-7c244cd2],.loading-text[data-v-7c244cd2]{color:#94a3b8;font-size:16px;margin-bottom:16px}.retry-btn[data-v-7c244cd2]{background:#6366f1;border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease}.retry-btn[data-v-7c244cd2]:hover{background:#5855eb}.videos-grid[data-v-7c244cd2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.video-card[data-v-7c244cd2]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.video-card[data-v-7c244cd2]:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.3);border-color:rgba(99,102,241,.3)}.video-thumbnail[data-v-7c244cd2]{position:relative;height:200px}.thumbnail-image[data-v-7c244cd2]{width:100%;height:100%;position:relative}.live-badge[data-v-7c244cd2]{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;background:rgba(239,68,68,.95);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.live-dot[data-v-7c244cd2]{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse-7c244cd2 2s infinite}@keyframes pulse-7c244cd2{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.video-stats[data-v-7c244cd2]{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center}.duration[data-v-7c244cd2],.viewer-count[data-v-7c244cd2]{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.stat-icon[data-v-7c244cd2]{width:12px;height:12px}.play-overlay[data-v-7c244cd2]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease}.video-card:hover .play-overlay[data-v-7c244cd2]{opacity:1}.play-btn[data-v-7c244cd2]{width:56px;height:56px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-btn[data-v-7c244cd2]:hover{transform:scale(1.1);background:#fff}.play-icon[data-v-7c244cd2]{width:20px;height:20px;color:#1e293b;margin-left:2px}.video-info[data-v-7c244cd2]{padding:20px}.video-title[data-v-7c244cd2]{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px 0;line-height:1.4}.video-description[data-v-7c244cd2],.video-title[data-v-7c244cd2]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description[data-v-7c244cd2]{font-size:14px;color:#94a3b8;line-height:1.5;margin:0 0 16px 0}.video-meta[data-v-7c244cd2]{display:flex;justify-content:space-between;align-items:center}.video-tags[data-v-7c244cd2]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-7c244cd2]{padding:4px 8px;background:rgba(99,102,241,.15);color:#6366f1;border-radius:12px;font-size:11px;font-weight:500}.video-actions[data-v-7c244cd2]{display:flex;gap:8px}.action-btn-small[data-v-7c244cd2]{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid hsla(0,0%,100%,.15);color:#94a3b8;padding:6px 10px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease}.action-btn-small[data-v-7c244cd2]:hover{border-color:#6366f1;color:#6366f1}.action-icon-small[data-v-7c244cd2]{width:14px;height:14px}@media (max-width:768px){.filter-container[data-v-7c244cd2],.header-content[data-v-7c244cd2]{flex-direction:column;gap:16px}.videos-grid[data-v-7c244cd2]{grid-template-columns:1fr;gap:16px}}.login-page[data-v-82de59b4]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-container[data-v-82de59b4]{position:relative;z-index:10;width:100%;max-width:400px}.login-card[data-v-82de59b4]{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);position:relative;z-index:10}.login-header[data-v-82de59b4]{text-align:center;margin-bottom:32px}.brand-logo[data-v-82de59b4]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.logo-icon[data-v-82de59b4]{width:40px;height:40px;color:#6366f1}.brand-text[data-v-82de59b4]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-title[data-v-82de59b4]{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px 0}.login-subtitle[data-v-82de59b4]{color:#94a3b8;margin:0;line-height:1.5}.login-form[data-v-82de59b4]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-82de59b4]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-82de59b4]{color:#e2e8f0;font-weight:500;font-size:14px}.input-container[data-v-82de59b4]{position:relative;display:flex;align-items:center}.input-icon[data-v-82de59b4]{position:absolute;left:16px;width:20px;height:20px;color:#64748b;z-index:1}.form-input[data-v-82de59b4]{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:14px 16px 14px 48px;color:#fff;font-size:16px;transition:all .3s ease;position:relative;z-index:5}.form-input[data-v-82de59b4]:focus{outline:none;border-color:#6366f1;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-input.error[data-v-82de59b4]{border-color:#ef4444}.form-input[data-v-82de59b4]::-moz-placeholder{color:#64748b}.form-input[data-v-82de59b4]::placeholder{color:#64748b}.password-toggle[data-v-82de59b4]{position:absolute;right:16px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;transition:color .3s ease}.password-toggle[data-v-82de59b4]:hover{color:#94a3b8}.toggle-icon[data-v-82de59b4]{width:20px;height:20px}.error-message[data-v-82de59b4]{color:#ef4444;font-size:12px;margin-top:4px}.form-options[data-v-82de59b4]{display:flex;justify-content:space-between;align-items:center}.checkbox-container[data-v-82de59b4]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-input[data-v-82de59b4]{display:none}.checkbox-custom[data-v-82de59b4]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-radius:4px;position:relative;transition:all .3s ease}.checkbox-input:checked+.checkbox-custom[data-v-82de59b4]{background:#6366f1;border-color:#6366f1}.checkbox-input:checked+.checkbox-custom[data-v-82de59b4]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-text[data-v-82de59b4]{color:#e2e8f0;font-size:14px}.forgot-link[data-v-82de59b4]{color:#6366f1;text-decoration:none;font-size:14px;transition:color .3s ease}.forgot-link[data-v-82de59b4]:hover{color:#8b5cf6}.login-button[data-v-82de59b4]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button[data-v-82de59b4]:hover:not(:disabled){background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(99,102,241,.3)}.login-button[data-v-82de59b4]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-icon[data-v-82de59b4]{width:20px;height:20px;animation:spin-82de59b4 1s linear infinite}@keyframes spin-82de59b4{to{transform:rotate(1turn)}}.login-error[data-v-82de59b4],.login-success[data-v-82de59b4]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px}.login-error[data-v-82de59b4]{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.login-success[data-v-82de59b4]{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#86efac}.error-icon[data-v-82de59b4],.success-icon[data-v-82de59b4]{width:16px;height:16px}.register-link[data-v-82de59b4]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.register-link p[data-v-82de59b4]{color:#94a3b8;margin:0}.link[data-v-82de59b4]{color:#6366f1;text-decoration:none;font-weight:500;transition:color .3s ease}.link[data-v-82de59b4]:hover{color:#8b5cf6}.login-background[data-v-82de59b4]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.bg-circle[data-v-82de59b4]{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));animation:float-82de59b4 6s ease-in-out infinite}.circle-1[data-v-82de59b4]{width:300px;height:300px;top:-150px;right:-150px;animation-delay:0s}.circle-2[data-v-82de59b4]{width:200px;height:200px;bottom:-100px;left:-100px;animation-delay:2s}.circle-3[data-v-82de59b4]{width:150px;height:150px;top:50%;left:-75px;animation-delay:4s}@keyframes float-82de59b4{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:480px){.login-card[data-v-82de59b4]{padding:24px;margin:16px}.login-title[data-v-82de59b4]{font-size:20px}.form-input[data-v-82de59b4]{font-size:16px}}.register-page[data-v-0e0b91ce]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.register-container[data-v-0e0b91ce]{position:relative;z-index:10;width:100%;max-width:450px}.register-card[data-v-0e0b91ce]{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);position:relative;z-index:10}.register-header[data-v-0e0b91ce]{text-align:center;margin-bottom:32px}.brand-logo[data-v-0e0b91ce]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.logo-icon[data-v-0e0b91ce]{width:40px;height:40px;color:#6366f1}.brand-text[data-v-0e0b91ce]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.register-title[data-v-0e0b91ce]{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px 0}.register-subtitle[data-v-0e0b91ce]{color:#94a3b8;margin:0;line-height:1.5}.register-form[data-v-0e0b91ce]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-0e0b91ce]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-0e0b91ce]{color:#e2e8f0;font-weight:500;font-size:14px}.input-container[data-v-0e0b91ce]{position:relative;display:flex;align-items:center}.input-icon[data-v-0e0b91ce]{position:absolute;left:16px;width:20px;height:20px;color:#64748b;z-index:1}.form-input[data-v-0e0b91ce]{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:14px 16px 14px 48px;color:#fff;font-size:16px;transition:all .3s ease;position:relative;z-index:5}.form-input[data-v-0e0b91ce]:focus{outline:none;border-color:#6366f1;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-input.error[data-v-0e0b91ce]{border-color:#ef4444}.form-input[data-v-0e0b91ce]::-moz-placeholder{color:#64748b}.form-input[data-v-0e0b91ce]::placeholder{color:#64748b}.password-toggle[data-v-0e0b91ce]{position:absolute;right:16px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;transition:color .3s ease}.password-toggle[data-v-0e0b91ce]:hover{color:#94a3b8}.toggle-icon[data-v-0e0b91ce]{width:20px;height:20px}.error-message[data-v-0e0b91ce]{color:#ef4444;font-size:12px;margin-top:4px}.input-hint[data-v-0e0b91ce]{color:#64748b;font-size:12px;margin-top:4px}.checkbox-container[data-v-0e0b91ce]{display:flex;align-items:flex-start;gap:8px;cursor:pointer;line-height:1.5}.checkbox-input[data-v-0e0b91ce]{display:none}.checkbox-custom[data-v-0e0b91ce]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-radius:4px;position:relative;transition:all .3s ease;flex-shrink:0;margin-top:1px}.checkbox-input:checked+.checkbox-custom[data-v-0e0b91ce]{background:#6366f1;border-color:#6366f1}.checkbox-input:checked+.checkbox-custom[data-v-0e0b91ce]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-text[data-v-0e0b91ce]{color:#e2e8f0;font-size:14px}.terms-link[data-v-0e0b91ce]{color:#6366f1;text-decoration:none;transition:color .3s ease}.terms-link[data-v-0e0b91ce]:hover{color:#8b5cf6}.register-button[data-v-0e0b91ce]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.register-button[data-v-0e0b91ce]:hover:not(:disabled){background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(99,102,241,.3)}.register-button[data-v-0e0b91ce]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-icon[data-v-0e0b91ce]{width:20px;height:20px;animation:spin-0e0b91ce 1s linear infinite}@keyframes spin-0e0b91ce{to{transform:rotate(1turn)}}.register-error[data-v-0e0b91ce],.register-success[data-v-0e0b91ce]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px}.register-error[data-v-0e0b91ce]{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.register-success[data-v-0e0b91ce]{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#86efac}.error-icon[data-v-0e0b91ce],.success-icon[data-v-0e0b91ce]{width:16px;height:16px}.login-link[data-v-0e0b91ce]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.login-link p[data-v-0e0b91ce]{color:#94a3b8;margin:0}.link[data-v-0e0b91ce]{color:#6366f1;text-decoration:none;font-weight:500;transition:color .3s ease}.link[data-v-0e0b91ce]:hover{color:#8b5cf6}.register-background[data-v-0e0b91ce]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.bg-circle[data-v-0e0b91ce]{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));animation:float-0e0b91ce 6s ease-in-out infinite}.circle-1[data-v-0e0b91ce]{width:300px;height:300px;top:-150px;right:-150px;animation-delay:0s}.circle-2[data-v-0e0b91ce]{width:200px;height:200px;bottom:-100px;left:-100px;animation-delay:2s}.circle-3[data-v-0e0b91ce]{width:150px;height:150px;top:50%;left:-75px;animation-delay:4s}@keyframes float-0e0b91ce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:480px){.register-card[data-v-0e0b91ce]{padding:24px;margin:16px}.register-title[data-v-0e0b91ce]{font-size:20px}.form-input[data-v-0e0b91ce]{font-size:16px}}.video-detail-page[data-v-316f2246]{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;padding:20px}.loading-container[data-v-316f2246]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner[data-v-316f2246]{width:60px;height:60px}.loading-text[data-v-316f2246]{color:#94a3b8;font-size:16px}@keyframes spin-316f2246{to{transform:rotate(1turn)}}.error-container[data-v-316f2246]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center}.error-icon[data-v-316f2246]{width:60px;height:60px;color:#ef4444}.error-container h3[data-v-316f2246]{color:#fff;margin:0}.error-container p[data-v-316f2246]{color:#94a3b8;margin:0}.retry-btn[data-v-316f2246]{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:600;transition:background .3s ease}.retry-btn[data-v-316f2246]:hover{background:#5855eb}.video-content[data-v-316f2246]{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;gap:20px;min-height:calc(100vh - 120px)}.video-player-section[data-v-316f2246]{display:flex;flex-direction:column;gap:20px;min-height:0}.video-container[data-v-316f2246]{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9;width:100%;min-height:500px}.live-player-container[data-v-316f2246]{position:relative;width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;cursor:pointer}.live-player[data-v-316f2246]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.live-controls[data-v-316f2246]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:30px 20px 20px;display:flex;justify-content:space-between;align-items:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100}.live-controls.show-controls[data-v-316f2246],.live-player-container:hover .live-controls[data-v-316f2246]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.live-player-container[data-v-316f2246]{transition:all .3s ease}.live-player-container[data-v-316f2246]:hover{filter:brightness(1.05)}.comments-section[data-v-316f2246]{background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;overflow:visible;display:flex;flex-direction:column;min-height:100%}.comments-section[data-v-316f2246]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)}.comments-header[data-v-316f2246]{margin-bottom:16px;position:relative;flex-shrink:0}.comments-header h3[data-v-316f2246]{color:#fff;font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.comments-header h3[data-v-316f2246]:before{content:"💬";font-size:16px;filter:drop-shadow(0 0 8px rgba(99,102,241,.6))}.add-comment[data-v-316f2246]{margin-top:16px;position:relative;flex-shrink:0}.add-comment[data-v-316f2246]:before{content:"";position:absolute;top:-8px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}.comment-form[data-v-316f2246]{display:flex;gap:12px;align-items:flex-start}.user-avatar[data-v-316f2246]{width:36px;height:36px;flex-shrink:0;position:relative}.user-avatar img[data-v-316f2246]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(99,102,241,.3);box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease}.user-avatar:hover img[data-v-316f2246]{border-color:rgba(99,102,241,.6);transform:scale(1.05)}.comment-input-wrapper[data-v-316f2246]{flex:1;background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.15);border-radius:12px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.comment-input-wrapper[data-v-316f2246]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(99,102,241,.05),rgba(139,92,246,.05));opacity:0;transition:opacity .3s ease}.comment-input-wrapper[data-v-316f2246]:focus-within{border-color:rgba(99,102,241,.5);background:hsla(0,0%,100%,.1);box-shadow:0 0 0 2px rgba(99,102,241,.1);transform:translateY(-1px)}.comment-input-wrapper[data-v-316f2246]:focus-within:before{opacity:1}.comment-input[data-v-316f2246]{width:100%;background:none;border:none;color:#fff;font-size:14px;line-height:1.5;resize:vertical;min-height:60px;outline:none;font-family:inherit;position:relative;z-index:1}.comment-input[data-v-316f2246]::-moz-placeholder{color:#94a3b8;font-style:italic}.comment-input[data-v-316f2246]::placeholder{color:#94a3b8;font-style:italic}.comment-actions[data-v-316f2246]{justify-content:space-between;margin-top:12px;position:relative;z-index:1}.comment-tip[data-v-316f2246]{color:#64748b;font-size:11px;display:flex;align-items:center;gap:4px;font-weight:500}.comment-tip[data-v-316f2246]:before{content:"⌨️";font-size:12px}.submit-comment-btn[data-v-316f2246]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:80px;box-shadow:0 2px 8px rgba(99,102,241,.3)}.submit-comment-btn[data-v-316f2246]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.submit-comment-btn[data-v-316f2246]:hover:not(:disabled){background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(99,102,241,.4)}.submit-comment-btn[data-v-316f2246]:hover:not(:disabled):before{left:100%}.submit-comment-btn[data-v-316f2246]:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.submit-comment-btn[data-v-316f2246]:disabled{background:linear-gradient(135deg,#64748b,#475569);cursor:not-allowed;box-shadow:none;transform:none}.login-prompt[data-v-316f2246]{text-align:center;padding:20px 16px;color:#94a3b8;margin-top:16px;background:linear-gradient(145deg,rgba(99,102,241,.05),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.2);border-radius:12px;position:relative;overflow:hidden;flex-shrink:0}.login-prompt[data-v-316f2246]:before{content:"🔐";display:block;font-size:32px;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(99,102,241,.6))}.login-prompt p[data-v-316f2246]{margin:0;font-size:16px;font-weight:500}.login-link[data-v-316f2246]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;text-decoration:none;cursor:pointer;font-size:inherit;font-weight:600;padding:8px 16px;border-radius:8px;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;margin:0 4px;box-shadow:0 2px 8px rgba(99,102,241,.3)}.login-link[data-v-316f2246]:hover{background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.comments-loading[data-v-316f2246]{gap:12px;padding:40px;color:#94a3b8}.loading-spinner[data-v-316f2246]{width:24px;height:24px}.loading-icon[data-v-316f2246]{width:100%;height:100%;color:#6366f1;animation:spin-316f2246 1s linear infinite}.comment-item[data-v-316f2246]{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.06);position:relative;transition:all .3s ease}.comment-item[data-v-316f2246]:hover{background:linear-gradient(145deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));border-radius:8px;padding:12px 8px;margin:0 -8px}.comment-item[data-v-316f2246]:last-child{border-bottom:none}.comment-item .comment-avatar[data-v-316f2246]{width:32px;height:32px;flex-shrink:0;position:relative}.comment-item .comment-avatar img[data-v-316f2246]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid hsla(0,0%,100%,.1);transition:all .3s ease}.comment-content[data-v-316f2246]{flex:1;min-width:0}.comment-header[data-v-316f2246]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:8px}.comment-author[data-v-316f2246]{color:#e2e8f0;font-size:13px;font-weight:600;flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-time[data-v-316f2246]{color:#64748b;font-size:11px;font-weight:400;flex-shrink:0}.comment-text[data-v-316f2246]{color:#f1f5f9;font-size:13px;line-height:1.4;margin-bottom:6px;word-wrap:break-word;word-break:break-word}.comment-actions[data-v-316f2246]{display:flex;align-items:center;gap:12px}.comment-like-btn[data-v-316f2246]{background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:4px;transition:all .3s ease;font-size:11px}.comment-like-btn[data-v-316f2246]:hover{background:rgba(99,102,241,.1);color:#6366f1}.comment-like-btn .like-icon[data-v-316f2246]{width:12px;height:12px}.comment-reply-btn[data-v-316f2246]{background:none;border:none;color:#64748b;cursor:pointer;font-size:11px;padding:2px 4px;border-radius:4px;transition:all .3s ease}.comment-reply-btn[data-v-316f2246]:hover{background:rgba(99,102,241,.1);color:#6366f1}.no-comments[data-v-316f2246]{text-align:center;padding:80px 32px;color:#64748b;background:linear-gradient(145deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));border-radius:16px;border:1px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden}.no-comments[data-v-316f2246]:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.no-comments-icon[data-v-316f2246]{width:64px;height:64px;margin:0 auto 24px;color:#475569;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:50%;animation:float-316f2246 3s ease-in-out infinite}@keyframes float-316f2246{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.no-comments-icon svg[data-v-316f2246]{width:32px;height:32px}.no-comments p[data-v-316f2246]{font-size:16px;font-weight:500;margin:0;line-height:1.6}.no-comments p[data-v-316f2246]:first-of-type{color:#94a3b8;font-weight:600;margin-bottom:8px}.no-comments p[data-v-316f2246]:last-of-type{font-size:14px;opacity:.8}.comments-loading[data-v-316f2246]{display:flex;justify-content:center;align-items:center;padding:60px 32px;color:#64748b;gap:16px;background:linear-gradient(145deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));border-radius:16px;border:1px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden}.comments-loading[data-v-316f2246]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),transparent);animation:shimmer-316f2246 2s infinite}@keyframes shimmer-316f2246{0%{left:-100%}to{left:100%}}.comments-loading-spinner[data-v-316f2246]{width:24px;height:24px;border:3px solid rgba(99,102,241,.2);border-top:3px solid #6366f1;border-radius:50%;animation:spin-316f2246 1s linear infinite;box-shadow:0 0 12px rgba(99,102,241,.3)}.comments-loading span[data-v-316f2246]{font-size:16px;font-weight:500;position:relative;z-index:1}.live-status[data-v-316f2246]{display:flex;align-items:center;gap:16px}.live-indicator[data-v-316f2246]{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:500}.live-dot[data-v-316f2246]{width:10px;height:10px;background:#f44;border-radius:50%;animation:livePulse-316f2246 2s infinite;box-shadow:0 0 10px rgba(255,68,68,.8)}@keyframes livePulse-316f2246{0%{opacity:1;transform:scale(1);box-shadow:0 0 10px rgba(255,68,68,.8)}50%{opacity:.6;transform:scale(1.2);box-shadow:0 0 20px #f44}to{opacity:1;transform:scale(1);box-shadow:0 0 10px rgba(255,68,68,.8)}}.live-text[data-v-316f2246]{color:#fff}.viewer-count[data-v-316f2246]{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px}.viewer-icon[data-v-316f2246]{width:16px;height:16px;color:#fff}.control-buttons[data-v-316f2246]{display:flex;align-items:center;gap:12px}.control-btn[data-v-316f2246]{background:none;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;min-width:40px;min-height:40px}.control-btn[data-v-316f2246]:hover{background:hsla(0,0%,100%,.15);transform:scale(1.05)}.control-btn[data-v-316f2246]:active{transform:scale(.95)}.control-icon[data-v-316f2246]{width:20px;height:20px}.volume-slider[data-v-316f2246]{display:flex;align-items:center;margin:0 12px;transition:opacity .2s ease}.volume-range[data-v-316f2246]{width:100px;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;outline:none;cursor:pointer;transition:all .2s ease}.volume-range[data-v-316f2246]:hover{background:hsla(0,0%,100%,.4)}.volume-range[data-v-316f2246]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.3)}.volume-range[data-v-316f2246]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px rgba(0,0,0,.4)}.volume-range[data-v-316f2246]::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3);-moz-transition:all .2s ease;transition:all .2s ease}.volume-range[data-v-316f2246]::-moz-range-thumb:hover{transform:scale(1.2)}.live-overlay[data-v-316f2246]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:all;overflow:hidden;z-index:50}.like-animation[data-v-316f2246]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-heart[data-v-316f2246]{position:absolute;bottom:10%;font-size:36px;animation:floatUp-316f2246 3s ease-out forwards;pointer-events:none;z-index:200;text-shadow:2px 2px 4px rgba(0,0,0,.8);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}@keyframes floatUp-316f2246{0%{transform:translateY(0) scale(.5) rotate(0deg);opacity:0}20%{transform:translateY(-50px) scale(1.2) rotate(10deg);opacity:1}50%{transform:translateY(-150px) scale(1) rotate(-5deg);opacity:.9}80%{transform:translateY(-250px) scale(.8) rotate(5deg);opacity:.5}to{transform:translateY(-350px) scale(.3) rotate(0deg);opacity:0}}.danmaku-container[data-v-316f2246]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:150}.danmaku-item[data-v-316f2246]{position:absolute;color:#fff;font-size:18px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none;z-index:150;background:rgba(0,0,0,.4);padding:6px 12px;border-radius:20px;backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.1);animation:danmaku-move-316f2246 var(--animation-duration,10s) linear forwards;box-shadow:0 2px 8px rgba(0,0,0,.3)}.danmaku-item[data-v-316f2246]:hover{transform:scale(1.05);background:rgba(0,0,0,.6);box-shadow:0 4px 12px rgba(0,0,0,.4)}.danmaku-item[data-v-316f2246]{transition:all .3s ease}.danmaku-item[data-v-316f2246]:contains("💬"){animation:danmaku-move-316f2246 var(--animation-duration,10s) linear forwards,user-comment-pulse-316f2246 3s ease-in-out infinite}@keyframes user-comment-pulse-316f2246{0%,to{box-shadow:0 0 8px rgba(255,215,0,.4)}50%{box-shadow:0 0 16px rgba(255,215,0,.8),0 0 24px rgba(255,215,0,.4)}}@keyframes danmaku-move-316f2246{0%{transform:translateX(100vw);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateX(-100%);opacity:0}}.video-cover img[data-v-316f2246],.video-player[data-v-316f2246]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.paywall-overlay[data-v-316f2246]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10}.paywall-content[data-v-316f2246]{text-align:center;padding:40px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;max-width:400px}.paywall-icon[data-v-316f2246]{width:60px;height:60px;color:#f59e0b;margin:0 auto 20px}.paywall-content h3[data-v-316f2246]{color:#fff;margin:0 0 16px 0;font-size:24px}.paywall-content p[data-v-316f2246]{color:#94a3b8;margin:0 0 24px 0}.vip-tip[data-v-316f2246]{color:#fbbf24!important;font-size:14px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:8px 12px;margin:16px 0 24px 0!important;text-align:center}.paywall-actions[data-v-316f2246]{display:flex;flex-direction:column;gap:12px}.pay-btn[data-v-316f2246],.primary-btn[data-v-316f2246],.vip-btn[data-v-316f2246]{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.primary-btn[data-v-316f2246]{background:#6366f1;color:#fff}.primary-btn[data-v-316f2246]:hover{background:#5855eb}.vip-btn[data-v-316f2246]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.vip-btn[data-v-316f2246]:hover{background:linear-gradient(135deg,#d97706,#b45309)}.pay-btn[data-v-316f2246]{background:#10b981;color:#fff}.pay-btn[data-v-316f2246]:hover{background:#059669}.video-info[data-v-316f2246]{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px}.video-header[data-v-316f2246]{margin-bottom:20px}.video-title[data-v-316f2246]{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px 0;line-height:1.4}.video-meta[data-v-316f2246]{display:flex;gap:8px;flex-wrap:wrap}.category-tag[data-v-316f2246],.free-tag[data-v-316f2246],.paid-tag[data-v-316f2246],.vip-tag[data-v-316f2246]{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.category-tag[data-v-316f2246]{background:rgba(99,102,241,.2);color:#a5b4fc}.free-tag[data-v-316f2246]{background:rgba(16,185,129,.2);color:#6ee7b7}.paid-tag[data-v-316f2246]{background:rgba(245,158,11,.2);color:#fcd34d}.vip-tag[data-v-316f2246]{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.3));color:#fcd34d}.video-stats[data-v-316f2246]{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.stat-item[data-v-316f2246]{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:14px}.stat-icon[data-v-316f2246]{width:16px;height:16px}.video-description[data-v-316f2246]{margin-bottom:24px}.video-description h3[data-v-316f2246]{color:#fff;font-size:18px;margin:0 0 12px 0}.video-description p[data-v-316f2246]{color:#94a3b8;line-height:1.6;margin:0}.creator-info[data-v-316f2246]{display:flex;gap:16px;align-items:center;padding:16px;background:hsla(0,0%,100%,.05);border-radius:12px}.creator-avatar[data-v-316f2246]{width:50px;height:50px;border-radius:50%;overflow:hidden}.creator-avatar img[data-v-316f2246]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creator-details h4[data-v-316f2246]{color:#fff;margin:0 0 4px 0;font-size:16px}.creator-details p[data-v-316f2246]{color:#94a3b8;margin:0;font-size:14px}.related-videos[data-v-316f2246]{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px}.related-videos h3[data-v-316f2246]{color:#fff;font-size:18px;margin:0 0 16px 0}.no-related[data-v-316f2246]{color:#64748b;text-align:center;margin:40px 0}.modal-content[data-v-316f2246]{background:hsla(0,0%,100%,.05);backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-header[data-v-316f2246]{padding:24px 24px 0 24px}.modal-header h3[data-v-316f2246]{color:#fff;margin:0;font-size:20px}.close-btn[data-v-316f2246]{background:transparent;padding:4px;transition:color .3s ease}.modal-body[data-v-316f2246]{padding:24px}.vip-benefits h4[data-v-316f2246]{color:#fff;margin:0 0 12px 0}.vip-benefits ul[data-v-316f2246]{list-style:none;padding:0;margin:0}.vip-benefits li[data-v-316f2246]{color:#94a3b8;padding:4px 0}.vip-plans[data-v-316f2246]{display:flex;gap:16px}.plan-item[data-v-316f2246]{flex:1;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px;text-align:center;position:relative}.plan-item.recommended[data-v-316f2246]{border-color:#f59e0b}.recommend-tag[data-v-316f2246]{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#f59e0b;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-item h5[data-v-316f2246]{color:#fff;margin:0 0 8px 0}.price[data-v-316f2246]{color:#f59e0b;font-size:20px;font-weight:700;margin:0 0 4px 0}.discount[data-v-316f2246]{color:#94a3b8;font-size:12px;margin:0 0 16px 0}.plan-btn[data-v-316f2246]{background:#f59e0b;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;width:100%;transition:background .3s ease}.plan-btn[data-v-316f2246]:hover{background:#d97706}.payment-info[data-v-316f2246]{margin-bottom:24px;text-align:center}.payment-info h4[data-v-316f2246]{color:#fff;margin:0 0 8px 0}.payment-amount[data-v-316f2246]{color:#f59e0b;font-size:24px;font-weight:700;margin:0}.payment-methods h5[data-v-316f2246]{color:#fff;margin:0 0 16px 0}.payment-option[data-v-316f2246]{gap:12px;padding:12px;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;margin-bottom:8px;transition:background .3s ease}.payment-option[data-v-316f2246]:hover{background:hsla(0,0%,100%,.08)}.payment-option input[type=radio][data-v-316f2246]{margin:0}.payment-label[data-v-316f2246]{color:#e2e8f0;font-weight:500}.payment-btn[data-v-316f2246]{background:#10b981;color:#fff;border:none;border-radius:8px;padding:16px;font-weight:600;cursor:pointer;width:100%;margin-top:16px;font-size:16px;transition:background .3s ease}.payment-btn[data-v-316f2246]:hover{background:#059669}@media (max-width:768px){.video-content[data-v-316f2246]{grid-template-columns:1fr;gap:20px}.video-stats[data-v-316f2246]{gap:16px}.paywall-content[data-v-316f2246]{padding:24px}.vip-plans[data-v-316f2246]{flex-direction:column}}.comments-list[data-v-316f2246]{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:8px}.comments-list[data-v-316f2246]::-webkit-scrollbar{width:4px}.comments-list[data-v-316f2246]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.comments-list[data-v-316f2246]::-webkit-scrollbar-thumb{background:rgba(99,102,241,.6);border-radius:2px}.comments-list[data-v-316f2246]::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.8)}.gift-section[data-v-316f2246]{margin-top:24px;background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;padding:20px;position:relative;overflow:hidden}.gift-section[data-v-316f2246]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,157,.3),transparent)}.gift-header h3[data-v-316f2246]{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px 0;display:flex;align-items:center;gap:8px}.gift-loading[data-v-316f2246]{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#94a3b8;font-size:14px}.gift-list[data-v-316f2246]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:300px;overflow-y:auto;padding-right:4px}.gift-list[data-v-316f2246]::-webkit-scrollbar{width:3px}.gift-list[data-v-316f2246]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.gift-list[data-v-316f2246]::-webkit-scrollbar-thumb{background:rgba(255,107,157,.6);border-radius:2px}.gift-item[data-v-316f2246]{background:linear-gradient(145deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.gift-item[data-v-316f2246]:hover{background:linear-gradient(145deg,rgba(255,107,157,.15),rgba(255,107,157,.05));border-color:rgba(255,107,157,.3);transform:translateY(-1px)}.gift-item.selected[data-v-316f2246]{background:linear-gradient(145deg,rgba(255,107,157,.2),rgba(255,107,157,.1));border-color:rgba(255,107,157,.5);box-shadow:0 0 12px rgba(255,107,157,.4)}.gift-image[data-v-316f2246]{width:60px;height:60px;margin:0 auto 8px;border-radius:8px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.gift-image img[data-v-316f2246]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gift-info[data-v-316f2246]{text-align:center}.gift-name[data-v-316f2246]{display:block;color:#fff;font-size:12px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-price[data-v-316f2246]{display:block;color:#ff6b9d;font-size:11px;font-weight:600}.no-gifts[data-v-316f2246]{text-align:center;padding:20px;color:#64748b;font-size:14px}.gift-actions[data-v-316f2246]{margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.1)}.send-gift-btn[data-v-316f2246]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 2px 8px rgba(16,185,129,.3)}.send-gift-btn[data-v-316f2246]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.loading-spinner[data-v-316f2246]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.2);border-top:2px solid rgba(255,107,157,.8);border-radius:50%;animation:loading-spin-316f2246 1s linear infinite}@keyframes loading-spin-316f2246{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gift-animation-layer[data-v-316f2246]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;overflow:visible}.svga-canvas[data-v-316f2246]{position:absolute;width:500px;height:500px;pointer-events:none;transform:translate(-50%,-50%)}.toast-container[data-v-316f2246]{position:fixed;top:80px;right:20px;z-index:9999;min-width:300px;max-width:500px;padding:16px 20px;border-radius:12px;backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);animation:toastSlideIn-316f2246 .3s ease-out;transform:translateX(0);transition:all .3s ease}.toast-container.toast-success[data-v-316f2246]{background:linear-gradient(135deg,rgba(34,197,94,.95),rgba(22,163,74,.95));border-color:rgba(34,197,94,.3);color:#fff}.toast-container.toast-error[data-v-316f2246]{background:linear-gradient(135deg,rgba(239,68,68,.95),rgba(220,38,38,.95));border-color:rgba(239,68,68,.3);color:#fff}.toast-container.toast-warning[data-v-316f2246]{background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(217,119,6,.95));border-color:rgba(245,158,11,.3);color:#fff}.toast-container.toast-info[data-v-316f2246]{background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(37,99,235,.95));border-color:rgba(59,130,246,.3);color:#fff}.toast-content[data-v-316f2246]{display:flex;align-items:center;gap:12px}.toast-icon[data-v-316f2246]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-svg[data-v-316f2246]{width:20px;height:20px;stroke-width:2.5}.toast-text[data-v-316f2246]{font-size:15px;font-weight:500;line-height:1.4;word-break:break-word}@keyframes toastSlideIn-316f2246{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut-316f2246{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-container[data-v-316f2246]:hover{transform:translateX(-5px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.modal-overlay[data-v-316f2246]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pay-modal[data-v-316f2246],.qr-modal[data-v-316f2246],.vip-modal[data-v-316f2246]{background:linear-gradient(145deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08));backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;max-width:350px;width:90%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4)}.modal-header[data-v-316f2246]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.modal-header h2[data-v-316f2246]{color:#fff;margin:0;font-size:22px;font-weight:700}.close-btn[data-v-316f2246]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.close-btn[data-v-316f2246]:hover{background:hsla(0,0%,100%,.1);color:#fff}.close-btn svg[data-v-316f2246]{width:20px;height:20px}.modal-content[data-v-316f2246]{padding:0 16px 16px;box-sizing:border-box;max-width:100%}.vip-benefits[data-v-316f2246]{margin-bottom:24px}.vip-benefits h3[data-v-316f2246]{color:#fff;margin:0 0 16px 0;font-size:18px;text-align:center}.benefits-list[data-v-316f2246]{list-style:none;padding:0;margin:0}.benefits-list li[data-v-316f2246]{display:flex;align-items:center;gap:12px;color:#e4e7eb;margin-bottom:12px;padding:8px 0}.benefit-icon[data-v-316f2246]{width:18px;height:18px;color:#10b981;flex-shrink:0}.vip-pricing[data-v-316f2246]{margin-bottom:24px}.price-card[data-v-316f2246]{background:hsla(0,0%,100%,.08);border:2px solid rgba(245,158,11,.5);border-radius:12px;padding:20px;text-align:center;position:relative}.price-header[data-v-316f2246]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.price-duration[data-v-316f2246]{color:#fff;font-weight:600}.price-badge[data-v-316f2246]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.price-amount[data-v-316f2246]{color:#f59e0b;font-size:28px;font-weight:700;margin-bottom:8px}.price-desc[data-v-316f2246]{color:#94a3b8;font-size:14px}.vip-upgrade-btn[data-v-316f2246]{width:100%;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.vip-upgrade-btn[data-v-316f2246]:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)}.pay-info[data-v-316f2246]{text-align:center;margin-bottom:24px}.pay-info h3[data-v-316f2246]{color:#fff;margin:0 0 12px 0;font-size:18px}.pay-amount[data-v-316f2246]{color:#10b981;font-size:32px;font-weight:700;margin-bottom:8px}.pay-desc[data-v-316f2246]{color:#94a3b8;margin:0 0 16px 0}.vip-reminder[data-v-316f2246]{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start}.reminder-icon[data-v-316f2246]{font-size:20px;flex-shrink:0}.reminder-text[data-v-316f2246]{flex:1;color:#e4e7eb;font-size:14px;line-height:1.4}.switch-vip-btn[data-v-316f2246]{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;margin-top:8px}.payment-methods[data-v-316f2246]{margin-bottom:24px}.payment-methods h4[data-v-316f2246]{color:#fff;margin:0 0 16px 0;font-size:16px}.payment-options[data-v-316f2246]{display:flex;gap:12px}.payment-option[data-v-316f2246]{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.payment-option.selected[data-v-316f2246]{border-color:#10b981;background:rgba(16,185,129,.1)}.payment-option input[data-v-316f2246]{display:none}.payment-logo[data-v-316f2246]{margin-bottom:8px}.alipay-logo[data-v-316f2246],.wechat-logo[data-v-316f2246]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.alipay-logo[data-v-316f2246]{background:#1677ff}.payment-option span[data-v-316f2246]{color:#e4e7eb;font-size:14px;font-weight:500}.pay-confirm-btn[data-v-316f2246]{width:100%;background:#10b981;border:none;color:#fff;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.pay-confirm-btn[data-v-316f2246]:hover{background:#059669;transform:translateY(-2px)}.qr-container[data-v-316f2246]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;max-width:100%;box-sizing:border-box}.qr-code-wrapper[data-v-316f2246]{background:#fff;padding:16px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);margin-bottom:20px;max-width:100%;box-sizing:border-box}.qr-code-img[data-v-316f2246]{width:180px;height:180px;display:block;border-radius:8px;max-width:100%}.payment-info-section[data-v-316f2246]{text-align:center;width:100%}.payment-type-badge[data-v-316f2246]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;padding:10px 15px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.payment-logo[data-v-316f2246]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.wechat-logo[data-v-316f2246]{background:#07c160}.wechat-icon[data-v-316f2246]{width:24px;height:24px;color:#fff}.payment-name[data-v-316f2246]{color:#fff;font-size:16px;font-weight:600}.amount-display[data-v-316f2246]{margin:20px 0}.currency[data-v-316f2246]{color:#10b981;font-size:28px;font-weight:700;margin-right:4px}.amount[data-v-316f2246]{color:#10b981;font-size:32px;font-weight:700}.purchase-type[data-v-316f2246]{color:#94a3b8;font-size:14px;margin-bottom:20px}@keyframes pulse-316f2246{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.modal-actions[data-v-316f2246]{margin-top:24px}.btn-icon[data-v-316f2246]{width:16px;height:16px}.payment-option-card[data-v-316f2246]{border:2px solid hsla(0,0%,100%,.1);border-radius:16px;padding:20px;margin-bottom:16px;cursor:pointer;transition:all .3s ease;background:hsla(0,0%,100%,.05)}.payment-option-card[data-v-316f2246]:hover{border-color:#10b981;box-shadow:0 4px 20px rgba(16,185,129,.15);transform:translateY(-2px)}.payment-option-card.selected[data-v-316f2246]{border-color:#10b981;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 32px rgba(16,185,129,.3)}.option-header[data-v-316f2246]{display:flex;align-items:center;margin-bottom:12px}.option-radio[data-v-316f2246]{margin-right:15px}.option-radio input[type=radio][data-v-316f2246]{transform:scale(1.3);accent-color:#10b981}.option-info[data-v-316f2246]{flex:1;display:flex;justify-content:space-between;align-items:center}.option-info h4[data-v-316f2246]{margin:0;font-size:18px;font-weight:600;color:#fff}.option-price[data-v-316f2246]{font-size:24px;font-weight:700;color:#10b981}.payment-option-card.selected .option-price[data-v-316f2246]{color:#fff}.option-desc[data-v-316f2246]{margin:12px 0;color:#94a3b8;line-height:1.5;font-size:14px}.payment-option-card.selected .option-desc[data-v-316f2246]{color:hsla(0,0%,100%,.9)}.option-features[data-v-316f2246]{margin-top:15px}.feature-item[data-v-316f2246]{display:flex;align-items:center;margin-bottom:8px;font-size:14px;color:#e4e7eb}.payment-option-card.selected .feature-item[data-v-316f2246]{color:hsla(0,0%,100%,.95)}.feature-icon[data-v-316f2246]{width:16px;height:16px;margin-right:8px;color:#10b981}.payment-option-card.selected .feature-icon[data-v-316f2246]{color:#fff}.pay-confirm-btn[data-v-316f2246]:disabled{background:#374151;color:#6b7280;cursor:not-allowed;transform:none}.pay-confirm-btn[data-v-316f2246]:disabled:hover{background:#374151;transform:none}@media (max-width:768px){.toast-container[data-v-316f2246]{top:60px;right:16px;left:16px;max-width:none;min-width:auto}.modal-overlay[data-v-316f2246]{padding:10px}.pay-modal[data-v-316f2246],.qr-modal[data-v-316f2246],.vip-modal[data-v-316f2246]{max-width:100%}.payment-options[data-v-316f2246]{flex-direction:column}.payment-option-card[data-v-316f2246]{padding:16px}.option-info[data-v-316f2246]{flex-direction:column;align-items:flex-start;gap:8px}.option-price[data-v-316f2246]{font-size:20px}.qr-code[data-v-316f2246]{width:160px;height:160px}}.layout-wrapper[data-v-279938a6]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.vip-packages-page[data-v-279938a6]{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.background-decorations[data-v-279938a6]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:1}.decoration[data-v-279938a6]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float-279938a6 6s ease-in-out infinite}.decoration-1[data-v-279938a6]{width:200px;height:200px;top:10%;left:-100px;animation-delay:0s}.decoration-2[data-v-279938a6]{width:150px;height:150px;top:60%;right:-75px;animation-delay:2s}.decoration-3[data-v-279938a6]{width:100px;height:100px;bottom:20%;left:10%;animation-delay:4s}@keyframes float-279938a6{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.packages-section[data-v-279938a6],.page-header[data-v-279938a6],.vip-benefits-section[data-v-279938a6]{position:relative;z-index:2}.page-header[data-v-279938a6]{text-align:center;padding:60px 20px 40px}.header-content[data-v-279938a6]{max-width:600px;margin:0 auto}.page-title[data-v-279938a6]{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px 0;display:flex;align-items:center;justify-content:center;gap:12px}.vip-icon[data-v-279938a6]{font-size:40px}.page-subtitle[data-v-279938a6]{font-size:18px;color:hsla(0,0%,100%,.8);margin:0;line-height:1.5}.vip-benefits-section[data-v-279938a6]{padding:40px 20px;max-width:1200px;margin:0 auto}.section-title[data-v-279938a6]{text-align:center;font-size:28px;font-weight:600;color:#fff;margin:0 0 40px 0}.benefits-grid[data-v-279938a6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.benefit-card[data-v-279938a6]{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.benefit-card[data-v-279938a6]:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.benefit-icon[data-v-279938a6]{font-size:48px;margin-bottom:16px}.benefit-card h3[data-v-279938a6]{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px 0}.benefit-card p[data-v-279938a6]{font-size:14px;color:hsla(0,0%,100%,.8);margin:0;line-height:1.5}.packages-section[data-v-279938a6]{padding:40px 20px 80px;max-width:1200px;margin:0 auto}.error-container[data-v-279938a6],.loading-container[data-v-279938a6]{text-align:center;padding:60px 20px;color:#fff}.loading-spinner[data-v-279938a6]{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;animation:spin-279938a6 1s linear infinite;margin:0 auto 20px}@keyframes spin-279938a6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon[data-v-279938a6]{font-size:48px;margin-bottom:16px}.error-message[data-v-279938a6]{font-size:16px;margin-bottom:24px}.retry-btn[data-v-279938a6]{background:#fff;color:#667eea;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn[data-v-279938a6]:hover{background:hsla(0,0%,100%,.9);transform:translateY(-2px)}.packages-grid[data-v-279938a6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.package-card[data-v-279938a6]{background:hsla(0,0%,100%,.1);backdrop-filter:blur(25px);border:2px solid hsla(0,0%,100%,.2);border-radius:20px;padding:32px;position:relative;transition:all .3s ease;cursor:pointer}.package-card[data-v-279938a6]:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.4)}.package-card.recommended[data-v-279938a6]{border-color:#f59e0b;box-shadow:0 0 30px rgba(245,158,11,.3)}.recommended-badge[data-v-279938a6]{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.package-header[data-v-279938a6]{text-align:center;margin-bottom:24px}.package-name[data-v-279938a6]{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px 0}.package-duration[data-v-279938a6]{background:hsla(0,0%,100%,.2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.package-price[data-v-279938a6]{text-align:center;margin-bottom:24px}.currency[data-v-279938a6]{font-size:24px;font-weight:600}.amount[data-v-279938a6]{font-size:48px;margin:0 4px}.period[data-v-279938a6]{font-size:16px;color:hsla(0,0%,100%,.7)}.package-description[data-v-279938a6]{text-align:center;color:hsla(0,0%,100%,.8);margin-bottom:24px;font-size:14px;line-height:1.5}.package-features[data-v-279938a6]{margin-bottom:32px}.feature-item[data-v-279938a6]{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:hsla(0,0%,100%,.9);font-size:14px}.feature-icon[data-v-279938a6]{width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.purchase-btn[data-v-279938a6]{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.purchase-btn[data-v-279938a6]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.purchase-btn.selected[data-v-279938a6]{background:linear-gradient(135deg,#f59e0b,#d97706)}.modal-overlay[data-v-279938a6]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.payment-modal[data-v-279938a6],.qr-modal[data-v-279938a6]{background:linear-gradient(145deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08));backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;max-width:350px;width:90%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4)}.modal-header[data-v-279938a6]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.modal-header h2[data-v-279938a6]{color:#fff;margin:0;font-size:22px;font-weight:700}.close-btn[data-v-279938a6]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.close-btn[data-v-279938a6]:hover{background:hsla(0,0%,100%,.1);color:#fff}.close-btn svg[data-v-279938a6]{width:20px;height:20px}.modal-content[data-v-279938a6]{padding:0 20px 20px}.selected-package-info[data-v-279938a6]{text-align:center;margin-bottom:32px}.selected-package-info h3[data-v-279938a6]{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px 0}.package-details[data-v-279938a6]{background:hsla(0,0%,100%,.05);border-radius:12px;padding:20px}.detail-item[data-v-279938a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-item[data-v-279938a6]:last-child{margin-bottom:0}.label[data-v-279938a6]{color:hsla(0,0%,100%,.8);font-size:14px}.value[data-v-279938a6]{color:#fff;font-weight:600}.value.price[data-v-279938a6]{color:#10b981;font-size:18px;font-weight:700}.payment-actions[data-v-279938a6]{text-align:center}.pay-btn[data-v-279938a6]{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.pay-btn[data-v-279938a6]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.btn-icon[data-v-279938a6]{font-size:18px}.qr-container[data-v-279938a6]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;max-width:100%;box-sizing:border-box}.qr-code-wrapper[data-v-279938a6]{background:#fff;padding:16px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);margin-bottom:20px;max-width:100%;box-sizing:border-box}.qr-code-img[data-v-279938a6]{width:180px;height:180px;display:block;border-radius:8px;max-width:100%}.payment-info-section[data-v-279938a6]{text-align:center;width:100%}.payment-type-badge[data-v-279938a6]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;padding:10px 15px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.payment-logo[data-v-279938a6]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.wechat-logo[data-v-279938a6]{background:#07c160}.wechat-icon[data-v-279938a6]{width:24px;height:24px;color:#fff}.payment-name[data-v-279938a6]{color:#fff;font-size:16px;font-weight:600}.amount-display[data-v-279938a6]{margin:20px 0}.currency[data-v-279938a6]{color:#10b981;font-size:28px;font-weight:700;margin-right:4px}.amount[data-v-279938a6]{color:#10b981;font-size:32px;font-weight:700}.purchase-type[data-v-279938a6]{color:#94a3b8;font-size:14px;margin-bottom:20px}@media (max-width:768px){.page-title[data-v-279938a6]{font-size:28px}.packages-grid[data-v-279938a6]{grid-template-columns:1fr}.package-card[data-v-279938a6]{padding:24px}.amount[data-v-279938a6]{font-size:36px}}.coin-recharge-page[data-v-3346cee2]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.page-content[data-v-3346cee2]{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 140px)}.page-header[data-v-3346cee2]{position:relative;background:hsla(0,0%,100%,.95);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden}.header-background[data-v-3346cee2]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-coins[data-v-3346cee2]{position:absolute;width:100%;height:100%}.coin[data-v-3346cee2]{position:absolute;font-size:20px;animation:float-3346cee2 linear infinite;opacity:.3}@keyframes float-3346cee2{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.header-content[data-v-3346cee2]{position:relative;z-index:1}.back-button[data-v-3346cee2]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(103,126,234,.1);border:1px solid rgba(103,126,234,.3);border-radius:12px;color:#667eea;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.back-button[data-v-3346cee2]:hover{background:rgba(103,126,234,.2);transform:translateX(-5px)}.back-icon[data-v-3346cee2]{width:16px;height:16px}.header-info[data-v-3346cee2]{text-align:center}.page-title[data-v-3346cee2]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.page-subtitle[data-v-3346cee2]{font-size:1.1rem;color:#666;margin-bottom:30px}.current-balance[data-v-3346cee2]{display:flex;justify-content:center}.balance-card[data-v-3346cee2]{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,gold,#ffed4e);padding:20px 30px;border-radius:15px;box-shadow:0 10px 20px rgba(255,215,0,.3)}.balance-icon[data-v-3346cee2]{font-size:2rem}.balance-info[data-v-3346cee2]{display:flex;flex-direction:column}.balance-label[data-v-3346cee2]{font-size:.9rem;color:#8b6914}.balance-amount[data-v-3346cee2]{font-size:1.5rem;font-weight:700;color:#8b6914}.balance-card.loading[data-v-3346cee2]{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.balance-card.loading .balance-icon[data-v-3346cee2]{font-size:1.5rem}.balance-card.loading .loading-icon[data-v-3346cee2]{width:30px;height:30px;animation:spin-3346cee2 1s linear infinite}.balance-card.loading .balance-amount[data-v-3346cee2],.balance-card.loading .balance-label[data-v-3346cee2]{color:#666}.packages-section[data-v-3346cee2]{margin-bottom:40px}.section-header[data-v-3346cee2]{text-align:center;margin-bottom:40px}.section-title[data-v-3346cee2]{font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px}.section-subtitle[data-v-3346cee2]{font-size:1.1rem;color:hsla(0,0%,100%,.8)}.packages-grid[data-v-3346cee2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.package-card[data-v-3346cee2]{position:relative;background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;overflow:hidden}.package-card[data-v-3346cee2]:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.package-card.selected[data-v-3346cee2]{border-color:#667eea;box-shadow:0 20px 40px rgba(102,126,234,.3)}.package-card.popular[data-v-3346cee2]{border-color:#ff6b6b}.package-card.best-value[data-v-3346cee2]{border-color:gold}.package-badge[data-v-3346cee2]{position:absolute;top:-10px;right:20px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;z-index:2}.popular-badge[data-v-3346cee2]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.best-value-badge[data-v-3346cee2]{background:linear-gradient(135deg,gold,#f9ca24);color:#8b6914}.package-icon[data-v-3346cee2]{text-align:center;margin-bottom:20px}.coin-stack[data-v-3346cee2]{display:inline-flex;flex-direction:column;align-items:center;gap:-5px}.coin-item[data-v-3346cee2]{width:40px;height:40px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;border:3px solid #e6c200;position:relative}.coin-item[data-v-3346cee2]:after{content:"¥";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#8b6914;font-size:1.2rem}.package-info[data-v-3346cee2]{text-align:center}.package-name[data-v-3346cee2]{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:15px}.package-coins[data-v-3346cee2]{margin-bottom:10px}.coins-amount[data-v-3346cee2]{font-size:2rem;font-weight:700;color:#667eea}.coins-unit[data-v-3346cee2]{font-size:1rem;color:#666;margin-left:5px}.package-bonus[data-v-3346cee2]{margin-bottom:15px}.bonus-text[data-v-3346cee2]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.package-price[data-v-3346cee2]{margin-bottom:10px}.price-symbol[data-v-3346cee2]{font-size:1.2rem;color:#333}.price-amount[data-v-3346cee2]{font-size:2rem;font-weight:700;color:#333}.package-original-price[data-v-3346cee2]{color:#999;text-decoration:line-through;font-size:.9rem;margin-bottom:20px}.package-features[data-v-3346cee2]{display:flex;flex-direction:column;gap:8px}.feature-item[data-v-3346cee2]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.feature-icon[data-v-3346cee2]{width:16px;height:16px;color:#4caf50}.payment-section[data-v-3346cee2]{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100}.payment-card[data-v-3346cee2]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:20px;padding:20px 30px;box-shadow:0 20px 40px rgba(0,0,0,.2);display:flex;align-items:center;gap:30px}.payment-info[data-v-3346cee2]{display:flex;flex-direction:column}.selected-package-info[data-v-3346cee2]{display:flex;align-items:center;gap:10px}.selected-label[data-v-3346cee2]{color:#666}.selected-name[data-v-3346cee2]{font-weight:600;color:#333}.selected-price[data-v-3346cee2]{font-size:1.2rem;font-weight:700;color:#667eea}.payment-button[data-v-3346cee2]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.payment-button[data-v-3346cee2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.payment-button[data-v-3346cee2]:disabled{opacity:.7;cursor:not-allowed}.loading-icon[data-v-3346cee2]{width:20px;height:20px;animation:spin-3346cee2 1s linear infinite}@keyframes spin-3346cee2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-modal-overlay[data-v-3346cee2]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.payment-modal[data-v-3346cee2]{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3)}.modal-header[data-v-3346cee2]{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-3346cee2]{font-size:1.5rem;font-weight:700;color:#333}.close-button[data-v-3346cee2]{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;transition:background .3s ease}.close-button[data-v-3346cee2]:hover{background:#f0f0f0}.close-icon[data-v-3346cee2]{width:20px;height:20px;color:#666}.modal-content[data-v-3346cee2]{padding:30px}.payment-info-section[data-v-3346cee2]{margin-bottom:30px}.payment-details[data-v-3346cee2]{background:#f8f9fa;border-radius:15px;padding:20px}.detail-row[data-v-3346cee2]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.detail-row[data-v-3346cee2]:last-child{border-bottom:none}.detail-row.total-row[data-v-3346cee2]{font-weight:700;font-size:1.1rem;border-top:2px solid #dee2e6;margin-top:10px;padding-top:15px}.detail-label[data-v-3346cee2]{color:#666}.detail-value[data-v-3346cee2]{color:#333}.detail-value.price[data-v-3346cee2]{color:#667eea;font-size:1.2rem}.qr-code-section[data-v-3346cee2]{text-align:center}.qr-code-container[data-v-3346cee2]{background:#f8f9fa;border-radius:15px;padding:30px;margin-bottom:20px}.qr-code-image[data-v-3346cee2]{width:200px;height:200px;border-radius:10px}.payment-instructions[data-v-3346cee2]{text-align:center}.wechat-logo[data-v-3346cee2]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:#07c160;font-weight:600}.wechat-icon[data-v-3346cee2]{width:24px;height:24px}.instruction-steps[data-v-3346cee2]{display:flex;flex-direction:column;gap:15px}.step-item[data-v-3346cee2]{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:12px}.step-number[data-v-3346cee2]{background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.step-text[data-v-3346cee2]{color:#333;font-weight:500}@media (max-width:768px){.page-content[data-v-3346cee2]{padding:10px}.page-header[data-v-3346cee2]{padding:20px}.page-title[data-v-3346cee2]{font-size:2rem}.packages-grid[data-v-3346cee2]{grid-template-columns:1fr;gap:20px}.payment-card[data-v-3346cee2]{flex-direction:column;gap:15px;padding:15px 20px}.payment-modal[data-v-3346cee2]{width:95%;margin:10px}.modal-content[data-v-3346cee2]{padding:20px}}.search-result-page[data-v-b88350d2]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-content[data-v-b88350d2]{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 140px)}.search-header[data-v-b88350d2]{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.search-title[data-v-b88350d2]{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:8px}.keyword[data-v-b88350d2]{color:#667eea}.search-stats[data-v-b88350d2]{color:#666;font-size:1rem}.back-btn[data-v-b88350d2]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.back-btn[data-v-b88350d2]:hover{background:#5a6fd8;transform:translateX(-3px)}.back-icon[data-v-b88350d2]{width:16px;height:16px}.error-section[data-v-b88350d2],.loading-section[data-v-b88350d2],.no-results-section[data-v-b88350d2]{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.error-icon[data-v-b88350d2],.loading-spinner[data-v-b88350d2],.no-results-icon[data-v-b88350d2]{margin:0 auto 20px;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.spinner-icon[data-v-b88350d2]{width:40px;height:40px;animation:spin-b88350d2 1s linear infinite;color:#667eea}.error-icon svg[data-v-b88350d2],.no-results-icon svg[data-v-b88350d2]{width:40px;height:40px;color:#ff6b6b}.error-text[data-v-b88350d2],.loading-text[data-v-b88350d2],.no-results-text[data-v-b88350d2]{font-size:1.2rem;color:#333;margin-bottom:10px}.no-results-tips[data-v-b88350d2]{color:#666;margin-bottom:20px}.retry-btn[data-v-b88350d2]{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:background .3s ease}.retry-btn[data-v-b88350d2]:hover{background:#5a6fd8}@keyframes spin-b88350d2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-results[data-v-b88350d2]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.results-grid[data-v-b88350d2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.video-card[data-v-b88350d2]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.video-card[data-v-b88350d2]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.video-thumbnail[data-v-b88350d2]{position:relative;width:100%;height:180px}.thumbnail-image[data-v-b88350d2]{width:100%;height:100%;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;position:relative}.video-type-badge[data-v-b88350d2]{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;color:#fff}.video-type-badge.free[data-v-b88350d2]{background:#4caf50}.video-type-badge.paid[data-v-b88350d2]{background:#ff9800}.video-duration[data-v-b88350d2]{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:6px;font-size:.8rem}.play-overlay[data-v-b88350d2]{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .play-overlay[data-v-b88350d2]{opacity:1}.play-btn[data-v-b88350d2]{background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-btn[data-v-b88350d2]:hover{background:#fff;transform:scale(1.1)}.play-icon[data-v-b88350d2]{width:20px;height:20px;color:#333;margin-left:2px}.video-info[data-v-b88350d2]{padding:20px}.video-title[data-v-b88350d2]{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-title[data-v-b88350d2] mark{background:#fff3cd;color:#856404;padding:2px 4px;border-radius:3px}.video-description-section[data-v-b88350d2]{margin-bottom:15px}.video-description-text[data-v-b88350d2]{color:#666;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-description-text[data-v-b88350d2] mark{background:#fff3cd;color:#856404;padding:2px 4px;border-radius:3px}.video-stats[data-v-b88350d2]{display:flex;gap:15px}.stat-item[data-v-b88350d2]{display:flex;align-items:center;gap:4px;color:#666;font-size:.8rem}.stat-icon[data-v-b88350d2]{width:14px;height:14px}.video-category[data-v-b88350d2]{display:flex;justify-content:flex-end}.category-tag[data-v-b88350d2]{background:#f0f2f5;color:#666;padding:4px 10px;border-radius:12px;font-size:.8rem}@media (max-width:768px){.page-content[data-v-b88350d2]{padding:10px}.search-header[data-v-b88350d2]{flex-direction:column;gap:20px;text-align:center}.results-grid[data-v-b88350d2]{grid-template-columns:1fr;gap:15px}.video-stats[data-v-b88350d2]{justify-content:center;gap:20px}}.user-profile-page[data-v-334ac55d]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-content[data-v-334ac55d]{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 140px)}.user-info-card[data-v-334ac55d]{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.card-header[data-v-334ac55d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title[data-v-334ac55d]{font-size:2rem;font-weight:700;color:#333}.edit-profile-btn[data-v-334ac55d]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.edit-profile-btn[data-v-334ac55d]:hover{background:#5a6fd8;transform:translateY(-2px)}.edit-icon[data-v-334ac55d]{width:16px;height:16px}.error-section[data-v-334ac55d],.loading-section[data-v-334ac55d]{text-align:center;padding:60px 20px}.error-icon[data-v-334ac55d],.loading-spinner[data-v-334ac55d]{margin:0 auto 20px;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.spinner-icon[data-v-334ac55d]{width:40px;height:40px;animation:spin-334ac55d 1s linear infinite;color:#667eea}.error-icon svg[data-v-334ac55d]{width:40px;height:40px;color:#ff6b6b}.error-text[data-v-334ac55d],.loading-text[data-v-334ac55d]{font-size:1.2rem;color:#333;margin-bottom:10px}.retry-btn[data-v-334ac55d]{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:background .3s ease}.retry-btn[data-v-334ac55d]:hover{background:#5a6fd8}@keyframes spin-334ac55d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-basic-info[data-v-334ac55d]{display:flex;gap:30px;margin-bottom:30px}.avatar-section[data-v-334ac55d]{display:flex;flex-direction:column;align-items:center;gap:15px}.user-avatar[data-v-334ac55d]{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #667eea;box-shadow:0 8px 20px rgba(102,126,234,.3)}.avatar-image[data-v-334ac55d]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-334ac55d]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700}.change-avatar-btn[data-v-334ac55d]{background:#f8f9fa;color:#333;border:1px solid #dee2e6;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.change-avatar-btn[data-v-334ac55d]:hover{background:#e9ecef}.user-details[data-v-334ac55d]{flex:1}.user-name[data-v-334ac55d]{font-size:2rem;font-weight:700;color:#333;margin-bottom:8px}.user-id[data-v-334ac55d]{color:#666;font-size:1rem;margin-bottom:15px}.user-bio[data-v-334ac55d]{color:#555;line-height:1.6;margin-bottom:20px;font-size:1rem}.user-bio.placeholder[data-v-334ac55d]{color:#999;font-style:italic}.user-meta[data-v-334ac55d]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-334ac55d]{display:flex;gap:10px}.meta-label[data-v-334ac55d]{color:#666;font-weight:500;min-width:80px}.meta-value[data-v-334ac55d]{color:#333}.vip-status[data-v-334ac55d]{margin-bottom:30px}.vip-card[data-v-334ac55d]{display:flex;align-items:center;gap:20px;padding:20px;border:2px solid #e9ecef;border-radius:15px;transition:all .3s ease}.vip-card.active[data-v-334ac55d]{border-color:gold;background:linear-gradient(135deg,#fff9e6,#fff3cd);box-shadow:0 8px 25px rgba(255,215,0,.3)}.vip-card.expire-soon[data-v-334ac55d]{border-color:#ff6b6b;background:linear-gradient(135deg,#fff5f5,#ffe6e6);animation:pulse-334ac55d 2s infinite}@keyframes pulse-334ac55d{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.vip-icon[data-v-334ac55d]{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);display:flex;align-items:center;justify-content:center;position:relative}.vip-card.active .vip-icon[data-v-334ac55d]{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 15px rgba(255,215,0,.4)}.vip-card.expire-soon .vip-icon[data-v-334ac55d]{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.crown-icon[data-v-334ac55d]{width:24px;height:24px;color:#8b6914}.vip-card.expire-soon .crown-icon[data-v-334ac55d]{color:#fff}.vip-info[data-v-334ac55d]{flex:1}.vip-header[data-v-334ac55d]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.vip-title[data-v-334ac55d]{font-size:1.3rem;font-weight:600;color:#333;margin:0}.vip-level[data-v-334ac55d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:500}.vip-details[data-v-334ac55d]{margin-bottom:10px}.vip-expire[data-v-334ac55d]{color:#666;font-size:.9rem;margin-bottom:5px}.vip-remain[data-v-334ac55d]{color:#4caf50;font-size:.9rem;font-weight:500;margin-bottom:8px}.vip-remain.warning[data-v-334ac55d]{color:#ff6b6b;font-weight:600}.vip-privileges[data-v-334ac55d]{display:flex;gap:8px;flex-wrap:wrap}.privilege-tag[data-v-334ac55d]{background:rgba(102,126,234,.1);color:#667eea;padding:3px 8px;border-radius:12px;font-size:.8rem;border:1px solid rgba(102,126,234,.2)}.vip-desc[data-v-334ac55d]{color:#666;font-size:.9rem}.vip-btn[data-v-334ac55d]{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:100px}.vip-btn[data-v-334ac55d]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,215,0,.4)}.vip-btn.renew[data-v-334ac55d]{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;animation:glow-334ac55d 2s ease-in-out infinite alternate}.vip-btn.renew[data-v-334ac55d]:hover{box-shadow:0 5px 15px hsla(0,100%,71%,.4)}@keyframes glow-334ac55d{0%{box-shadow:0 0 10px hsla(0,100%,71%,.5)}to{box-shadow:0 0 20px hsla(0,100%,71%,.8)}}.balance-section[data-v-334ac55d]{margin-bottom:30px}.balance-card[data-v-334ac55d]{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:15px;color:#fff}.balance-icon[data-v-334ac55d]{font-size:2.5rem}.balance-info[data-v-334ac55d]{flex:1}.balance-title[data-v-334ac55d]{font-size:1.1rem;font-weight:600;margin-bottom:5px;opacity:.9}.balance-amount[data-v-334ac55d]{font-size:1.8rem;font-weight:700}.recharge-btn[data-v-334ac55d]{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .3s ease}.recharge-btn[data-v-334ac55d]:hover{background:hsla(0,0%,100%,.3)}.quick-actions[data-v-334ac55d],.statistics-section[data-v-334ac55d]{margin-bottom:30px}.section-title[data-v-334ac55d]{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:20px}.stats-grid[data-v-334ac55d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card[data-v-334ac55d]{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card[data-v-334ac55d]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.stat-icon[data-v-334ac55d]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon svg[data-v-334ac55d]{width:24px;height:24px;color:#fff}.level-icon[data-v-334ac55d]{background:linear-gradient(135deg,#667eea,#764ba2)}.comment-icon[data-v-334ac55d]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.reward-icon[data-v-334ac55d]{background:linear-gradient(135deg,#fa709a,#fee140)}.money-icon[data-v-334ac55d]{background:linear-gradient(135deg,#4caf50,#45a049)}.stat-content[data-v-334ac55d]{flex:1}.stat-title[data-v-334ac55d]{font-size:1rem;color:#666;margin-bottom:5px}.stat-number[data-v-334ac55d]{font-size:2rem;font-weight:700;color:#333;margin-bottom:2px}.stat-desc[data-v-334ac55d]{font-size:.9rem;color:#999}.actions-grid[data-v-334ac55d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.action-item[data-v-334ac55d]{background:#fff;border:none;padding:25px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px}.action-item[data-v-334ac55d]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.action-icon[data-v-334ac55d]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.action-icon svg[data-v-334ac55d]{width:24px;height:24px;color:#fff}.action-icon.vip-icon[data-v-334ac55d]{background:linear-gradient(135deg,gold,#ffed4e)}.action-icon.vip-icon svg[data-v-334ac55d]{color:#8b6914}.action-icon.coin-icon[data-v-334ac55d]{background:linear-gradient(135deg,#4caf50,#45a049)}.action-icon.settings-icon[data-v-334ac55d]{background:linear-gradient(135deg,#667eea,#764ba2)}.action-icon.logout-icon[data-v-334ac55d]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.action-text[data-v-334ac55d]{font-size:1rem;font-weight:600;color:#333}@media (max-width:768px){.page-content[data-v-334ac55d]{padding:10px}.user-info-card[data-v-334ac55d]{padding:20px}.card-header[data-v-334ac55d]{flex-direction:column;gap:15px;text-align:center}.user-basic-info[data-v-334ac55d]{flex-direction:column;align-items:center;text-align:center;gap:20px}.stats-grid[data-v-334ac55d]{grid-template-columns:1fr}.actions-grid[data-v-334ac55d]{grid-template-columns:repeat(2,1fr)}.balance-card[data-v-334ac55d],.vip-card[data-v-334ac55d]{flex-direction:column;text-align:center;gap:15px}}.modal-overlay[data-v-334ac55d]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog[data-v-334ac55d]{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-334ac55d]{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #eee}.modal-header h3[data-v-334ac55d]{font-size:1.3rem;font-weight:600;color:#333;margin:0}.close-btn[data-v-334ac55d]{background:none;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .3s ease}.close-btn[data-v-334ac55d]:hover{background:#f5f5f5;color:#333}.close-btn svg[data-v-334ac55d]{width:16px;height:16px}.modal-body[data-v-334ac55d]{padding:30px}.modal-footer[data-v-334ac55d]{display:flex;gap:15px;justify-content:flex-end;padding:20px 30px;border-top:1px solid #eee}.form-group[data-v-334ac55d]{margin-bottom:20px}.form-group label[data-v-334ac55d]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-input[data-v-334ac55d],.form-textarea[data-v-334ac55d]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input[data-v-334ac55d]:focus,.form-textarea[data-v-334ac55d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-textarea[data-v-334ac55d]{resize:vertical;min-height:100px}.btn[data-v-334ac55d]{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn[data-v-334ac55d]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-334ac55d]{background:#667eea;color:#fff}.btn-primary[data-v-334ac55d]:hover:not(:disabled){background:#5a6fd8;transform:translateY(-2px)}.btn-secondary[data-v-334ac55d]{background:#f8f9fa;color:#666;border:1px solid #dee2e6}.btn-secondary[data-v-334ac55d]:hover{background:#e9ecef}.avatar-upload[data-v-334ac55d]{text-align:center}.upload-area[data-v-334ac55d]{border:2px dashed #dee2e6;border-radius:15px;padding:40px 20px;cursor:pointer;transition:all .3s ease}.upload-area[data-v-334ac55d]:hover{border-color:#667eea;background:rgba(102,126,234,.05)}.preview-avatar[data-v-334ac55d]{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid #667eea}.preview-avatar img[data-v-334ac55d]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-placeholder[data-v-334ac55d]{color:#666}.upload-icon[data-v-334ac55d]{width:48px;height:48px;margin:0 auto 15px;color:#999}.upload-hint[data-v-334ac55d]{font-size:.9rem;color:#999;margin-top:8px}@media (max-width:768px){.modal-dialog[data-v-334ac55d]{width:95%;margin:20px}.modal-body[data-v-334ac55d],.modal-footer[data-v-334ac55d],.modal-header[data-v-334ac55d]{padding:20px}.modal-footer[data-v-334ac55d]{flex-direction:column}.btn[data-v-334ac55d]{width:100%}}.about-page[data-v-2b27d462]{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.about-page>.contact-section[data-v-2b27d462],.about-page>.content-container[data-v-2b27d462],.about-page>.page-header[data-v-2b27d462]{max-width:1200px;margin:0 auto;padding:0 20px}.page-header[data-v-2b27d462]{text-align:center;margin:60px auto;padding:50px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;max-width:1200px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.page-header h1[data-v-2b27d462]{font-size:2.5rem;margin:0;font-weight:600}.content-container[data-v-2b27d462]{background:hsla(0,0%,100%,.95);border-radius:15px;padding:60px;margin:0 auto 80px auto;max-width:1200px;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.content-text[data-v-2b27d462]{line-height:2;font-size:17px;color:#333;letter-spacing:.5px}.content-text[data-v-2b27d462] .ace-line,.content-text[data-v-2b27d462] p{margin-bottom:32px;text-indent:2em}.loading-container[data-v-2b27d462]{text-align:center;padding:60px 0}.loading-spinner[data-v-2b27d462]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-2b27d462 1s linear infinite;margin:0 auto 20px}@keyframes spin-2b27d462{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container[data-v-2b27d462]{text-align:center;padding:60px 0;color:#666}.retry-btn[data-v-2b27d462]{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:20px;transition:background .3s}.retry-btn[data-v-2b27d462]:hover{background:#5a67d8}.contact-section[data-v-2b27d462]{background:hsla(0,0%,100%,.95);border-radius:15px;padding:80px 60px;margin:0 auto 80px auto;max-width:1200px;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px);min-height:400px}.contact-section h2[data-v-2b27d462]{text-align:center;margin-bottom:50px;color:#333;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;letter-spacing:2px}.contact-section h2[data-v-2b27d462]:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.contact-info[data-v-2b27d462]{display:grid;gap:32px;max-width:800px;margin:0 auto}.contact-item[data-v-2b27d462]{display:flex;align-items:center;padding:24px;background:#f8f9fa;border-radius:12px;border-left:5px solid #667eea;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.contact-item[data-v-2b27d462]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1);border-left-color:#5a67d8}.contact-item i[data-v-2b27d462]{width:20px;height:20px;margin-right:15px;color:#667eea}.contact-item span[data-v-2b27d462]{color:#333;font-size:16px;font-weight:500;letter-spacing:.3px}@media (max-width:768px){.about-page>.contact-section[data-v-2b27d462],.about-page>.content-container[data-v-2b27d462],.about-page>.page-header[data-v-2b27d462]{margin-left:10px;margin-right:10px;padding-left:10px;padding-right:10px}.page-header h1[data-v-2b27d462]{font-size:2rem}.contact-section[data-v-2b27d462],.content-container[data-v-2b27d462]{padding:30px}.contact-info[data-v-2b27d462]{gap:24px}.contact-item[data-v-2b27d462]{flex-direction:column;text-align:center}.contact-item i[data-v-2b27d462]{margin-right:0;margin-bottom:10px}}