.header[data-v-4e56e7ac]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid var(--background-color-o);box-shadow:0 4px 20px #00000014;height:112px;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:998}@media(max-width:768px){.header[data-v-4e56e7ac]{height:70px}.header--hidden[data-v-4e56e7ac]{transform:translateY(70px)}}.header--scrolled[data-v-4e56e7ac]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 2px 16px #0000001f}.header--hidden[data-v-4e56e7ac]{transform:translateY(-112px)}.container[data-v-4e56e7ac]{margin:0 auto;max-width:1230px;padding:0 32px}.app-download[data-v-4e56e7ac]{align-items:center;display:flex;gap:.5rem;transition:all .3s ease}.app-download--hidden[data-v-4e56e7ac]{opacity:0;overflow:hidden;pointer-events:none;transform:scale(.8);width:0}.app-download img[data-v-4e56e7ac]{height:32px;transition:all .3s ease}.app-download a[data-v-4e56e7ac]{align-items:center;display:flex}.app-download a:hover img[data-v-4e56e7ac]{filter:brightness(1.1);transform:translateY(-2px)}.header-top[data-v-4e56e7ac]{align-items:center;border-bottom:1px solid rgba(231,76,60,.08);display:flex;justify-content:space-between;padding:.2rem 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-top--compact[data-v-4e56e7ac]{border-bottom:none;padding:.5rem 0}.logo-link[data-v-4e56e7ac]{text-decoration:none;transition:transform .2s ease}.logo-link[data-v-4e56e7ac]:hover{transform:scale(1.02)}.logo[data-v-4e56e7ac]{transition:all .3s cubic-bezier(.4,0,.2,1)}.logo--compact h1[data-v-4e56e7ac]{font-size:1.4rem}.logo h2[data-v-4e56e7ac]{background:var(--background-color);background-clip:text;-webkit-background-clip:text;font-size:1.8rem;-webkit-text-fill-color:transparent;font-weight:800;line-height:1.2;margin:0;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.logo span[data-v-4e56e7ac]{color:#666;display:block;font-size:.85rem;font-weight:500;margin-top:2px;opacity:1;transition:opacity .3s ease}.top-actions[data-v-4e56e7ac]{gap:16px}.search-btn[data-v-4e56e7ac],.top-actions[data-v-4e56e7ac]{align-items:center;display:flex}.search-btn[data-v-4e56e7ac]{border:1px solid var(--background-color);border-radius:12px;color:var(--color-primary);cursor:pointer;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.search-btn[data-v-4e56e7ac],.search-btn[data-v-4e56e7ac]:hover{background:var(--background-color-o)}.search-btn[data-v-4e56e7ac]:hover{box-shadow:0 4px 12px #e74c3c33;transform:translateY(-1px)}.contact-link[data-v-4e56e7ac]{align-items:center;border-radius:10px;color:#6b7280;display:flex;font-size:.85rem;font-weight:500;gap:6px;opacity:1;padding:8px 12px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.contact-link--hidden[data-v-4e56e7ac]{opacity:0;pointer-events:none;transform:scale(.8)}.contact-link[data-v-4e56e7ac]:hover{color:var(--color-primary)}.contact-link[data-v-4e56e7ac]:hover,.user-profile[data-v-4e56e7ac]{background:var(--background-color-o)}.user-profile[data-v-4e56e7ac]{align-items:center;border:1px solid var(--background-color-o);border-radius:12px;cursor:pointer;display:flex;gap:8px;padding:4px 8px;position:relative;transition:all .3s ease}.user-profile[data-v-4e56e7ac]:hover{background:var(--background-color-o);transform:translateY(-1px)}.user-avatar[data-v-4e56e7ac]{align-items:center;color:var(--color-primary);display:flex;font-size:1.8rem;justify-content:center;position:relative}.vip-icon[data-v-4e56e7ac]{background:#ffb347;border-radius:50%;color:gold;font-size:1rem;padding:1px;position:absolute;right:-4px;top:-4px}.user-info[data-v-4e56e7ac]{align-items:flex-start;display:flex;flex-direction:column;transition:opacity .3s ease}.user-email[data-v-4e56e7ac]{color:#374151;font-size:.85rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-badge[data-v-4e56e7ac]{background:linear-gradient(135deg,gold,#ffb347);border-radius:8px;color:#8b4513;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.dropdown-arrow[data-v-4e56e7ac]{color:#9ca3af;font-size:.8rem;transition:transform .3s ease}.dropdown-arrow--open[data-v-4e56e7ac]{transform:rotate(180deg)}.user-dropdown-overlay[data-v-4e56e7ac]{inset:0;pointer-events:auto;position:fixed;z-index:9999}.user-dropdown[data-v-4e56e7ac]{animation:dropdownSlideIn-4e56e7ac .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #00000026;min-width:280px;overflow:hidden;position:fixed;z-index:10000}.user-dropdown-header[data-v-4e56e7ac]{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.user-avatar-large[data-v-4e56e7ac]{color:var(--color-primary);font-size:2.5rem;position:relative}.vip-icon-large[data-v-4e56e7ac]{background:#fff;border-radius:50%;color:gold;font-size:1rem;padding:2px;position:absolute;right:-6px;top:-6px}.user-details[data-v-4e56e7ac]{flex:1}.user-details h4[data-v-4e56e7ac]{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 4px}.user-details p[data-v-4e56e7ac]{color:#6b7280;font-size:.85rem;margin:0 0 8px}.vip-status[data-v-4e56e7ac]{align-items:center;background:linear-gradient(135deg,gold,#ffb347);border-radius:12px;color:#8b4513;display:flex;font-size:.75rem;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.user-dropdown-menu[data-v-4e56e7ac]{padding:8px 0}.dropdown-item[data-v-4e56e7ac]{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:12px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item[data-v-4e56e7ac]:hover{background:var(--background-color-o);color:var(--color-primary);padding-left:24px}.logout-btn[data-v-4e56e7ac]{border-top:1px solid #fee2e2;color:#dc2626!important;margin-top:8px}.logout-btn[data-v-4e56e7ac]:hover{background:#fef2f2!important;color:#dc2626!important}.auth-buttons[data-v-4e56e7ac]{align-items:center;display:flex;gap:12px;transition:all .3s ease}.auth-buttons--compact[data-v-4e56e7ac]{gap:8px}.btn[data-v-4e56e7ac]{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;overflow:hidden;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.auth-buttons--compact .btn[data-v-4e56e7ac]{min-width:44px;padding:8px 12px}.btn-primary[data-v-4e56e7ac]{background:linear-gradient(135deg,var(--color-primary),#c0392b);box-shadow:0 4px 16px #e74c3c4d;color:#fff}.btn-primary[data-v-4e56e7ac]:hover{box-shadow:0 6px 24px #e74c3c66;transform:translateY(-2px)}.btn-outline[data-v-4e56e7ac]{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline[data-v-4e56e7ac]:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.mobile-menu-btn[data-v-4e56e7ac]{align-items:center;background:#ffffffe6;border:1px solid var(--background-color);border-radius:12px;cursor:pointer;display:none;flex-direction:column;height:44px;justify-content:center;padding:8px;transition:all .3s ease;width:44px}.mobile-menu-btn[data-v-4e56e7ac]:hover{background:var(--background-color-o)}.hamburger-line[data-v-4e56e7ac]{background:#374151;border-radius:1px;height:2px;margin:2px 0;transition:all .3s ease;width:20px}.mobile-menu-btn.active .hamburger-line[data-v-4e56e7ac]:first-child{background:var(--color-primary);transform:rotate(45deg) translate(4px,4px)}.mobile-menu-btn.active .hamburger-line[data-v-4e56e7ac]:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line[data-v-4e56e7ac]:nth-child(3){background:var(--color-primary);transform:rotate(-45deg) translate(5px,-5px)}.header-nav[data-v-4e56e7ac]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-radius:16px;gap:5px;justify-content:center;margin:4px 0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-nav[data-v-4e56e7ac],.nav-link[data-v-4e56e7ac]{align-items:center;display:flex}.nav-link[data-v-4e56e7ac]{border-radius:12px;color:#374151;font-size:.9rem;font-weight:600;gap:6px;padding:10px 12px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link[data-v-4e56e7ac]:hover{background:var(--background-color-o);color:var(--color-primary);transform:translateY(-1px)}.nav-link.router-link-active[data-v-4e56e7ac],.nav-link.router-link-exact-active[data-v-4e56e7ac]{background:var(--background-color-o);box-shadow:var(--box-shadow);color:var(--color-primary)}.search-modal-overlay[data-v-4e56e7ac]{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.search-modal[data-v-4e56e7ac]{animation:modalSlideIn-4e56e7ac .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.search-modal-header[data-v-4e56e7ac]{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.search-modal-header h3[data-v-4e56e7ac]{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.close-btn[data-v-4e56e7ac]{background:#6b72801a;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:8px;transition:all .2s ease}.close-btn[data-v-4e56e7ac]:hover{background:var(--background-color-o);color:var(--color-primary)}.search-modal-body[data-v-4e56e7ac]{max-height:70vh;overflow-y:auto;padding:24px}.search-input-wrapper[data-v-4e56e7ac]{margin-bottom:24px;position:relative}.search-icon[data-v-4e56e7ac]{color:#9ca3af;font-size:1.2rem;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input[data-v-4e56e7ac]{border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;outline:none;padding:16px 20px 16px 50px;transition:all .2s ease;width:100%}.search-input[data-v-4e56e7ac]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--background-color-o)}.clear-btn[data-v-4e56e7ac]{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:50px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-btn[data-v-4e56e7ac]:hover{background:var(--background-color-o);color:var(--color-primary)}.loading-indicator[data-v-4e56e7ac]{color:var(--color-primary);position:absolute;right:16px;top:50%;transform:translateY(-50%)}.spin[data-v-4e56e7ac]{animation:spin-4e56e7ac 1s linear infinite}@keyframes spin-4e56e7ac{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.search-suggestions h4[data-v-4e56e7ac]{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.suggestion-tags[data-v-4e56e7ac]{display:flex;flex-wrap:wrap;gap:8px}.suggestion-tag[data-v-4e56e7ac]{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.suggestion-tag[data-v-4e56e7ac]:hover{background:var(--background-color-o);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.search-results[data-v-4e56e7ac]{margin-top:24px}.search-results h4[data-v-4e56e7ac]{color:#374151;font-size:1rem;font-weight:600;margin:0 0 16px}.vocabulary-results[data-v-4e56e7ac]{display:flex;flex-direction:column;gap:8px}.vocabulary-item[data-v-4e56e7ac]{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:16px;text-decoration:none;transition:all .2s ease}.vocabulary-item[data-v-4e56e7ac]:hover{background:var(--background-color-o);border-color:var(--color-primary);box-shadow:0 4px 12px #e74c3c1a;transform:translateY(-1px)}.vocabulary-content[data-v-4e56e7ac]{flex:1}.han-pinyin[data-v-4e56e7ac]{align-items:center;display:flex;gap:12px;margin-bottom:4px}.vocabulary[data-v-4e56e7ac]{color:#1f2937;font-family:Microsoft YaHei,SimHei,sans-serif;font-size:1.3rem;font-weight:700}.vocabulary[data-v-4e56e7ac] .highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;color:#92400e;font-weight:800;padding:2px 4px}.pinyin[data-v-4e56e7ac]{color:var(--color-primary);font-size:.9rem;font-weight:600}.vocabulary-meaning[data-v-4e56e7ac]{color:#6b7280;font-size:.9rem;font-weight:500}.result-arrow[data-v-4e56e7ac]{color:#d1d5db;font-size:1.1rem;transition:all .2s ease}.vocabulary-item:hover .result-arrow[data-v-4e56e7ac]{color:var(--color-primary);transform:translate(4px)}.no-results[data-v-4e56e7ac]{color:#6b7280;padding:40px 20px;text-align:center}.no-results-icon[data-v-4e56e7ac]{color:#d1d5db;font-size:3rem;margin-bottom:16px}.no-results h4[data-v-4e56e7ac]{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 8px}.no-results p[data-v-4e56e7ac]{font-size:.9rem;margin:0 0 20px}.search-tips[data-v-4e56e7ac]{background:#f9fafb;border-radius:8px;margin-top:16px;padding:16px;text-align:left}.search-tips h5[data-v-4e56e7ac]{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 8px}.search-tips ul[data-v-4e56e7ac]{margin:0;padding-left:16px}.search-tips li[data-v-4e56e7ac]{color:#6b7280;font-size:.85rem;margin-bottom:4px}.mobile-user-info[data-v-4e56e7ac]{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9;display:flex;gap:12px;padding:20px 24px}.mobile-user-avatar[data-v-4e56e7ac]{color:var(--color-primary);font-size:2.5rem;position:relative}.mobile-user-details h4[data-v-4e56e7ac]{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 4px}.mobile-user-details p[data-v-4e56e7ac]{color:#6b7280;font-size:.85rem;margin:0 0 8px}.mobile-search[data-v-4e56e7ac]{border-bottom:1px solid #e5e7eb;padding:16px 24px}.mobile-search-btn[data-v-4e56e7ac]{align-items:center;border:1px solid var(--background-color);border-radius:12px;color:var(--color-primary);cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.mobile-search-btn[data-v-4e56e7ac],.mobile-search-btn[data-v-4e56e7ac]:hover{background:var(--background-color-o)}.mobile-menu-overlay[data-v-4e56e7ac]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:99999}.mobile-menu[data-v-4e56e7ac]{background:#fff;box-shadow:-8px 0 40px #0000002e;display:flex;flex-direction:column;height:100%;max-width:380px;overflow-x:hidden;overflow-y:auto;position:relative;width:88%}.mobile-menu-fade-enter-active[data-v-4e56e7ac],.mobile-menu-fade-leave-active[data-v-4e56e7ac]{transition:opacity .28s ease}.mobile-menu-fade-enter-from[data-v-4e56e7ac],.mobile-menu-fade-leave-to[data-v-4e56e7ac]{opacity:0}.mobile-menu-slide-enter-active[data-v-4e56e7ac],.mobile-menu-slide-leave-active[data-v-4e56e7ac]{transition:transform .28s cubic-bezier(.4,0,.2,1)}.mobile-menu-slide-enter-from[data-v-4e56e7ac],.mobile-menu-slide-leave-to[data-v-4e56e7ac]{transform:translate(100%)}.mm-header[data-v-4e56e7ac]{background:linear-gradient(135deg,#e74c3c,#c0392b 50%,#e67e22);flex-shrink:0;padding:20px 20px 24px}.mm-header-top[data-v-4e56e7ac]{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.mm-logo[data-v-4e56e7ac]{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.mm-close-btn[data-v-4e56e7ac]{align-items:center;background:#fff3;border:1.5px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:34px;justify-content:center;transition:background .2s;width:34px}.mm-close-btn[data-v-4e56e7ac]:hover{background:#ffffff59}.mm-user-card[data-v-4e56e7ac]{align-items:center;background:#ffffff26;border-radius:12px;display:flex;gap:12px;padding:12px 14px}.mm-avatar[data-v-4e56e7ac]{color:#ffffffe6;flex-shrink:0;font-size:2.4rem;line-height:1;position:relative}.mm-crown[data-v-4e56e7ac]{background:#00000040;border-radius:50%;bottom:-2px;color:gold;font-size:.75rem;line-height:1;padding:2px;position:absolute;right:-4px}.mm-user-info[data-v-4e56e7ac]{display:flex;flex-direction:column;gap:3px;min-width:0}.mm-user-name[data-v-4e56e7ac]{color:#fff;font-size:.95rem;font-weight:700}.mm-user-email[data-v-4e56e7ac],.mm-user-name[data-v-4e56e7ac]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-user-email[data-v-4e56e7ac]{color:#ffffffbf;font-size:.75rem}.mm-vip-badge[data-v-4e56e7ac]{align-items:center;background:gold;border-radius:20px;color:#7c2d12;display:inline-flex;font-size:.7rem;font-weight:700;gap:3px;padding:2px 8px;width:-moz-fit-content;width:fit-content}.mm-auth-row[data-v-4e56e7ac]{display:flex;gap:10px}.mm-btn-login[data-v-4e56e7ac],.mm-btn-register[data-v-4e56e7ac]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .18s}.mm-btn-login[data-v-4e56e7ac]{background:#fff;color:#c0392b}.mm-btn-login[data-v-4e56e7ac]:hover{background:#fff5f5}.mm-btn-register[data-v-4e56e7ac]{background:#ffffff2e;border:1.5px solid hsla(0,0%,100%,.4);color:#fff}.mm-btn-register[data-v-4e56e7ac]:hover{background:#ffffff47}.mm-search-row[data-v-4e56e7ac]{border-bottom:1px solid #f1f5f9;padding:14px 16px 10px}.mm-search-trigger[data-v-4e56e7ac]{align-items:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;font-size:.88rem;gap:10px;padding:10px 14px;text-align:left;transition:all .18s;width:100%}.mm-search-trigger[data-v-4e56e7ac]:hover{background:#fff5f5;border-color:#e74c3c;color:#374151}.mm-nav-body[data-v-4e56e7ac]{flex:1;overflow-y:auto;padding:16px 16px 8px}.mm-section-label[data-v-4e56e7ac]{color:#9ca3af;font-size:.7rem;font-weight:700;letter-spacing:.07em;margin:0 0 10px 2px;text-transform:uppercase}.mm-grid[data-v-4e56e7ac]{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.mm-item[data-v-4e56e7ac]{align-items:center;border:1.5px solid transparent;border-radius:12px;color:#374151;display:flex;flex-direction:column;font-size:.75rem;font-weight:600;gap:6px;padding:12px 6px;text-align:center;text-decoration:none;transition:all .18s}.mm-item[data-v-4e56e7ac]:hover{background:#f8fafc;border-color:#e5e7eb;transform:translateY(-2px)}.mm-item.router-link-active[data-v-4e56e7ac],.mm-item.router-link-exact-active[data-v-4e56e7ac]{background:#fff5f5;border-color:#e74c3c;color:#c0392b}.mm-item-icon[data-v-4e56e7ac]{align-items:center;border-radius:12px;display:flex;font-size:1.3rem;height:46px;justify-content:center;transition:transform .18s;width:46px}.mm-item:hover .mm-item-icon[data-v-4e56e7ac]{transform:scale(1.1)}.mm-footer[data-v-4e56e7ac]{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 16px 20px}.mm-upgrade-btn[data-v-4e56e7ac]{align-items:center;background:linear-gradient(135deg,#e74c3c,#e67e22);border-radius:12px;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;padding:12px;text-decoration:none;transition:opacity .2s,transform .2s}.mm-upgrade-btn[data-v-4e56e7ac]:hover{opacity:.92;transform:translateY(-1px)}.mm-footer-row[data-v-4e56e7ac]{display:flex;flex-wrap:wrap;gap:8px}.mm-footer-link[data-v-4e56e7ac]{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:7px 12px;text-decoration:none;transition:all .18s}.mm-footer-link[data-v-4e56e7ac]:hover{background:#f1f5f9;color:#374151}.mm-logout[data-v-4e56e7ac]{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.mm-logout[data-v-4e56e7ac]:hover{background:#fee2e2;color:#dc2626}.mobile-menu[data-v-4e56e7ac]::-webkit-scrollbar{width:3px}.mobile-menu[data-v-4e56e7ac]::-webkit-scrollbar-track{background:#f1f5f9}.mobile-menu[data-v-4e56e7ac]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}@media(max-width:1400px){.container[data-v-4e56e7ac]{padding:0 24px}.top-actions[data-v-4e56e7ac]{gap:12px}.header-nav[data-v-4e56e7ac]{gap:6px}.nav-link[data-v-4e56e7ac]{font-size:.85rem;padding:5px 14px}}@media(max-width:1200px){.header-nav[data-v-4e56e7ac]{gap:4px}.nav-link[data-v-4e56e7ac]{font-size:.8rem;padding:6px 12px}.btn[data-v-4e56e7ac],.contact-link[data-v-4e56e7ac],.search-btn[data-v-4e56e7ac]{font-size:.8rem;padding:8px 14px}.user-email[data-v-4e56e7ac]{max-width:100px}}@media(max-width:992px){.app-download[data-v-4e56e7ac],.auth-buttons[data-v-4e56e7ac],.contact-link[data-v-4e56e7ac],.header-nav[data-v-4e56e7ac],.search-btn[data-v-4e56e7ac]{display:none}.mobile-menu-btn[data-v-4e56e7ac]{display:flex}.top-actions[data-v-4e56e7ac]{gap:8px}.container[data-v-4e56e7ac]{padding:0 20px}.user-info[data-v-4e56e7ac]{display:none}}@media(max-width:768px){.container[data-v-4e56e7ac]{padding:0 16px}.header-top[data-v-4e56e7ac]{padding:.75rem 0}.header-top--compact[data-v-4e56e7ac]{padding:.5rem 0}.logo h1[data-v-4e56e7ac]{font-size:1.5rem}.logo--compact h1[data-v-4e56e7ac]{font-size:1.3rem}.logo span[data-v-4e56e7ac]{font-size:.8rem}.search-modal[data-v-4e56e7ac]{margin:16px;width:95%}.search-modal-body[data-v-4e56e7ac],.search-modal-header[data-v-4e56e7ac]{padding:16px}.user-dropdown[data-v-4e56e7ac]{min-width:260px}.han-pinyin[data-v-4e56e7ac]{align-items:flex-start;flex-direction:column;gap:4px}.vocabulary[data-v-4e56e7ac]{font-size:1.2rem}.pinyin[data-v-4e56e7ac]{font-size:.8rem}.vocabulary-meaning[data-v-4e56e7ac]{font-size:.85rem}}@media(max-width:480px){.mobile-menu[data-v-4e56e7ac]{max-width:none;width:100%}.container[data-v-4e56e7ac]{padding:0 12px}.logo h2[data-v-4e56e7ac]{font-size:1.4rem}.logo--compact h2[data-v-4e56e7ac]{font-size:1.2rem}.logo span[data-v-4e56e7ac]{font-size:.75rem}.search-modal[data-v-4e56e7ac]{border-radius:0;height:100vh;margin:0;width:100%}.search-modal-body[data-v-4e56e7ac]{max-height:calc(100vh - 160px)}.user-dropdown[data-v-4e56e7ac]{left:12px;min-width:auto;right:12px}.vocabulary-item[data-v-4e56e7ac]{padding:12px}.vocabulary[data-v-4e56e7ac]{font-size:1.1rem}.suggestion-tag[data-v-4e56e7ac]{font-size:.85rem;padding:6px 12px}}@keyframes modalSlideIn-4e56e7ac{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideIn-4e56e7ac{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-menu[data-v-4e56e7ac]::-webkit-scrollbar,.search-modal-body[data-v-4e56e7ac]::-webkit-scrollbar{width:4px}.mobile-menu[data-v-4e56e7ac]::-webkit-scrollbar-track,.search-modal-body[data-v-4e56e7ac]::-webkit-scrollbar-track{background:#f1f5f9}.mobile-menu[data-v-4e56e7ac]::-webkit-scrollbar-thumb,.search-modal-body[data-v-4e56e7ac]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.mobile-menu[data-v-4e56e7ac]::-webkit-scrollbar-thumb:hover,.search-modal-body[data-v-4e56e7ac]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.container[data-v-f1d63249]{margin:0 auto;max-width:1200px;padding:0 20px}.footer[data-v-f1d63249]{background:#12161c;color:#fff;padding:3rem 0 1rem}.footer-content[data-v-f1d63249]{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3[data-v-f1d63249],.footer-section h4[data-v-f1d63249]{color:var(--color-primary);font-weight:600;margin-bottom:1rem}.footer-section h3[data-v-f1d63249]{font-size:1.5rem}.footer-section p[data-v-f1d63249]{line-height:1.6;margin-bottom:1rem;opacity:.8}.footer-section ul[data-v-f1d63249]{list-style:none}.footer-section li[data-v-f1d63249]{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.footer-section a[data-v-f1d63249]{color:#fff;opacity:.8;text-decoration:none;transition:all .3s}.footer-section a[data-v-f1d63249]:hover{color:var(--color-primary);opacity:1}.footer-section span[data-v-f1d63249]{opacity:.8}.footer-section svg[data-v-f1d63249]{color:var(--color-primary);font-size:1rem}.social-links[data-v-f1d63249]{display:flex;gap:1rem;margin-top:1rem}.social-links a[data-v-f1d63249]{align-items:center;background:var(--color-primary);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;opacity:1;transition:all .3s;width:40px}.social-links a[data-v-f1d63249]:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.app-download[data-v-f1d63249]{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.app-download img[data-v-f1d63249]{height:40px;transition:transform .3s}.app-download a:hover img[data-v-f1d63249]{transform:translateY(-2px)}.footer-bottom[data-v-f1d63249]{border-top:1px solid #34495e;opacity:.7;padding-top:1rem;text-align:center}@media(max-width:768px){.footer-content[data-v-f1d63249]{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.footer-content[data-v-f1d63249]{grid-template-columns:1fr;text-align:center}.social-links[data-v-f1d63249]{justify-content:center}}.img-footer[data-v-f1d63249]{height:40px;width:135px}.wwr-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.wwr-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:380px;padding:2rem 1.75rem;position:relative;text-align:center;width:100%}.wwr-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .15s;width:32px}.wwr-close:hover{background:#e2e8f0;color:#1e293b}.wwr-icon-wrap{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:50%;color:#6366f1;display:flex;height:72px;justify-content:center;margin:0 auto 1rem;width:72px}.wwr-title{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.wwr-desc{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.wwr-desc strong{color:#6366f1;font-weight:700}.wwr-actions{display:flex;flex-direction:column;gap:.5rem}.wwr-btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:12px 20px;transition:all .2s}.wwr-btn-primary:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.wwr-btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 20px;transition:all .15s}.wwr-btn-secondary:hover{background:#f8fafc;border-color:#d1d5db}.ww-modal-enter-active{transition:all .3s ease}.ww-modal-leave-active{transition:all .2s ease}.ww-modal-enter-from{opacity:0}.ww-modal-enter-from .wwr-modal{transform:scale(.9) translateY(20px)}.ww-modal-leave-to{opacity:0}.ww-modal-leave-to .wwr-modal{transform:scale(.95) translateY(10px)}