.sidebar[data-v-4dba6d6c]{width:280px;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);color:#fff;position:fixed;height:100vh;overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-close-btn[data-v-4dba6d6c]{display:none;position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:rgba(255,255,255,.1);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.sidebar-close-btn[data-v-4dba6d6c]:hover{background:rgba(255,255,255,.2)}.close-icon[data-v-4dba6d6c]{font-size:24px;color:#fff;line-height:1}.sidebar-header[data-v-4dba6d6c]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.logo[data-v-4dba6d6c]{display:flex;flex-direction:column;gap:8px}.logo-title[data-v-4dba6d6c]{display:flex;align-items:baseline;gap:2px;font-size:24px;font-weight:700}.logo-a[data-v-4dba6d6c]{color:#1890ff}.logo-i[data-v-4dba6d6c]{color:#36cfc9}.logo-g[data-v-4dba6d6c]{color:#722ed1}.logo-c[data-v-4dba6d6c]{color:#fa8c16}.logo-cn[data-v-4dba6d6c]{color:#52c41a}.logo-nav[data-v-4dba6d6c]{color:#fff;margin-left:4px}.logo-subtitle[data-v-4dba6d6c]{font-size:12px;color:#fff9;margin-top:4px}.sidebar-nav[data-v-4dba6d6c]{flex:1;overflow-y:auto;padding:10px 0}.nav-list[data-v-4dba6d6c]{list-style:none;margin:0;padding:0}.nav-item[data-v-4dba6d6c]{margin-bottom:4px}.nav-link[data-v-4dba6d6c]{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-link[data-v-4dba6d6c]:hover{background:rgba(255,255,255,.1);color:#fff}.nav-link.active[data-v-4dba6d6c]{background:rgba(24,144,255,.2);color:#1890ff;border-right:3px solid #1890ff}.nav-link.recommended-active[data-v-4dba6d6c]{background:#ff4757;color:#fff;border-right:none;border-radius:8px;margin:4px 10px;font-weight:600;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.nav-link.recommended-active[data-v-4dba6d6c]:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#c0392b}.nav-link.recommended-active .nav-icon[data-v-4dba6d6c]{color:#fff;margin-right:8px}.nav-link.recommended-active[data-v-4dba6d6c]:hover{background:#ff3742;color:#fff;box-shadow:0 3px 6px #0000004d}.nav-link.recommended-active[data-v-4dba6d6c]:active{background:#e82130;box-shadow:0 1px 2px #0003}.nav-link.has-submenu[data-v-4dba6d6c]{position:relative}.nav-icon[data-v-4dba6d6c]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.nav-text[data-v-4dba6d6c]{flex:1;font-size:14px;font-weight:500}.submenu[data-v-4dba6d6c]{max-height:0;overflow:hidden;transition:max-height .3s ease;background:rgba(0,0,0,.2)}.submenu.expanded[data-v-4dba6d6c]{max-height:none}.submenu-item[data-v-4dba6d6c]{border-left:2px solid transparent;margin-left:20px}.submenu-link[data-v-4dba6d6c]{display:block;padding:10px 20px 10px 30px;color:#ffffffb3;text-decoration:none;font-size:13px;transition:all .3s ease;cursor:pointer}.submenu-link[data-v-4dba6d6c]:hover{background:rgba(255,255,255,.05);color:#fff}.submenu-link.active[data-v-4dba6d6c]{color:#1890ff;background:rgba(24,144,255,.1);border-left-color:#1890ff}@media (max-width: 1024px){.sidebar[data-v-4dba6d6c]{transform:translate(-100%);transition:transform .3s ease;z-index:1000;box-shadow:4px 0 20px #0000004d}.sidebar.is-open[data-v-4dba6d6c]{transform:translate(0)}.sidebar-close-btn[data-v-4dba6d6c]{display:flex}.sidebar-header[data-v-4dba6d6c]{padding:15px 50px 15px 20px}.logo-title[data-v-4dba6d6c]{font-size:22px}.logo-subtitle[data-v-4dba6d6c]{font-size:11px}.nav-link[data-v-4dba6d6c]{padding:10px 20px}.nav-text[data-v-4dba6d6c]{font-size:14px}.submenu-link[data-v-4dba6d6c]{padding:8px 20px 8px 30px;font-size:13px}}@media (max-width: 768px){.sidebar[data-v-4dba6d6c]{width:280px}.sidebar-header[data-v-4dba6d6c]{padding:15px 50px 15px 20px}.logo-title[data-v-4dba6d6c]{font-size:20px}.logo-subtitle[data-v-4dba6d6c]{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link[data-v-4dba6d6c]{padding:10px 15px;gap:10px}.nav-icon[data-v-4dba6d6c]{width:20px;height:20px;font-size:14px}.nav-text[data-v-4dba6d6c]{font-size:14px}.submenu-link[data-v-4dba6d6c]{padding:8px 15px 8px 25px;font-size:13px}}@media (max-width: 480px){.sidebar[data-v-4dba6d6c]{width:85vw;max-width:320px}.sidebar-close-btn[data-v-4dba6d6c]{width:28px;height:28px;top:8px;right:8px}.close-icon[data-v-4dba6d6c]{font-size:20px}.sidebar-header[data-v-4dba6d6c]{padding:12px 45px 12px 15px}.logo-title[data-v-4dba6d6c]{font-size:18px}.logo-subtitle[data-v-4dba6d6c]{font-size:10px}.nav-link[data-v-4dba6d6c]{padding:8px 15px;gap:8px}.nav-icon[data-v-4dba6d6c]{width:18px;height:18px;font-size:12px}.nav-text[data-v-4dba6d6c]{font-size:13px}.submenu-link[data-v-4dba6d6c]{padding:6px 15px 6px 25px;font-size:12px}}.sidebar[data-v-4dba6d6c]::-webkit-scrollbar{width:6px}.sidebar[data-v-4dba6d6c]::-webkit-scrollbar-track{background:transparent}.sidebar[data-v-4dba6d6c]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.sidebar[data-v-4dba6d6c]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.app-layout[data-v-b3d5de19]{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar[data-v-b3d5de19]{width:280px;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);color:#fff;position:fixed;height:100vh;overflow-y:auto;z-index:100;transition:transform .3s ease}.sidebar-overlay[data-v-b3d5de19]{display:none}.content-area[data-v-b3d5de19]{margin-left:280px;flex:1;background-color:#f5f5f5;min-height:100vh;transition:margin-left .3s ease}.content-area.sora-page[data-v-b3d5de19]{margin-left:0}.content-area.sora-page .top-nav-bar[data-v-b3d5de19]{left:0}.top-nav-bar[data-v-b3d5de19]{background:white;border-bottom:1px solid #e0e0e0;padding:12px 0;position:fixed;top:0;left:280px;right:0;z-index:1000;box-shadow:0 2px 4px #0000000d}.nav-container[data-v-b3d5de19]{max-width:none;margin:0 auto;padding:0 30px;display:flex;align-items:center;gap:20px}.logo-container[data-v-b3d5de19]{display:flex;flex-direction:column;align-items:flex-start}.logo-link[data-v-b3d5de19]{display:flex;flex-direction:column;text-decoration:none;color:#333;transition:all .3s ease}.logo-link[data-v-b3d5de19]:hover{opacity:.8}.logo-title[data-v-b3d5de19]{display:flex;align-items:baseline;gap:2px;font-size:24px;font-weight:700;line-height:1}.logo-subtitle[data-v-b3d5de19]{font-size:12px;color:#666;margin-top:4px;font-weight:400}.logo-a[data-v-b3d5de19]{color:#1890ff}.logo-i[data-v-b3d5de19]{color:#52c41a}.logo-g[data-v-b3d5de19]{color:#fa8c16}.logo-c[data-v-b3d5de19]{color:#f5222d}.logo-cn[data-v-b3d5de19]{color:#722ed1}.logo-nav[data-v-b3d5de19]{color:#333}.nav-item.home-btn[data-v-b3d5de19]{padding:8px 16px;border-radius:20px;font-weight:600;margin-left:10px}.nav-item.home-btn[data-v-b3d5de19]:hover{background-color:#f0f8ff;color:#1890ff}.nav-item.home-btn.active[data-v-b3d5de19]{background-color:#1890ff;color:#fff}.nav-links[data-v-b3d5de19]{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.nav-item[data-v-b3d5de19]{text-decoration:none;color:#666;font-size:14px;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s ease;display:flex;align-items:center;gap:6px;cursor:pointer}.nav-item[data-v-b3d5de19]:hover{background-color:#f0f8ff;color:#1890ff}.nav-item.active[data-v-b3d5de19]{background-color:#1890ff;color:#fff}.nav-item.highlight[data-v-b3d5de19]{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;font-weight:600}.nav-item.highlight[data-v-b3d5de19]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.search-container[data-v-b3d5de19]{display:flex;align-items:center;gap:10px;margin-left:auto}.search-input[data-v-b3d5de19]{padding:8px 16px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;width:250px;transition:all .3s ease;outline:none}.search-input[data-v-b3d5de19]:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.search-btn[data-v-b3d5de19]{padding:8px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.search-btn[data-v-b3d5de19]:hover{background-color:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.hamburger-btn[data-v-b3d5de19]{display:none;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .3s ease}.hamburger-btn[data-v-b3d5de19]:hover{background-color:#f0f0f0}.hamburger-icon[data-v-b3d5de19]{display:block;width:24px;height:2px;background-color:#333;position:relative;transition:background-color .3s ease}.hamburger-icon[data-v-b3d5de19]:before,.hamburger-icon[data-v-b3d5de19]:after{content:"";position:absolute;width:24px;height:2px;background-color:#333;transition:transform .3s ease}.hamburger-icon[data-v-b3d5de19]:before{top:-7px}.hamburger-icon[data-v-b3d5de19]:after{top:7px}.banner-section[data-v-b3d5de19]{background:white;padding:30px 0;border-bottom:1px solid #e0e0e0;margin-top:60px}.tools-section[data-v-b3d5de19]{padding:30px;margin-top:60px}.banner-container[data-v-b3d5de19]{max-width:none;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.banner-left .ad-banner[data-v-b3d5de19]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:40px 30px;color:#fff;text-align:center;box-shadow:0 8px 25px #667eea4d}.banner-left .ad-content h3[data-v-b3d5de19]{font-size:24px;margin-bottom:10px;font-weight:600}.banner-left .ad-content p[data-v-b3d5de19]{font-size:16px;margin-bottom:20px;opacity:.9}.ad-button[data-v-b3d5de19]{background:rgba(255,255,255,.2);border:2px solid white;color:#fff;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.ad-button[data-v-b3d5de19]:hover{background:white;color:#667eea;transform:translateY(-2px)}.banner-right .featured-banner[data-v-b3d5de19]{position:relative;background:#f8f9fa;border-radius:12px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.banner-bg[data-v-b3d5de19]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);opacity:.9}.banner-content[data-v-b3d5de19]{position:relative;z-index:2;text-align:center;color:#fff;padding:40px 20px}.banner-content h2[data-v-b3d5de19]{font-size:32px;font-weight:700;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.banner-subtitle[data-v-b3d5de19]{font-size:16px;letter-spacing:2px;margin-bottom:20px;opacity:.8}.banner-features[data-v-b3d5de19]{display:flex;justify-content:center;gap:10px;margin-bottom:25px;flex-wrap:wrap}.feature-tag[data-v-b3d5de19]{background:rgba(255,255,255,.2);padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.3)}.banner-cta[data-v-b3d5de19]{background:#ff4757;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff47574d}.banner-cta[data-v-b3d5de19]:hover{background:#ff3742;transform:translateY(-2px);box-shadow:0 6px 20px #ff475766}.tools-container[data-v-b3d5de19]{background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;min-height:400px}@media (max-width: 1024px){.top-nav-bar[data-v-b3d5de19]{left:0;padding:8px 0}.hamburger-btn[data-v-b3d5de19]{display:flex;align-items:center;justify-content:center}.sidebar[data-v-b3d5de19]{transform:translate(-100%);z-index:1000;box-shadow:4px 0 15px #0003}.sidebar-overlay[data-v-b3d5de19]{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn-b3d5de19 .3s ease}.content-area[data-v-b3d5de19]{margin-left:0;width:100%}.nav-container[data-v-b3d5de19]{padding:0 15px}.nav-links[data-v-b3d5de19]{gap:10px;display:none}.search-container[data-v-b3d5de19]{margin-left:0;flex:1;max-width:200px}.search-input[data-v-b3d5de19]{width:100%;padding:6px 12px;font-size:13px}.search-btn[data-v-b3d5de19]{padding:6px 12px;font-size:13px}.tools-section[data-v-b3d5de19]{padding:20px;margin-top:70px}}@media (max-width: 768px){.sidebar[data-v-b3d5de19]{width:280px}.nav-container[data-v-b3d5de19]{padding:0 12px;gap:10px}.hamburger-btn[data-v-b3d5de19]{width:36px;height:36px;padding:6px}.hamburger-icon[data-v-b3d5de19]{width:20px}.hamburger-icon[data-v-b3d5de19]:before,.hamburger-icon[data-v-b3d5de19]:after{width:20px}.hamburger-icon[data-v-b3d5de19]:before{top:-6px}.hamburger-icon[data-v-b3d5de19]:after{top:6px}.nav-links[data-v-b3d5de19]{display:none}.search-container[data-v-b3d5de19]{margin-left:0;flex:1;max-width:none}.search-input[data-v-b3d5de19]{width:100%;padding:6px 12px;font-size:13px}.search-btn[data-v-b3d5de19]{padding:6px 12px;font-size:13px}.tools-section[data-v-b3d5de19]{padding:15px;margin-top:70px}.tools-container[data-v-b3d5de19]{border-radius:8px;min-height:300px;padding:15px}.banner-section[data-v-b3d5de19]{padding:20px 0;margin-top:70px}.banner-container[data-v-b3d5de19]{grid-template-columns:1fr;gap:20px;padding:0 15px}.user-center[data-v-b3d5de19]{margin-left:0}.login-btn[data-v-b3d5de19]{padding:6px 12px;font-size:12px}.user-info[data-v-b3d5de19]{padding:4px 8px}.user-avatar[data-v-b3d5de19]{width:28px;height:28px}.user-dropdown[data-v-b3d5de19]{position:fixed;top:60px;right:10px;left:10px;min-width:auto}}@media (max-width: 480px){.nav-container[data-v-b3d5de19]{padding:0 10px;gap:8px}.hamburger-btn[data-v-b3d5de19]{width:32px;height:32px;padding:4px;flex-shrink:0}.hamburger-icon[data-v-b3d5de19]{width:18px;height:2px}.hamburger-icon[data-v-b3d5de19]:before{top:-5px}.hamburger-icon[data-v-b3d5de19]:after{top:5px}.search-container[data-v-b3d5de19]{margin-left:0;flex:1}.search-input[data-v-b3d5de19]{width:100%;padding:5px 10px;font-size:12px}.search-btn[data-v-b3d5de19]{padding:5px 10px;font-size:12px}.tools-section[data-v-b3d5de19]{padding:12px;margin-top:65px}.tools-container[data-v-b3d5de19]{padding:10px;min-height:200px}.banner-section[data-v-b3d5de19]{padding:15px 0;margin-top:65px}.banner-container[data-v-b3d5de19]{padding:0 12px;gap:15px}.user-center[data-v-b3d5de19]{margin-left:0}.login-btn[data-v-b3d5de19]{padding:5px 10px;font-size:11px}.user-info[data-v-b3d5de19]{padding:3px 6px}.user-avatar[data-v-b3d5de19]{width:24px;height:24px}}@keyframes fadeIn-b3d5de19{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.tools-grid[data-v-b3d5de19]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tool-card[data-v-b3d5de19]{padding:15px}.tool-name[data-v-b3d5de19]{font-size:14px}.tool-description[data-v-b3d5de19]{font-size:12px}}@media (max-width: 480px){.tools-grid[data-v-b3d5de19]{grid-template-columns:1fr;gap:10px}.tool-card[data-v-b3d5de19]{padding:12px}.tool-header[data-v-b3d5de19]{margin-bottom:10px}.tool-logo[data-v-b3d5de19]{width:36px;height:36px;margin-right:10px}.tool-name[data-v-b3d5de19]{font-size:14px}.tool-info p[data-v-b3d5de19]{font-size:11px}.tool-description[data-v-b3d5de19]{font-size:12px;line-height:1.4}.tool-tag[data-v-b3d5de19]{font-size:10px;padding:3px 8px}}.user-center[data-v-b3d5de19]{position:relative;margin-left:auto;display:flex;align-items:center}.login-btn[data-v-b3d5de19]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-btn[data-v-b3d5de19]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.user-info[data-v-b3d5de19]{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:25px;cursor:pointer;transition:all .3s ease}.user-info[data-v-b3d5de19]:hover{background:#f0f0f0}.user-avatar[data-v-b3d5de19]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px}.user-name[data-v-b3d5de19]{font-size:14px;font-weight:500;color:#333}.user-credits[data-v-b3d5de19]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.dropdown-icon[data-v-b3d5de19]{font-size:12px;color:#999;transition:transform .3s ease}.user-info:hover .dropdown-icon[data-v-b3d5de19]{transform:rotate(180deg)}.user-dropdown[data-v-b3d5de19]{position:absolute;top:100%;right:0;margin-top:10px;background:white;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:280px;overflow:hidden;z-index:1000;animation:dropdownFadeIn-b3d5de19 .2s ease}@keyframes dropdownFadeIn-b3d5de19{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header[data-v-b3d5de19]{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#667eea10 0%,#764ba210 100%)}.dropdown-avatar[data-v-b3d5de19]{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px}.dropdown-user-info[data-v-b3d5de19]{display:flex;flex-direction:column}.dropdown-name[data-v-b3d5de19]{font-size:16px;font-weight:600;color:#333}.dropdown-email[data-v-b3d5de19]{font-size:12px;color:#999}.dropdown-divider[data-v-b3d5de19]{height:1px;background:#eee;margin:4px 0}.dropdown-item[data-v-b3d5de19]{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#333;text-decoration:none;transition:all .2s ease;position:relative}.dropdown-item[data-v-b3d5de19]:hover{background:#f8f9fa;color:#667eea}.dropdown-item i[data-v-b3d5de19]{width:20px;text-align:center;color:#999}.dropdown-item:hover i[data-v-b3d5de19]{color:#667eea}.dropdown-item.logout[data-v-b3d5de19],.dropdown-item.logout i[data-v-b3d5de19]{color:#f56565}.dropdown-item.logout[data-v-b3d5de19]:hover{background:#fff5f5;color:#e53e3e}.credits-badge[data-v-b3d5de19]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;margin-left:auto}.nav-item.ai-comics[data-v-b3d5de19]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff!important;border-radius:20px;padding:8px 20px!important;font-weight:600;box-shadow:0 4px 15px #f5576c4d;transition:all .3s ease}.nav-item.ai-comics[data-v-b3d5de19]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c66}.nav-item.ai-comics.active[data-v-b3d5de19]{background:linear-gradient(135deg,#e05a6c 0%,#e54a78 100%);box-shadow:0 4px 15px #f5576c4d}@media (max-width: 1024px){.user-center[data-v-b3d5de19]{margin-left:auto}.user-name[data-v-b3d5de19],.user-credits[data-v-b3d5de19]{display:none}.user-dropdown[data-v-b3d5de19]{min-width:240px}}@media (max-width: 768px){.user-center[data-v-b3d5de19]{margin-left:0}.login-btn[data-v-b3d5de19]{padding:6px 12px;font-size:12px}.user-info[data-v-b3d5de19]{padding:4px 8px}.user-avatar[data-v-b3d5de19]{width:28px;height:28px}.user-dropdown[data-v-b3d5de19]{position:fixed;top:60px;right:10px;left:10px;min-width:auto}}.notification-overlay[data-v-82ba39e8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-82ba39e8 .3s ease}.notification-container[data-v-82ba39e8]{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;animation:slideUp-82ba39e8 .3s ease}.notification-info[data-v-82ba39e8]{border-top:4px solid #1890ff}.notification-success[data-v-82ba39e8]{border-top:4px solid #52c41a}.notification-warning[data-v-82ba39e8]{border-top:4px solid #faad14}.notification-error[data-v-82ba39e8]{border-top:4px solid #f5222d}.notification-header[data-v-82ba39e8]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #f0f0f0}.notification-title-wrapper[data-v-82ba39e8]{display:flex;align-items:center;gap:12px;flex:1}.notification-icon[data-v-82ba39e8]{font-size:24px}.notification-info .notification-icon[data-v-82ba39e8]{color:#1890ff}.notification-success .notification-icon[data-v-82ba39e8]{color:#52c41a}.notification-warning .notification-icon[data-v-82ba39e8]{color:#faad14}.notification-error .notification-icon[data-v-82ba39e8]{color:#f5222d}.notification-header h3[data-v-82ba39e8]{margin:0;font-size:18px;font-weight:600;color:#1a1a2e}.notification-close[data-v-82ba39e8]{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.notification-close[data-v-82ba39e8]:hover{background-color:#f5f5f5;color:#333}.notification-content[data-v-82ba39e8]{padding:24px;border-bottom:1px solid #f0f0f0}.notification-time[data-v-82ba39e8]{display:flex;align-items:center;gap:6px;font-size:13px;color:#999;margin-bottom:16px}.notification-time i[data-v-82ba39e8]{font-size:14px}.notification-text[data-v-82ba39e8]{font-size:15px;line-height:1.8;color:#333}.notification-text[data-v-82ba39e8] .notification-inline-link{color:#1890ff;text-decoration:none;border-bottom:1px dashed #1890ff;transition:all .2s ease}.notification-text[data-v-82ba39e8] .notification-inline-link:hover{color:#40a9ff;border-bottom-style:solid}.notification-footer[data-v-82ba39e8]{padding:20px 24px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.notification-link[data-v-82ba39e8]{background-color:#fff;color:#1890ff;border:1px solid #1890ff;border-radius:6px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.notification-link[data-v-82ba39e8]:hover{background-color:#e6f7ff;border-color:#40a9ff;color:#40a9ff}.notification-confirm[data-v-82ba39e8]{background-color:#1890ff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s ease}.notification-confirm[data-v-82ba39e8]:hover{background-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 12px #1890ff4d}@keyframes fadeIn-82ba39e8{0%{opacity:0}to{opacity:1}}@keyframes slideUp-82ba39e8{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.notification-container[data-v-82ba39e8]{width:95%;margin:0 10px;max-height:90vh}.notification-header[data-v-82ba39e8],.notification-content[data-v-82ba39e8],.notification-footer[data-v-82ba39e8]{padding:20px}.notification-title-wrapper[data-v-82ba39e8]{gap:10px}.notification-icon[data-v-82ba39e8]{font-size:22px}.notification-header h3[data-v-82ba39e8]{font-size:16px}.notification-text[data-v-82ba39e8]{font-size:14px}.notification-footer[data-v-82ba39e8]{flex-direction:column-reverse;gap:10px}.notification-link[data-v-82ba39e8],.notification-confirm[data-v-82ba39e8]{width:100%;justify-content:center}}@media (max-width: 480px){.notification-header[data-v-82ba39e8],.notification-content[data-v-82ba39e8],.notification-footer[data-v-82ba39e8]{padding:16px}.notification-icon[data-v-82ba39e8]{font-size:20px}.notification-header h3[data-v-82ba39e8]{font-size:15px}.notification-text[data-v-82ba39e8]{font-size:13px;line-height:1.6}}.home-page[data-v-1ea99a52]{padding:30px;background:white}.search-results-header[data-v-1ea99a52]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.search-results-header h2[data-v-1ea99a52]{font-size:20px;font-weight:600;color:#333;margin:0}.clear-search-btn[data-v-1ea99a52]{background:#f0f0f0;border:1px solid #ddd;color:#666;padding:6px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.clear-search-btn[data-v-1ea99a52]:hover{background:#e0e0e0;color:#333}.submenu-tabs[data-v-1ea99a52]{background:#f8fafc;margin-bottom:0;padding:15px 30px;border-bottom:1px solid #e2e8f0}.submenu-tabs-container[data-v-1ea99a52]{display:flex;gap:0;align-items:center;justify-content:space-between}.submenu-tabs-left[data-v-1ea99a52]{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1}.submenu-tabs-right[data-v-1ea99a52]{display:flex;align-items:center}.submenu-tab-btn[data-v-1ea99a52]{background:transparent;border:none;color:#64748b;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.submenu-tab-btn[data-v-1ea99a52]:hover{color:#3b82f6;background:#f1f5f9}.submenu-tab-btn.active[data-v-1ea99a52]{color:#fff;font-weight:600;background:#3b82f6}.submenu-tab-btn.active[data-v-1ea99a52]:hover{color:#fff;background:#2563eb}.more-tools-btn[data-v-1ea99a52]{background:transparent;border:none;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.more-tools-btn[data-v-1ea99a52]:hover{color:#3b82f6}.page-header[data-v-1ea99a52]{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.page-title[data-v-1ea99a52]{font-size:24px;font-weight:600;color:#333;margin-bottom:10px;display:flex;align-items:center;gap:10px}.page-title i[data-v-1ea99a52]{color:gold}.page-description[data-v-1ea99a52]{font-size:16px;color:#666}.tabs-container[data-v-1ea99a52]{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;background:#1a237e;padding:15px;border-radius:8px}.tab-btn[data-v-1ea99a52]{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn[data-v-1ea99a52]:hover{background:rgba(255,255,255,.1);color:#e5e7eb;border-color:#ffffff80}.tab-btn.active[data-v-1ea99a52]{background:#0d1642;color:#fff;border-color:#fff;font-weight:600}.tools-grid[data-v-1ea99a52]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tool-card[data-v-1ea99a52]{background:white!important;border:1px solid #f0f0f0!important;border-radius:12px!important;padding:20px!important;transition:all .3s ease!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;height:auto!important;display:block!important}.tool-card[data-v-1ea99a52]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:#1890ff}.tool-card[data-v-1ea99a52]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg,#1890ff,#36cfc9);opacity:0;transition:opacity .3s ease}.tool-card[data-v-1ea99a52]:hover:before{opacity:1}.tool-header[data-v-1ea99a52]{display:flex;align-items:center;margin-bottom:15px;position:relative}.tool-logo[data-v-1ea99a52]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;margin-right:15px;flex-shrink:0;background:transparent}.tool-icon-img[data-v-1ea99a52]{width:40px;height:40px;border-radius:8px;object-fit:contain}.tool-icon-text[data-v-1ea99a52]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;background:#8B5CF6}.tool-info[data-v-1ea99a52]{flex:1;min-width:0}.tool-info h3[data-v-1ea99a52]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-info p[data-v-1ea99a52]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-actions[data-v-1ea99a52]{display:flex;align-items:center;gap:12px}.tool-click-count[data-v-1ea99a52]{display:flex;align-items:center;gap:4px;color:#64748b;font-size:12px;opacity:1;transition:all .3s ease}.tool-like-button[data-v-1ea99a52]{display:flex;align-items:center;gap:4px;color:#64748b;font-size:12px;cursor:pointer;opacity:1;transition:all .3s ease;padding:4px 8px;border-radius:12px}.tool-like-button[data-v-1ea99a52]:hover{background:#f1f5f9;color:#3b82f6}.tool-like-button.liked[data-v-1ea99a52]{color:#3b82f6}.like-animation[data-v-1ea99a52]{position:absolute;color:#3b82f6;font-size:16px;font-weight:700;pointer-events:none;animation:like-fly-up-1ea99a52 1s ease-out forwards}@keyframes like-fly-up-1ea99a52{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-30px) scale(1.5);opacity:0}}.tool-external-icon[data-v-1ea99a52]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#adb5bd;font-size:12px;opacity:0;transition:all .3s ease}.tool-card:hover .tool-external-icon[data-v-1ea99a52]{opacity:1;color:#1890ff}.tool-card:hover .tool-external-icon[data-v-1ea99a52]{color:#1890ff}.tool-description[data-v-1ea99a52]{font-size:14px;color:#666;line-height:1.5;margin-bottom:15px}.tool-tags[data-v-1ea99a52]{display:flex;gap:8px;flex-wrap:wrap}.tool-tag[data-v-1ea99a52]{background:#f0f8ff;color:#1890ff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.empty-state[data-v-1ea99a52]{text-align:center;padding:60px 20px;color:#6c757d}.empty-state i[data-v-1ea99a52]{font-size:48px;color:#dee2e6;margin-bottom:20px;display:block}.empty-state h3[data-v-1ea99a52]{font-size:18px;font-weight:600;color:#495057;margin-bottom:8px}.empty-state p[data-v-1ea99a52]{font-size:14px;color:#6c757d}@media (max-width: 768px){.home-page[data-v-1ea99a52]{padding:20px}.tools-grid[data-v-1ea99a52]{grid-template-columns:1fr;gap:15px}.tabs-container[data-v-1ea99a52]{justify-content:center}.submenu-tabs[data-v-1ea99a52]{padding:12px 20px}.submenu-tabs-container[data-v-1ea99a52]{gap:15px;flex-wrap:wrap}.submenu-tab-btn[data-v-1ea99a52]{font-size:14px;padding:6px 12px}}@media (max-width: 480px){.home-page[data-v-1ea99a52]{padding:15px}.page-title[data-v-1ea99a52]{font-size:20px}.tab-btn[data-v-1ea99a52]{font-size:12px;padding:6px 12px}.submenu-tabs[data-v-1ea99a52]{padding:10px 15px}.submenu-tabs-container[data-v-1ea99a52]{gap:12px}.submenu-tab-btn[data-v-1ea99a52]{font-size:13px;padding:4px 8px}}.toast[data-v-1ea99a52]{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideInRight-1ea99a52 .3s ease-out forwards}.toast.success[data-v-1ea99a52]{background-color:#52c41a}.toast.error[data-v-1ea99a52]{background-color:#f5222d}.toast.info[data-v-1ea99a52]{background-color:#1890ff}@keyframes slideInRight-1ea99a52{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-1ea99a52{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.header-icon[data-v-62b75b79]{margin-right:var(--spacing-sm);color:var(--primary-color)}.tool-icon[data-v-bb2b810f]{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tool-icon-text[data-v-bb2b810f]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff!important;background-color:#8b5cf6;text-transform:uppercase}.empty-state[data-v-534241e8]{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.empty-state i[data-v-534241e8]{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3[data-v-534241e8]{font-size:18px;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.empty-state p[data-v-534241e8]{font-size:14px}.empty-state[data-v-b01a8c80]{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.empty-state i[data-v-b01a8c80]{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3[data-v-b01a8c80]{font-size:18px;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.empty-state p[data-v-b01a8c80]{font-size:14px;margin-bottom:var(--spacing-lg)}.btn-primary[data-v-b01a8c80]{background-color:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);text-decoration:none;display:inline-block;transition:all .2s ease}.btn-primary[data-v-b01a8c80]:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.about-page[data-v-f334d66e]{padding:40px;background:white;min-height:calc(100vh - 80px)}.about-container[data-v-f334d66e]{max-width:900px;margin:0 auto}.about-section[data-v-f334d66e]{margin-bottom:50px}.section-title[data-v-f334d66e]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#1a1a2e;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-title i[data-v-f334d66e]{color:#1890ff}.section-content[data-v-f334d66e]{color:#666;line-height:1.8;font-size:15px}.section-content p[data-v-f334d66e]{margin-bottom:15px}.statement-item[data-v-f334d66e]{background:#f8fafc;border-radius:12px;padding:20px 25px;margin-bottom:15px;border-left:4px solid #1890ff}.statement-item h3[data-v-f334d66e]{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.statement-item p[data-v-f334d66e]{margin-bottom:0;color:#666}.contact-section[data-v-f334d66e]{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.contact-card[data-v-f334d66e]{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#07c160 0%,#06ae56 100%);border-radius:16px;padding:25px 30px;color:#fff;flex:1;min-width:280px}.contact-icon[data-v-f334d66e]{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.contact-info h3[data-v-f334d66e]{font-size:18px;font-weight:600;margin-bottom:8px}.contact-info p[data-v-f334d66e]{margin:4px 0;opacity:.9;font-size:14px}.qrcode-placeholder[data-v-f334d66e]{flex:0 0 150px}.qrcode-img[data-v-f334d66e]{width:150px;height:150px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000001a}.cooperation-section[data-v-f334d66e]{display:grid;gap:20px}.cooperation-item[data-v-f334d66e]{display:flex;align-items:flex-start;gap:20px;background:white;border:1px solid #f0f0f0;border-radius:12px;padding:25px;transition:all .3s ease}.cooperation-item[data-v-f334d66e]:hover{border-color:#1890ff;box-shadow:0 4px 20px #1890ff1a}.cooperation-icon[data-v-f334d66e]{width:50px;height:50px;background:linear-gradient(135deg,#1890ff 0%,#096dd9 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.cooperation-text h3[data-v-f334d66e]{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.cooperation-text p[data-v-f334d66e]{margin:0;color:#666;font-size:14px}@media (max-width: 768px){.about-page[data-v-f334d66e]{padding:20px}.section-title[data-v-f334d66e]{font-size:20px}.contact-section[data-v-f334d66e]{flex-direction:column}.contact-card[data-v-f334d66e]{width:100%}.qrcode-placeholder[data-v-f334d66e]{flex:0 0 auto}.qrcode-img[data-v-f334d66e]{width:120px;height:120px}}.resource-page[data-v-79bc199b]{min-height:100vh;background:#f5f5f5;display:flex;width:100%;margin:0;padding:0}.main-container[data-v-79bc199b]{display:flex;min-height:100vh;width:100%;background:white;box-shadow:0 0 20px #0000001a;margin:0;padding:0}.left-nav[data-v-79bc199b]{width:200px;background:#16213e;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;flex-shrink:0;z-index:1000;padding-top:0}.nav-header[data-v-79bc199b]{display:flex;align-items:center;gap:10px;padding:25px 20px;border-bottom:1px solid rgba(255,255,255,.1);font-size:18px;font-weight:700;height:70px;box-sizing:border-box}.nav-header i[data-v-79bc199b]{font-size:20px;color:#4cc9f0}.nav-menu[data-v-79bc199b]{list-style:none;padding:0;margin:0;flex:1}.nav-item[data-v-79bc199b]{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.nav-item[data-v-79bc199b]:hover{background:rgba(76,201,240,.1);border-left-color:#4cc9f0}.nav-item.active[data-v-79bc199b]{background:rgba(76,201,240,.2);border-left-color:#4cc9f0;color:#4cc9f0}.nav-item i[data-v-79bc199b]{font-size:16px;width:20px;text-align:center;color:#fffc}.nav-item.active i[data-v-79bc199b]{color:#4cc9f0}.content-area[data-v-79bc199b]{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;margin-left:200px;width:calc(100% - 200px)}.top-search[data-v-79bc199b]{background:#f8f9fa;padding:10px 30px;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:100}.search-container[data-v-79bc199b]{max-width:600px;margin:0 auto;position:relative}.search-input[data-v-79bc199b]{width:100%;height:40px;padding:0 15px;border:1px solid #ced4da;border-radius:20px;background:white;color:#495057;font-size:14px;transition:all .3s ease}.search-input[data-v-79bc199b]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff40}.search-btn[data-v-79bc199b]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;transition:color .3s ease}.search-btn[data-v-79bc199b]:hover{color:#1890ff}.carousel[data-v-79bc199b]{position:relative;overflow:hidden;color:#fff;height:400px}.carousel-slider[data-v-79bc199b]{width:100%;height:100%;position:relative}.carousel-slide[data-v-79bc199b]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;cursor:pointer;z-index:1}.carousel-slide.active[data-v-79bc199b]{opacity:1;z-index:10}.carousel-image[data-v-79bc199b]{width:100%;height:100%;object-fit:cover}.carousel-indicators[data-v-79bc199b]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:2}.carousel-indicator[data-v-79bc199b]{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.carousel-indicator.active[data-v-79bc199b]{background:white;transform:scale(1.2)}.subcategory-tabs[data-v-79bc199b]{display:flex;gap:12px;margin:30px;flex-wrap:wrap}.tab-btn[data-v-79bc199b]{padding:10px 20px;border:1px solid #e0e0e0;border-radius:24px;background:white;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.tab-btn[data-v-79bc199b]:hover{border-color:#1890ff;color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.tab-btn.active[data-v-79bc199b]{background:#1890ff;border-color:#1890ff;color:#fff;box-shadow:0 2px 8px #1890ff33}.resource-section[data-v-79bc199b]{flex:1;padding:30px 30px 40px;overflow-y:auto}.section-header[data-v-79bc199b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.section-title[data-v-79bc199b]{font-size:24px;font-weight:700;color:#333}.sort-options[data-v-79bc199b]{display:flex;gap:12px}.sort-btn[data-v-79bc199b]{padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;background:white;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.sort-btn[data-v-79bc199b]:hover{border-color:#1890ff;color:#1890ff}.sort-btn.active[data-v-79bc199b]{background:#1890ff;border-color:#1890ff;color:#fff}.loading-state[data-v-79bc199b]{text-align:center;padding:100px 20px;color:#6c757d;background:#fafafa;border-radius:8px;margin:20px 0}.loading-spinner[data-v-79bc199b]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1890ff;animation:spin-79bc199b 1s ease-in-out infinite;margin:0 auto 25px;display:block}@keyframes spin-79bc199b{to{transform:rotate(360deg)}}.empty-state[data-v-79bc199b]{text-align:center;padding:100px 20px;color:#6c757d;background:#fafafa;border-radius:8px;margin:20px 0}.empty-state i[data-v-79bc199b]{font-size:72px;color:#dee2e6;margin-bottom:25px;display:block}.empty-state h3[data-v-79bc199b]{font-size:20px;font-weight:600;color:#495057;margin-bottom:10px}.empty-state p[data-v-79bc199b]{font-size:16px;color:#6c757d}.resource-grid[data-v-79bc199b]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}.resource-card[data-v-79bc199b]{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;min-height:400px}.resource-card[data-v-79bc199b]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.resource-image[data-v-79bc199b]{height:500px;background:linear-gradient(135deg,#f0f9ff 0%,#e6f7ff 100%);display:flex;align-items:center;justify-content:center;font-size:56px;color:#1890ff;overflow:hidden}.resource-cover[data-v-79bc199b]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.resource-card:hover .resource-cover[data-v-79bc199b]{transform:scale(1.05)}.resource-icon[data-v-79bc199b]{font-size:56px;color:#1890ff}.resource-info[data-v-79bc199b]{padding:20px;flex:1;display:flex;flex-direction:column;min-height:0}.resource-name[data-v-79bc199b]{font-size:16px;font-weight:700;margin-bottom:10px;color:#333;flex-shrink:0}.resource-description[data-v-79bc199b]{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.resource-meta[data-v-79bc199b]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;flex-shrink:0}.resource-downloads[data-v-79bc199b]{display:flex;align-items:center;gap:5px}.resource-downloads i[data-v-79bc199b]{font-size:12px}.load-more-section[data-v-79bc199b]{display:flex;justify-content:center;align-items:center;margin-top:40px;padding-top:30px;border-top:1px solid #f0f0f0;min-height:180px}.loading-more[data-v-79bc199b]{display:flex;flex-direction:column;align-items:center;gap:20px;color:#666;font-size:14px;padding:30px;animation:pulse-79bc199b 1.5s ease-in-out infinite}.loading-spinner[data-v-79bc199b]{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1890ff 0%,#40a9ff 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1890ff4d;animation:spin-79bc199b 2s linear infinite}.loading-spinner i[data-v-79bc199b]{font-size:24px;color:#fff;animation:spin-reverse-79bc199b 2s linear infinite}.loading-text[data-v-79bc199b]{display:flex;flex-direction:column;align-items:center;gap:10px}.loading-dots[data-v-79bc199b]{display:flex;gap:6px;margin-top:8px}.loading-dots .dot[data-v-79bc199b]{width:10px;height:10px;border-radius:50%;background:#1890ff;animation:dot-bounce-79bc199b 1.5s ease-in-out infinite}.loading-dots .dot[data-v-79bc199b]:nth-child(2){animation-delay:.2s}.loading-dots .dot[data-v-79bc199b]:nth-child(3){animation-delay:.4s}@keyframes spin-79bc199b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse-79bc199b{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes dot-bounce-79bc199b{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}@keyframes pulse-79bc199b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.load-more-btn-container[data-v-79bc199b]{width:100%;display:flex;justify-content:center}.load-more-btn[data-v-79bc199b]{padding:14px 36px;border:1px solid #e0e0e0;border-radius:28px;background:white;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 4px #0000000d}.load-more-btn[data-v-79bc199b]:hover:not(:disabled){border-color:#1890ff;color:#1890ff;box-shadow:0 4px 12px #1890ff33;transform:translateY(-1px)}.load-more-btn[data-v-79bc199b]:active:not(:disabled){transform:translateY(0)}.load-more-btn i[data-v-79bc199b]{font-size:14px;transition:transform .3s ease}.load-more-btn:hover:not(:disabled) i[data-v-79bc199b]{transform:translateY(1px)}.load-more-btn[data-v-79bc199b]:disabled{opacity:.5;cursor:not-allowed}.no-more[data-v-79bc199b]{display:flex;align-items:center;gap:10px;color:#999;font-size:14px;padding:25px 0}.no-more i[data-v-79bc199b]{font-size:18px;color:#52c41a}.back-to-top[data-v-79bc199b]{position:fixed;bottom:40px;right:40px;width:52px;height:52px;border-radius:50%;background:#1890ff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1890ff4d;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.back-to-top.show[data-v-79bc199b]{opacity:1;visibility:visible}.back-to-top[data-v-79bc199b]:hover{background:#40a9ff;transform:translateY(-2px);box-shadow:0 6px 16px #1890ff66}.back-to-top i[data-v-79bc199b]{font-size:20px}.toast[data-v-79bc199b]{position:fixed;top:100px;right:30px;padding:14px 24px;border-radius:6px;color:#fff;font-size:14px;box-shadow:0 4px 16px #00000026;z-index:1001;animation:slide-in-79bc199b .3s ease}.toast.success[data-v-79bc199b]{background:#52c41a}.toast.error[data-v-79bc199b]{background:#ff4d4f}.toast.info[data-v-79bc199b]{background:#1890ff}@keyframes slide-in-79bc199b{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1200px){.resource-grid[data-v-79bc199b]{grid-template-columns:repeat(2,1fr)}.left-nav[data-v-79bc199b]{width:180px}.content-area[data-v-79bc199b]{margin-left:180px;width:calc(100% - 180px)}}@media (max-width: 992px){.left-nav[data-v-79bc199b]{width:160px}.nav-item[data-v-79bc199b]{padding:12px 16px}.nav-item i[data-v-79bc199b]{font-size:16px}.content-area[data-v-79bc199b]{margin-left:160px;width:calc(100% - 160px)}}@media (max-width: 768px){.resource-page[data-v-79bc199b],.main-container[data-v-79bc199b]{flex-direction:column}.left-nav[data-v-79bc199b]{width:100%;height:auto;position:static}.content-area[data-v-79bc199b]{margin-left:0;width:100%}.nav-menu[data-v-79bc199b]{display:flex;flex-wrap:wrap;gap:10px}.nav-item[data-v-79bc199b]{flex:1;min-width:120px;justify-content:center;padding:10px 15px}.resource-grid[data-v-79bc199b]{grid-template-columns:1fr}.carousel[data-v-79bc199b]{padding:60px 30px}.carousel-title[data-v-79bc199b]{font-size:32px}.subcategory-tabs[data-v-79bc199b]{margin:20px}.resource-section[data-v-79bc199b]{padding:0 20px 30px}}@media (max-width: 480px){.top-search[data-v-79bc199b]{padding:15px}.carousel[data-v-79bc199b]{padding:40px 20px}.carousel-title[data-v-79bc199b]{font-size:24px}.section-header[data-v-79bc199b]{flex-direction:column;align-items:flex-start;gap:15px}.sort-options[data-v-79bc199b]{width:100%;justify-content:space-between}.back-to-top[data-v-79bc199b]{bottom:30px;right:30px}.nav-item[data-v-79bc199b]{min-width:100px;font-size:14px}}.video-generate-container[data-v-ae4dc63b]{max-width:1400px;margin:0 auto;padding:20px}.generate-header[data-v-ae4dc63b]{margin-bottom:40px}.header-content[data-v-ae4dc63b]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-text[data-v-ae4dc63b]{text-align:left}.generate-header h1[data-v-ae4dc63b]{font-size:2.5rem;color:#333;margin-bottom:10px}.generate-header p[data-v-ae4dc63b]{font-size:1.2rem;color:#666}.header-actions[data-v-ae4dc63b]{display:flex;gap:10px}.header-actions .create-character-btn[data-v-ae4dc63b]{margin:0}.generate-main[data-v-ae4dc63b]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.left-panel[data-v-ae4dc63b]{background:#f9f9f9;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.right-panel[data-v-ae4dc63b]{display:flex;flex-direction:column;gap:20px}.input-section[data-v-ae4dc63b]{margin-bottom:25px}.input-section label[data-v-ae4dc63b]{display:block;margin-bottom:8px;font-weight:600;color:#333}.input-section textarea[data-v-ae4dc63b],.input-section select[data-v-ae4dc63b],.input-section input[data-v-ae4dc63b]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s}.input-section input[data-v-ae4dc63b]:focus{outline:none;border-color:#4a90e2}.remix-input[data-v-ae4dc63b]{font-family:monospace;background-color:#f5f5f5}.remix-input[data-v-ae4dc63b]:focus{background-color:#fff}.input-section textarea[data-v-ae4dc63b]:focus,.input-section select[data-v-ae4dc63b]:focus{outline:none;border-color:#4a90e2}.structured-prompt[data-v-ae4dc63b]{margin-top:2rem}.prompt-tabs[data-v-ae4dc63b]{display:flex;margin-bottom:1rem;border-bottom:1px solid #ddd}.tab-btn[data-v-ae4dc63b]{padding:.8rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1rem;font-weight:600;color:#666;transition:all .3s ease;margin-right:1rem}.tab-btn[data-v-ae4dc63b]:hover{color:#4a90e2}.tab-btn.active[data-v-ae4dc63b]{color:#4a90e2;border-bottom-color:#4a90e2}.structured-preview[data-v-ae4dc63b]{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;border:1px solid #eee}.preview-content[data-v-ae4dc63b]{display:grid;gap:.8rem}.preview-item[data-v-ae4dc63b]{font-size:.95rem;line-height:1.4}.negative-prompts[data-v-ae4dc63b]{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.negative-prompt-item[data-v-ae4dc63b]{display:flex;align-items:center;background-color:#ffebee;color:#c62828;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.negative-prompt-item .remove-btn[data-v-ae4dc63b]{background:none;border:none;color:#c62828;font-size:1.2rem;cursor:pointer;margin-left:.5rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative;top:auto;right:auto}.add-prompt select[data-v-ae4dc63b]{padding:.5rem;border:1px solid #ddd;border-radius:20px;font-size:.9rem;background-color:#fff;width:auto}.image-section-title[data-v-ae4dc63b]{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px;display:block}.image-upload-description[data-v-ae4dc63b]{font-size:.9rem;color:#666;margin-bottom:16px;line-height:1.4}.image-upload-container[data-v-ae4dc63b]{position:relative}.image-upload-placeholder[data-v-ae4dc63b]{width:150px;height:150px;border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#f9f9f9}.image-upload-placeholder[data-v-ae4dc63b]:hover{border-color:#4a90e2;background-color:#f0f8ff}.upload-plus-icon[data-v-ae4dc63b]{font-size:2rem;color:#999;margin-bottom:8px}.upload-label[data-v-ae4dc63b]{font-size:.9rem;color:#666}.image-preview-container[data-v-ae4dc63b]{display:inline-block;position:relative;max-width:100%;margin:10px 0}.image-preview-wrapper[data-v-ae4dc63b]{display:inline-block;position:relative;width:150px;height:150px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background-color:#f9f9f9}.uploaded-image[data-v-ae4dc63b]{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.image-actions[data-v-ae4dc63b]{position:absolute;bottom:8px;left:8px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease;z-index:10}.image-preview-wrapper:hover .image-actions[data-v-ae4dc63b]{opacity:1}.image-action-btn[data-v-ae4dc63b]{width:24px;height:24px;border:none;border-radius:50%;background-color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 1px 3px #0003;position:relative}.image-action-btn[data-v-ae4dc63b]:hover{background-color:#fff;transform:scale(1.05)}.image-action-btn i[data-v-ae4dc63b]{font-size:12px;color:#333}.image-action-btn:hover i[data-v-ae4dc63b]{color:#000}.required-field[data-v-ae4dc63b]{position:relative}.required-asterisk[data-v-ae4dc63b]{color:red;margin-left:4px;font-weight:700}.prohibited-content[data-v-ae4dc63b]{font-size:.85rem;color:red;margin-top:8px;line-height:1.4;padding:8px;background-color:#fff5f5;border-radius:4px;border:1px solid #ffe0e0}.params-grid[data-v-ae4dc63b]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.param-item select[data-v-ae4dc63b]{width:100%}.generate-btn-section[data-v-ae4dc63b]{margin-top:30px;text-align:center}.generate-btn[data-v-ae4dc63b]{background:#4a90e2;color:#fff;border:none;padding:15px 40px;font-size:1.1rem;border-radius:6px;cursor:pointer;transition:background-color .3s;display:inline-flex;align-items:center;gap:10px}.generate-btn[data-v-ae4dc63b]:hover:not(:disabled){background:#357abd}.generate-btn[data-v-ae4dc63b]:disabled{background:#cccccc;cursor:not-allowed}.loading-spinner[data-v-ae4dc63b]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-ae4dc63b 1s linear infinite}@keyframes spin-ae4dc63b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generate-btn-wrapper[data-v-ae4dc63b]{position:relative;display:inline-block;margin-bottom:10px}.credit-insufficient[data-v-ae4dc63b]{margin-top:5px;color:#dc3545;font-size:.8rem;text-align:center;background-color:#fff5f5;border:1px solid #ffe0e0;border-radius:4px;padding:4px 8px}.credit-info[data-v-ae4dc63b]{margin-top:10px;color:#666;font-size:.9rem}.model-list-select[data-v-ae4dc63b]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s;background-color:#fff}.model-list-select[data-v-ae4dc63b]:focus{outline:none;border-color:#4a90e2}.custom-select-container[data-v-ae4dc63b]{position:relative;width:100%}.custom-select-header[data-v-ae4dc63b]{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:border-color .3s;min-height:40px}.custom-select-header span[data-v-ae4dc63b]:first-child{flex:1;text-align:left;color:#000;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credits-display[data-v-ae4dc63b]{color:gold;font-weight:700;margin-right:10px}.dropdown-arrow[data-v-ae4dc63b]{color:#666;font-size:.8rem}.no-data[data-v-ae4dc63b]{display:flex;justify-content:center;align-items:center;padding:40px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee;margin-top:20px}.no-data p[data-v-ae4dc63b]{color:#666;font-size:1rem;font-style:italic}.custom-select-header[data-v-ae4dc63b]:hover{border-color:#4a90e2}.custom-select-header[data-v-ae4dc63b]:focus{outline:none;border-color:#4a90e2}.custom-select-options[data-v-ae4dc63b]{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:200px;overflow-y:auto;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.custom-option-item[data-v-ae4dc63b]{display:flex;justify-content:space-between;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s;min-height:30px}.custom-option-item[data-v-ae4dc63b]:hover{background-color:#f0f8ff}.custom-option-item.active[data-v-ae4dc63b]{background-color:#e6f2ff;border-left:3px solid #4a90e2}.model-name[data-v-ae4dc63b]{font-weight:400;color:#000;flex:1;text-align:left;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-credits[data-v-ae4dc63b]{color:gold;font-weight:700;white-space:nowrap}.credits-display[data-v-ae4dc63b]{color:gold;font-weight:700;margin-left:10px}.dropdown-arrow[data-v-ae4dc63b]{color:#666;font-size:.8rem;margin-left:10px;transition:transform .2s}.progress-section[data-v-ae4dc63b]{margin-bottom:25px;padding:20px;background:#f0f8ff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.progress-header[data-v-ae4dc63b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-label[data-v-ae4dc63b]{font-size:1.1rem;font-weight:600;color:#333}.progress-percentage[data-v-ae4dc63b]{font-size:1.2rem;font-weight:700;color:#4a90e2}.progress-bar-container[data-v-ae4dc63b]{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;position:relative}.progress-bar[data-v-ae4dc63b]{height:100%;background:linear-gradient(90deg,#4a90e2 0%,#357abd 100%);border-radius:15px;transition:width .5s ease;position:relative}.progress-bar[data-v-ae4dc63b]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 100%);animation:shimmer-ae4dc63b 2s infinite}@keyframes shimmer-ae4dc63b{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-status[data-v-ae4dc63b]{text-align:center;margin-top:15px;font-size:1rem;font-weight:600}.status-success[data-v-ae4dc63b]{color:#28a745}.status-error[data-v-ae4dc63b]{color:#dc3545}.preview-section[data-v-ae4dc63b],.recent-section[data-v-ae4dc63b]{background:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.preview-section h3[data-v-ae4dc63b],.recent-section h3[data-v-ae4dc63b]{margin-bottom:15px;color:#333}.preview-area[data-v-ae4dc63b]{background:white;border:1px solid #ddd;border-radius:6px;padding:20px;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center}.preview-placeholder[data-v-ae4dc63b]{color:#999}.preview-content[data-v-ae4dc63b]{width:100%}.preview-result-container[data-v-ae4dc63b]{position:relative;width:100%;display:block;overflow:hidden;background:#000;border-radius:6px;margin:0 auto}.preview-result-container video[data-v-ae4dc63b],.preview-result-container img[data-v-ae4dc63b]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:6px}.preview-actions[data-v-ae4dc63b]{margin-top:15px;text-align:center}.create-character-btn[data-v-ae4dc63b]{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s;margin-left:10px}.create-character-btn[data-v-ae4dc63b]:hover{background:#218838}.market-btn[data-v-ae4dc63b]{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.market-btn[data-v-ae4dc63b]:hover{background:#0056b3}.expired-label[data-v-ae4dc63b]{position:absolute;top:10px;right:10px;background-color:#f00c;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700;z-index:10}.failed-label[data-v-ae4dc63b]{position:absolute;top:10px;right:10px;background-color:#ffa500e6;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700;z-index:10}.status-tag.failed[data-v-ae4dc63b]{background-color:#ff6b6b;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem;margin-left:5px}.preview-title[data-v-ae4dc63b]{padding:10px 0}.preview-title h4[data-v-ae4dc63b]{margin:0;color:#333;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-info[data-v-ae4dc63b]{width:100%;padding:15px;background:#f9f9f9;border-radius:6px;margin-bottom:15px}.info-item[data-v-ae4dc63b]{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0;background:white;border-radius:4px}.info-label[data-v-ae4dc63b]{font-weight:600;color:#666;font-size:.9rem}.info-value[data-v-ae4dc63b]{color:#333;font-size:.9rem}.preview-actions[data-v-ae4dc63b]{display:flex;gap:10px;justify-content:center}.action-btn[data-v-ae4dc63b]{background:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.action-btn[data-v-ae4dc63b]:hover{background:#357abd}.recent-header[data-v-ae4dc63b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.view-more-btn[data-v-ae4dc63b]{background:#4a90e2;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.view-more-btn[data-v-ae4dc63b]:hover{background:#357abd}.generations-grid[data-v-ae4dc63b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.generation-item[data-v-ae4dc63b]{background:white;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer}.generation-item[data-v-ae4dc63b]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.item-preview[data-v-ae4dc63b]{position:relative;width:100%;overflow:hidden;background:#000;border-radius:6px 6px 0 0}.item-preview .preview-result-container[data-v-ae4dc63b]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.item-preview video[data-v-ae4dc63b],.item-preview img[data-v-ae4dc63b]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:6px 6px 0 0}.item-overlay[data-v-ae4dc63b]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;z-index:5}.generation-item:hover .item-overlay[data-v-ae4dc63b]{opacity:1}.item-actions[data-v-ae4dc63b]{display:flex;gap:10px}.action-icon[data-v-ae4dc63b]{background:white;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s}.action-icon[data-v-ae4dc63b]:hover{transform:scale(1.1);background:#f0f0f0}.action-icon.delete[data-v-ae4dc63b]:hover{background:#ff6b6b;color:#fff}.item-info[data-v-ae4dc63b]{padding:15px;background:white}.item-info h4[data-v-ae4dc63b]{margin:0 0 8px;color:#333;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta[data-v-ae4dc63b]{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:.8rem;color:#666}.type-tag[data-v-ae4dc63b]{background-color:#4a90e2;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:4px}.item-date[data-v-ae4dc63b]{font-size:.8rem;color:#666}.item-prompt[data-v-ae4dc63b]{color:#333;font-size:.95rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-type[data-v-ae4dc63b]{background:#4a90e2;color:#fff;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.item-date[data-v-ae4dc63b]{color:#999}.item-prompt[data-v-ae4dc63b]{margin:0;font-size:.9rem;color:#666;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-preview video[data-v-ae4dc63b]{z-index:10}@media (max-width: 768px){.generations-grid[data-v-ae4dc63b]{grid-template-columns:1fr}}.recent-item[data-v-ae4dc63b]{background:white;border:1px solid #ddd;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.recent-item[data-v-ae4dc63b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.recent-item img[data-v-ae4dc63b]{width:100%;height:90px;object-fit:cover}.recent-info[data-v-ae4dc63b]{padding:8px}.recent-title[data-v-ae4dc63b]{font-size:.8rem;font-weight:600;color:#333;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-date[data-v-ae4dc63b]{font-size:.7rem;color:#999}.recent-meta[data-v-ae4dc63b]{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.meta-tag[data-v-ae4dc63b]{background:#e0e0e0;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:3px}@media (max-width: 1024px){.generate-main[data-v-ae4dc63b]{grid-template-columns:1fr}.right-panel[data-v-ae4dc63b]{order:-1}}@media (max-width: 768px){.video-generate-container[data-v-ae4dc63b]{padding:10px}.generate-header h1[data-v-ae4dc63b]{font-size:2rem}.params-grid[data-v-ae4dc63b]{grid-template-columns:1fr}.recent-grid[data-v-ae4dc63b]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.video-manage-container[data-v-8f318795]{max-width:1400px;margin:0 auto;padding:20px}.manage-header[data-v-8f318795]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.manage-header h1[data-v-8f318795]{font-size:2rem;color:#333}.new-btn[data-v-8f318795]{background:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s}.new-btn[data-v-8f318795]:hover{background:#357abd}.filter-section[data-v-8f318795]{background:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-bar[data-v-8f318795]{display:flex;align-items:center;background:white;border:1px solid #ddd;border-radius:6px;overflow:hidden;flex:1;max-width:400px}.search-bar input[data-v-8f318795]{flex:1;padding:10px 15px;border:none;outline:none;font-size:.9rem}.search-btn[data-v-8f318795]{background:#4a90e2;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:1rem}.filter-controls[data-v-8f318795]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-controls select[data-v-8f318795]{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background:white}.refresh-btn[data-v-8f318795]{background:#4a90e2;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.refresh-btn[data-v-8f318795]:hover{background:#357abd}.generations-grid[data-v-8f318795]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.generation-item[data-v-8f318795]{background:white;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s}.generation-item[data-v-8f318795]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.item-preview[data-v-8f318795]{position:relative;width:100%;overflow:hidden;background:#000;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:center;min-height:200px}.item-preview .preview-result-container[data-v-8f318795]{width:100%;height:auto;position:relative;display:flex;align-items:center;justify-content:center}.preview-video[data-v-8f318795],.preview-image[data-v-8f318795]{width:auto;height:auto;max-width:100%;max-height:300px;object-fit:contain;display:block;position:relative;top:auto;left:auto}.preview-result-container[data-v-8f318795]:has(.preview-image){padding-bottom:0;min-height:auto}.preview-result-container:has(.preview-image) .preview-image[data-v-8f318795]{position:relative;max-height:300px;width:auto}.expired-label[data-v-8f318795]{position:absolute;top:10px;right:10px;background-color:#f00c;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700;z-index:10}.failed-label[data-v-8f318795]{position:absolute;top:10px;right:10px;background-color:#ffa500e6;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700;z-index:10}.item-status.failed[data-v-8f318795]{background-color:#ff6b6b;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem;margin:0 5px}.item-aspect-ratio[data-v-8f318795]{background-color:#4a90e2;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem;margin:0 5px;font-weight:500}.item-overlay[data-v-8f318795]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.item-preview video[data-v-8f318795]{position:relative;z-index:10}.generation-item:hover .item-overlay[data-v-8f318795]{opacity:1}.zoom-hint[data-v-8f318795]{background:rgba(255,255,255,.3);border:2px solid white;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;transition:all .3s ease}.generation-item:hover .zoom-hint[data-v-8f318795]{transform:scale(1.1);background:rgba(255,255,255,.4)}.item-info[data-v-8f318795]{padding:15px}.item-info h4[data-v-8f318795]{margin:0 0 8px;color:#333;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta[data-v-8f318795]{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:.8rem;color:#666}.item-type[data-v-8f318795]{background:#4a90e2;color:#fff;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.item-date[data-v-8f318795]{color:#999}.item-prompt[data-v-8f318795]{margin:0;font-size:.9rem;color:#666;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.keyword[data-v-8f318795]{cursor:pointer;color:#4a90e2;text-decoration:underline;text-decoration-style:dotted;padding:0 2px;border-radius:3px;transition:background-color .2s}.keyword[data-v-8f318795]:hover{background-color:#4a90e21a;text-decoration-style:solid}.empty-state[data-v-8f318795]{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px #0000001a}.empty-icon[data-v-8f318795]{font-size:5rem;margin-bottom:20px;display:block}.empty-state h3[data-v-8f318795]{color:#333;margin:0 0 10px}.empty-state p[data-v-8f318795]{color:#666;margin:0 0 20px}.create-btn[data-v-8f318795]{background:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s}.create-btn[data-v-8f318795]:hover{background:#357abd}.pagination[data-v-8f318795]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.page-btn[data-v-8f318795]{background:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.page-btn[data-v-8f318795]:hover:not(:disabled){background:#357abd}.page-btn[data-v-8f318795]:disabled{background:#cccccc;cursor:not-allowed}.page-info[data-v-8f318795]{color:#666;font-size:.9rem}.storage-reminder[data-v-8f318795]{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:12px 15px;border-radius:8px;margin:20px 0;font-size:.95rem;text-align:center;font-weight:500;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.video-manage-container[data-v-8f318795]{padding:10px}.manage-header[data-v-8f318795]{flex-direction:column;align-items:flex-start;gap:15px}.filter-section[data-v-8f318795]{flex-direction:column;align-items:stretch}.search-bar[data-v-8f318795]{max-width:none}.filter-controls[data-v-8f318795]{justify-content:stretch}.filter-controls select[data-v-8f318795]{flex:1}.generations-grid[data-v-8f318795]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.storage-reminder[data-v-8f318795]{font-size:.85rem;padding:10px;margin:15px 0}}@media (max-width: 480px){.generations-grid[data-v-8f318795]{grid-template-columns:1fr}}[data-v-c87ee7ec]:root{--primary-color: #ff6b35;--secondary-color: #ffc837;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #000000;--text-secondary: #666666;--border-color: #e5e7eb;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--gradient-blue: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-orange: linear-gradient(135deg, #ff6b35 0%, #ff8e60 100%)}html[data-v-c87ee7ec],body[data-v-c87ee7ec]{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}[data-v-c87ee7ec]{margin:0;padding:0;box-sizing:border-box}.user-center-container[data-v-c87ee7ec]{width:100vw;height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;position:fixed;top:0;left:0;overflow:hidden;display:flex;flex-direction:column}.top-banner[data-v-c87ee7ec]{background:var(--gradient-blue);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;z-index:20;flex-shrink:0;height:80px}.banner-content[data-v-c87ee7ec]{display:flex;flex-direction:column}.banner-title[data-v-c87ee7ec]{font-size:24px;font-weight:700;margin-bottom:4px}.banner-subtitle[data-v-c87ee7ec]{font-size:14px;opacity:.9}.upload-btn[data-v-c87ee7ec]{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.upload-btn[data-v-c87ee7ec]:hover{background:rgba(255,255,255,.3)}.main-wrapper[data-v-c87ee7ec]{display:flex;flex:1;overflow:hidden;height:calc(100vh - 80px);width:100%}.sidebar[data-v-c87ee7ec]{width:280px;background:var(--bg-primary);padding:20px;overflow-y:auto;z-index:15;box-shadow:2px 0 8px #0000000d;flex-shrink:0;height:100%;position:fixed;left:0;top:80px}.main-content[data-v-c87ee7ec]{padding:20px;flex:1;overflow-y:auto;height:100%;margin-left:280px;width:calc(100% - 280px);min-width:0}.content[data-v-c87ee7ec]{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;min-width:0;height:auto;min-height:100%}.user-card[data-v-c87ee7ec]{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);padding:20px;border:1px solid var(--border-color)}.profile-header[data-v-c87ee7ec]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.avatar-wrapper[data-v-c87ee7ec]{position:relative;margin-bottom:12px}.profile-avatar[data-v-c87ee7ec]{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.vip-badge[data-v-c87ee7ec]{position:absolute;bottom:0;right:0;background:var(--secondary-color);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:10px;border:2px solid white}.user-info[data-v-c87ee7ec]{width:100%}.username[data-v-c87ee7ec]{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.user-desc[data-v-c87ee7ec]{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.edit-btn[data-v-c87ee7ec]{font-size:12px;color:var(--primary-color);cursor:pointer;text-decoration:underline}.user-stats[data-v-c87ee7ec]{display:flex;justify-content:space-around;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:20px}.stat-item[data-v-c87ee7ec]{text-align:center}.stat-label[data-v-c87ee7ec]{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.stat-value[data-v-c87ee7ec]{font-size:18px;font-weight:600;color:var(--text-primary)}.top100-section[data-v-c87ee7ec]{text-align:center}.top100-btn[data-v-c87ee7ec]{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;width:100%;transition:all .3s ease;text-align:left}.top100-btn[data-v-c87ee7ec]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.top100-icon[data-v-c87ee7ec]{font-size:24px}.top100-text[data-v-c87ee7ec]{font-size:14px;font-weight:600}.top100-subtext[data-v-c87ee7ec]{font-size:12px;font-weight:400;opacity:.8}.content[data-v-c87ee7ec]{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;width:100%;max-width:1200px;margin:0 auto;padding:0;height:auto}.nav-tabs[data-v-c87ee7ec]{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tab-item[data-v-c87ee7ec]{display:flex;align-items:center;gap:8px;padding:16px 24px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent}.tab-item[data-v-c87ee7ec]:hover{color:var(--primary-color)}.tab-item.active[data-v-c87ee7ec]{color:var(--text-primary);background:var(--bg-primary);border-bottom:2px solid var(--secondary-color);font-weight:600}.tab-icon[data-v-c87ee7ec]{font-size:16px}.points-center[data-v-c87ee7ec]{padding:24px;overflow:hidden;width:100%}.section-title[data-v-c87ee7ec]{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.total-points[data-v-c87ee7ec]{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-radius:12px;padding:20px;margin-bottom:24px}.points-badge[data-v-c87ee7ec]{display:flex;align-items:center;gap:12px}.points-icon[data-v-c87ee7ec]{font-size:32px}.points-value[data-v-c87ee7ec]{font-size:36px;font-weight:700;color:var(--primary-color)}.points-detail[data-v-c87ee7ec]{display:flex;flex-direction:column;gap:8px}.detail-item[data-v-c87ee7ec]{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-secondary)}.detail-value[data-v-c87ee7ec]{font-weight:600;color:var(--text-primary)}.recharge-btn[data-v-c87ee7ec]{background:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.recharge-btn[data-v-c87ee7ec]:hover{background:#f75922;transform:translateY(-1px)}.task-section[data-v-c87ee7ec],.newbie-section[data-v-c87ee7ec]{margin-bottom:24px}.task-title[data-v-c87ee7ec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;color:var(--text-primary)}.task-more[data-v-c87ee7ec]{font-size:14px;font-weight:400;color:var(--primary-color);cursor:pointer}.task-list[data-v-c87ee7ec]{display:flex;flex-direction:column;gap:12px}.task-item[data-v-c87ee7ec]{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-radius:8px;padding:16px 20px;transition:all .3s ease;border:1px solid var(--border-color)}.task-item[data-v-c87ee7ec]:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-item.completed[data-v-c87ee7ec]{opacity:.8}.task-info[data-v-c87ee7ec]{flex:1}.task-name[data-v-c87ee7ec]{font-size:14px;font-weight:500;color:var(--text-primary)}.task-progress[data-v-c87ee7ec]{font-size:12px;color:var(--text-secondary);margin-top:2px}.task-reward[data-v-c87ee7ec]{font-size:14px;font-weight:600;color:var(--primary-color);margin:0 16px}.task-btn[data-v-c87ee7ec]{background:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.task-btn[data-v-c87ee7ec]:hover{background:#f75922}.task-status[data-v-c87ee7ec]{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-primary);padding:6px 16px;border-radius:20px;border:1px solid var(--border-color)}.profile-center[data-v-c87ee7ec]{padding:24px}.profile-info[data-v-c87ee7ec]{display:flex;flex-direction:column;gap:16px}.profile-item[data-v-c87ee7ec]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.item-label[data-v-c87ee7ec]{font-size:14px;color:var(--text-secondary);font-weight:500}.item-value[data-v-c87ee7ec]{font-size:14px;color:var(--text-primary);font-weight:600}.wallet-center[data-v-c87ee7ec]{padding:24px}.wallet-info[data-v-c87ee7ec]{display:flex;flex-direction:column;gap:24px}.wallet-balance[data-v-c87ee7ec]{text-align:center;padding:32px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.balance-label[data-v-c87ee7ec]{font-size:16px;color:var(--text-secondary);margin-bottom:12px}.balance-value[data-v-c87ee7ec]{font-size:48px;font-weight:700;color:var(--primary-color)}.wallet-actions[data-v-c87ee7ec]{display:flex;gap:16px}.action-btn[data-v-c87ee7ec]{flex:1;padding:16px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.recharge[data-v-c87ee7ec]{background:var(--primary-color);color:#fff}.action-btn.withdraw[data-v-c87ee7ec]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.action-btn[data-v-c87ee7ec]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.orders-center[data-v-c87ee7ec]{padding:24px}.no-orders[data-v-c87ee7ec]{text-align:center;padding:48px 24px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.invoices-center[data-v-c87ee7ec]{padding:24px}.no-invoices[data-v-c87ee7ec]{text-align:center;padding:48px 24px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.security-center[data-v-c87ee7ec]{padding:24px}.security-settings[data-v-c87ee7ec]{display:flex;flex-direction:column;gap:12px}.setting-item[data-v-c87ee7ec]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.setting-item[data-v-c87ee7ec]:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.setting-info[data-v-c87ee7ec]{display:flex;flex-direction:column;gap:4px}.setting-name[data-v-c87ee7ec]{font-size:14px;font-weight:500;color:var(--text-primary)}.setting-desc[data-v-c87ee7ec]{font-size:12px;color:var(--text-secondary)}.setting-btn[data-v-c87ee7ec]{background:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.setting-btn[data-v-c87ee7ec]:hover{background:#f75922}.records-section[data-v-c87ee7ec]{margin-bottom:24px;overflow:hidden}.records-list[data-v-c87ee7ec]{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto;padding-right:8px;width:100%}.records-list[data-v-c87ee7ec]::-webkit-scrollbar{width:6px}.records-list[data-v-c87ee7ec]::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.records-list[data-v-c87ee7ec]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.records-list[data-v-c87ee7ec]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.record-item[data-v-c87ee7ec]{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-radius:8px;padding:16px 20px;transition:all .3s ease;border:1px solid var(--border-color);width:100%;box-sizing:border-box}.record-item[data-v-c87ee7ec]:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.record-info[data-v-c87ee7ec]{flex:1;min-width:0;overflow:hidden}.record-name[data-v-c87ee7ec]{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-time[data-v-c87ee7ec]{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-amount[data-v-c87ee7ec]{font-size:14px;font-weight:600;color:var(--primary-color);white-space:nowrap;margin-left:16px}@media (max-width: 768px){.user-center-container[data-v-c87ee7ec]{height:auto;min-height:100vh}.main-wrapper[data-v-c87ee7ec]{flex-direction:column;overflow:visible}.sidebar[data-v-c87ee7ec]{width:100%;margin-bottom:20px;box-shadow:none;overflow-y:visible}.main-content[data-v-c87ee7ec]{max-width:100%;padding:10px;overflow-y:visible}.top-banner[data-v-c87ee7ec]{padding:16px 20px;height:auto}.nav-tabs[data-v-c87ee7ec]{overflow-x:auto}.tab-item[data-v-c87ee7ec]{flex-shrink:0}.total-points[data-v-c87ee7ec]{flex-direction:column;gap:16px;text-align:center}.points-detail[data-v-c87ee7ec]{align-items:center}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:1rem}.auth-box{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;width:100%;max-width:480px}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{color:#4a90e2;font-size:1.8rem;margin-bottom:.5rem}.auth-logo p{color:#666;font-size:.9rem}.auth-tabs{display:flex;border-bottom:1px solid #eee;margin-bottom:2rem}.tab-btn{background:none;border:none;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn.active{color:#4a90e2;border-bottom-color:#4a90e2}.auth-form h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#4a90e2}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;font-size:.9rem;color:#666;cursor:pointer}.checkbox-label input{margin-right:.5rem}.forgot-password{font-size:.9rem;color:#4a90e2;text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-btn{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}.auth-btn:hover:not(:disabled){background-color:#357abd}.auth-btn:disabled{background-color:#a0c4f1;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.social-login{margin-top:2rem}.divider{display:flex;align-items:center;margin-bottom:1.5rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#eee}.divider span{padding:0 1rem;color:#666;font-size:.9rem}.social-buttons{display:flex;gap:.75rem}.social-btn{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.social-btn:hover{background-color:#f9f9f9;border-color:#ccc}.social-icon{font-size:1.2rem}@media (max-width: 576px){.auth-box{padding:1.5rem}.social-buttons{flex-direction:column}}.subscription-container{max-width:1200px;margin:0 auto;padding:2rem}.subscription-header{text-align:center;margin-bottom:3rem}.subscription-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem}.subscription-header p{font-size:1.2rem;color:#666}.payment-cycle-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.cycle-tab{padding:.75rem 1.5rem;border:2px solid #e0e0e0;border-radius:25px;background:white;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.cycle-tab:hover{border-color:#4a90e2}.cycle-tab.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.discount-tag{position:absolute;top:-8px;right:-8px;background-color:#ff4d4f;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;font-weight:600}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.plan-card{background:white;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s ease}.plan-card:hover{border-color:#4a90e2;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.plan-card.selected{border-color:#4a90e2;box-shadow:0 10px 20px #4a90e233}.plan-header h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.plan-price{margin-bottom:1.5rem}.plan-price .price{font-size:2rem;font-weight:700;color:#333}.plan-price .period{font-size:1rem;color:#666}.plan-features{margin-bottom:2rem}.feature-item{display:flex;align-items:center;margin-bottom:1rem}.feature-icon{margin-right:.75rem;color:#52c41a;font-size:1.2rem}.feature-text{color:#666}.subscribe-btn{width:100%;padding:1rem;background-color:#e0e0e0;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn:hover{background-color:#d0d0d0}.subscribe-btn.active{background-color:#4a90e2;color:#fff}.on-demand-section{text-align:center;margin-bottom:3rem}.on-demand-section h2{font-size:2rem;margin-bottom:.5rem;color:#333}.on-demand-section p{font-size:1.1rem;color:#666;margin-bottom:2rem}.on-demand-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.on-demand-card{background:white;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.on-demand-card:hover{border-color:#4a90e2;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.on-demand-card h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.on-demand-card p{font-size:.9rem;color:#666;margin-bottom:.25rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-body{padding:1.5rem}.payment-summary{margin-bottom:2rem}.payment-summary h3{font-size:1.2rem;margin-bottom:1rem;color:#333}.summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.payment-methods{margin-bottom:2rem}.payment-methods h3{font-size:1.2rem;margin-bottom:1rem;color:#333}.method-options{display:flex;gap:1rem}.method-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.method-option:hover{border-color:#4a90e2}.method-option.selected{border-color:#4a90e2;background-color:#4a90e21a}.method-icon{font-size:2rem;margin-bottom:.5rem}.method-name{font-weight:500;color:#333}.personal-payment{margin-bottom:2rem}.qr-code-container{text-align:center}.qr-code-container h4{margin-bottom:1rem;color:#333}.qr-code{margin-bottom:1rem}.qr-code img{width:200px;height:200px;border-radius:8px}.payment-info{margin:1rem 0;padding:1rem;background-color:#f5f5f5;border-radius:8px}.payment-info p{margin-bottom:.5rem;color:#333}.payment-amount{margin:1rem 0;padding:1rem;background-color:#fff7e6;border-radius:8px;font-weight:600;color:#fa8c16}.confirm-payment-btn{padding:.75rem 1.5rem;background-color:#52c41a;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.confirm-payment-btn:hover{background-color:#43a047}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e0e0e0}.cancel-btn{padding:.75rem 1.5rem;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{border-color:#d0d0d0}.submit-btn{padding:.75rem 1.5rem;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#3a80d2}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-hover: #2a2d4a;--primary-color: #e94560;--primary-hover: #d63651;--primary-light: rgba(233, 69, 96, .1);--text-primary: #ffffff;--text-secondary: #b8c5d6;--text-muted: #8892a6;--text-accent: #ff6b6b;--border-color: #2d3748;--border-hover: #4a5568;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;position:fixed;height:100vh;overflow-y:auto;z-index:100}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary)}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.logo{display:flex;flex-direction:column;gap:var(--spacing-xs)}.logo-title{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.logo-title .logo-a{color:#ff69b4}.logo-title .logo-i{color:#32cd32}.logo-title .logo-g{color:#1e90ff}.logo-title .logo-c{color:#ff69b4}.logo-title .logo-cn{color:#1e90ff}.logo-subtitle{font-size:12px;color:var(--text-muted);font-weight:400}.sidebar-nav{padding:var(--spacing-md)}.nav-list{list-style:none}.nav-item{margin-bottom:var(--spacing-xs)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:14px;transition:all .2s ease;cursor:pointer;position:relative}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background-color:var(--primary-color);color:#fff;font-weight:500}.nav-link.has-submenu:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:auto;font-size:12px;transition:transform .2s ease}.nav-link.has-submenu.expanded:after{transform:rotate(180deg)}.nav-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px}.nav-text{flex:1}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;margin-left:var(--spacing-xl);border-left:2px solid var(--border-color);padding-left:var(--spacing-sm)}.submenu.expanded{max-height:500px;margin-top:var(--spacing-sm)}.submenu-item{padding:var(--spacing-xs) 0}.submenu-link{display:block;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-muted);text-decoration:none;font-size:13px;border-radius:var(--radius-sm);transition:all .2s ease}.submenu-link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.submenu-link.active{color:var(--primary-color);background-color:var(--primary-light)}.content-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl)}.content-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.content-description{font-size:14px;color:var(--text-muted)}.tab-container{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-xl)}.tab-list{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab-item{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:all .2s ease;position:relative;white-space:nowrap}.tab-item:hover{color:var(--text-primary);background-color:var(--bg-hover)}.tab-item.active{color:#fff;background-color:var(--primary-color)}.content-area{padding:var(--spacing-xl)}.content-section{margin-bottom:var(--spacing-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.view-more{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s ease}.view-more:hover{background-color:var(--primary-light)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.recommended-tool-card{background:white;color:#333}.recommended-tool-card .tool-name{color:#333}.recommended-tool-card .tool-description{color:#666}.recommended-tool-card .tool-tag{color:#3b82f6;background-color:#eff6ff}.recommended-tool-card .tool-category{color:#9ca3af;background-color:#f3f4f6}.tool-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tool-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));overflow:hidden}.tool-icon-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);display:none}.tool-icon-img[src]:not([src=""]){display:block}.tool-icon-text{display:flex}.tool-icon-img[src]:not([src=""])+.tool-icon-text{display:none}.tool-icon-text{width:100%;height:100%;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))}.tool-info{flex:1}.tool-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.tool-category{font-size:12px;color:var(--text-muted);background-color:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);display:inline-block}.tool-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md);flex:1}.tool-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tool-tag{font-size:11px;color:var(--primary-color);background-color:var(--primary-light);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.stat-number{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.stat-label{font-size:14px;color:var(--text-secondary)}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.content-header,.content-area{padding:var(--spacing-md)}.tools-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.tab-container{padding:0 var(--spacing-md)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.hidden{display:none}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}