@charset "UTF-8";.app-navbar[data-v-ad3c0f60]{padding:0 30px;height:64px;position:relative;z-index:100}.app-navbar.navbar-home[data-v-ad3c0f60],.app-navbar.navbar-inner[data-v-ad3c0f60]{background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%);color:#2c3e50;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 8px #5b8def14}.app-navbar .navbar-content[data-v-ad3c0f60]{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1400px;margin:0 auto}.app-navbar .nav-left[data-v-ad3c0f60]{display:flex;align-items:center;gap:40px}.app-navbar .nav-left .logo[data-v-ad3c0f60]{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:700;transition:all .3s}.navbar-home .app-navbar .nav-left .logo[data-v-ad3c0f60],.navbar-inner .app-navbar .nav-left .logo[data-v-ad3c0f60]{color:#5b8def}.navbar-home .app-navbar .nav-left .logo[data-v-ad3c0f60]:hover,.navbar-inner .app-navbar .nav-left .logo[data-v-ad3c0f60]:hover{color:#4a7bd6;transform:scale(1.02)}.app-navbar .nav-left .logo .logo-icon[data-v-ad3c0f60]{font-size:26px;filter:drop-shadow(0 2px 3px rgba(91,141,239,.3))}.app-navbar .nav-left .logo .logo-text[data-v-ad3c0f60]{white-space:nowrap;background:linear-gradient(135deg,#5B8DEF 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-navbar .nav-left .nav-links[data-v-ad3c0f60]{display:flex;gap:6px}.app-navbar .nav-left .nav-links a[data-v-ad3c0f60]{text-decoration:none;padding:8px 18px;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;position:relative;color:#64748b}.app-navbar .nav-left .nav-links a[data-v-ad3c0f60]:hover{color:#3b82f6!important;background:rgba(59,130,246,.08)!important;transform:translateY(-1px)}.app-navbar .nav-left .nav-links a.active[data-v-ad3c0f60]{color:#2563eb!important;background:linear-gradient(135deg,rgba(59,130,246,.12) 0%,rgba(37,99,235,.08) 100%)!important;font-weight:600;box-shadow:0 2px 8px #3b82f626}.app-navbar .nav-right .user-menu[data-v-ad3c0f60]{position:relative;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:12px;transition:all .3s;background:linear-gradient(135deg,rgba(91,141,239,.05) 0%,rgba(118,75,162,.03) 100%);border:1px solid rgba(91,141,239,.1)}.app-navbar .nav-right .user-menu[data-v-ad3c0f60]:hover{background:linear-gradient(135deg,rgba(91,141,239,.1) 0%,rgba(118,75,162,.06) 100%);border-color:#5b8def33;transform:translateY(-1px);box-shadow:0 4px 12px #5b8def26}.app-navbar .nav-right .user-menu .user-avatar[data-v-ad3c0f60]{font-size:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.app-navbar .nav-right .user-menu .user-name[data-v-ad3c0f60]{font-size:14px;font-weight:600;color:#2c3e50}.app-navbar .nav-right .user-menu .dropdown-icon[data-v-ad3c0f60]{font-size:10px;opacity:.6;transition:transform .3s;color:#5b8def}.app-navbar .nav-right .user-menu .menu-dropdown[data-v-ad3c0f60]{position:absolute;top:calc(100% + 8px);right:0;background:white;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;overflow:hidden;z-index:9999;animation:dropdownFade-ad3c0f60 .2s ease;border:1px solid rgba(91,141,239,.1)}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-header[data-v-ad3c0f60]{padding:16px;background:linear-gradient(135deg,#f8f9ff 0%,#f0f2ff 100%);border-bottom:1px solid rgba(91,141,239,.1)}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-header .user-info .user-name-large[data-v-ad3c0f60]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:4px}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-header .user-info .user-phone[data-v-ad3c0f60]{font-size:13px;color:#5d6d7e}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-divider[data-v-ad3c0f60]{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,141,239,.2) 50%,transparent 100%)}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-item[data-v-ad3c0f60]{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#333;text-decoration:none;transition:all .2s;font-size:14px}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-item .item-icon[data-v-ad3c0f60]{font-size:16px}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-item[data-v-ad3c0f60]:hover{background:linear-gradient(135deg,rgba(91,141,239,.08) 0%,rgba(118,75,162,.05) 100%);color:#5b8def}.app-navbar .nav-right .user-menu .menu-dropdown .switch-section[data-v-ad3c0f60]{padding:8px 0}.app-navbar .nav-right .user-menu .menu-dropdown .switch-section .switch-label[data-v-ad3c0f60]{padding:6px 16px;font-size:12px;color:#999;font-weight:500}.app-navbar .nav-right .user-menu .menu-dropdown .switch-section .switch-item[data-v-ad3c0f60]{cursor:pointer}.app-navbar .nav-right .user-menu .menu-dropdown .switch-section .switch-item[data-v-ad3c0f60]:hover{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(5,150,105,.05) 100%);color:#059669}@keyframes dropdownFade-ad3c0f60{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-container[data-v-89fc2a97]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast[data-v-89fc2a97]{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;min-width:200px;backdrop-filter:blur(10px)}.toast-success[data-v-89fc2a97]{background:rgba(107,203,119,.95);color:#fff}.toast-error[data-v-89fc2a97]{background:rgba(255,107,107,.95);color:#fff}.toast-warning[data-v-89fc2a97]{background:rgba(255,193,7,.95);color:#333}.toast-icon[data-v-89fc2a97]{font-size:18px;font-weight:700}.toast-fade-enter-active[data-v-89fc2a97],.toast-fade-leave-active[data-v-89fc2a97]{transition:all .3s ease}.toast-fade-enter-from[data-v-89fc2a97],.toast-fade-leave-to[data-v-89fc2a97]{opacity:0;transform:translate(100px)}.main-layout[data-v-3bad60e3]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-3bad60e3]{flex:1;padding:20px;background:#f5f5f5}.home-view[data-v-f9aa5549]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.hero-section[data-v-f9aa5549]{text-align:center;padding:0 20px}.hero-section h1[data-v-f9aa5549]{font-size:48px;margin-bottom:16px;color:#2c3e50}.hero-section .subtitle[data-v-f9aa5549]{font-size:24px;color:#5d6d7e;margin-bottom:48px}.features[data-v-f9aa5549]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.feature-card-link[data-v-f9aa5549]{text-decoration:none;color:inherit;display:block}.feature-card-link:hover .feature-card[data-v-f9aa5549]{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-card[data-v-f9aa5549]{text-align:center;padding:6px 30px 40px}.feature-card .feature-icon[data-v-f9aa5549]{font-size:64px;margin-bottom:20px}.feature-card h3[data-v-f9aa5549]{font-size:28px;margin-bottom:16px;color:#2c3e50}.feature-card p[data-v-f9aa5549]{font-size:18px;color:#5d6d7e;margin-bottom:20px;line-height:1.6}.feature-card .stats-display[data-v-f9aa5549]{margin:20px auto 32px;padding:10px 20px;background:linear-gradient(135deg,rgba(91,141,239,.06) 0%,rgba(91,141,239,.03) 100%);border-radius:8px;border:1.5px solid rgba(91,141,239,.12);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:fit-content;min-width:100px}.feature-card .stats-display[data-v-f9aa5549]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #5b8def1f;border-color:#5b8def33}.feature-card .stats-display .stat-item[data-v-f9aa5549]{display:flex;align-items:center;justify-content:center;gap:6px}.feature-card .stats-display .stat-item.stat-wrong .stat-value[data-v-f9aa5549]{color:#ff6b6b}.feature-card .stats-display .stat-item .stat-value[data-v-f9aa5549]{font-size:28px;font-weight:700;color:#5b8def;line-height:1;font-family:Arial,sans-serif}.feature-card .stats-display .stat-item .stat-unit[data-v-f9aa5549]{font-size:14px;color:#5d6d7e;font-weight:500;line-height:1;transform:translateY(2px)}.feature-card .btn[data-v-f9aa5549]{font-size:18px;padding:14px 32px}.login-container[data-v-70748afd]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-box[data-v-70748afd]{background:white;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1[data-v-70748afd]{text-align:center;color:#333;margin-bottom:10px;font-size:28px}.login-box .subtitle[data-v-70748afd]{text-align:center;color:#666;margin-bottom:30px;font-size:14px}.login-form .form-group[data-v-70748afd]{margin-bottom:20px}.login-form .form-group label[data-v-70748afd]{display:block;margin-bottom:8px;color:#333;font-weight:500}.login-form .form-group input[data-v-70748afd]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s}.login-form .form-group input[data-v-70748afd]:focus{outline:none;border-color:#667eea}.login-form .login-btn[data-v-70748afd]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-form .login-btn[data-v-70748afd]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-form .login-btn[data-v-70748afd]:disabled{opacity:.6;cursor:not-allowed}.login-form .hint[data-v-70748afd]{text-align:center;color:#999;font-size:12px;margin-top:15px}.message-box[data-v-70748afd]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown-70748afd .3s ease}.message-box .message-icon[data-v-70748afd]{font-size:18px;font-weight:700}.message-box.success[data-v-70748afd]{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(5,150,105,.1) 100%);border:1px solid rgba(16,185,129,.3);color:#059669}.message-box.success .message-icon[data-v-70748afd]{color:#10b981}.message-box.error[data-v-70748afd]{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.1) 100%);border:1px solid rgba(239,68,68,.3);color:#dc2626}.message-box.error .message-icon[data-v-70748afd]{color:#ef4444}.message-fade-enter-active[data-v-70748afd],.message-fade-leave-active[data-v-70748afd]{transition:all .3s ease}.message-fade-enter-from[data-v-70748afd],.message-fade-leave-to[data-v-70748afd]{opacity:0;transform:translateY(-10px)}@keyframes slideDown-70748afd{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-container[data-v-54430e55]{max-width:800px;margin:0 auto;background:white;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.profile-container h2[data-v-54430e55]{margin-bottom:30px;color:#333}.profile-form .form-section[data-v-54430e55]{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}.profile-form .form-section[data-v-54430e55]:last-child{border-bottom:none}.profile-form .form-section h3[data-v-54430e55]{margin-bottom:12px;color:#333;font-size:20px}.profile-form .form-section .section-desc[data-v-54430e55]{margin:0 0 20px;color:#888;font-size:13px}.profile-form .form-group[data-v-54430e55]{margin-bottom:20px}.profile-form .form-group label[data-v-54430e55]{display:block;margin-bottom:8px;color:#333;font-weight:500}.profile-form .form-group .hint[data-v-54430e55]{margin-top:6px;font-size:12px;color:#999}.profile-form .form-group input[data-v-54430e55],.profile-form .form-group select[data-v-54430e55]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.profile-form .form-group input[data-v-54430e55]:disabled,.profile-form .form-group select[data-v-54430e55]:disabled{background:#f5f5f5;cursor:not-allowed}.profile-form .form-group .grade-grid[data-v-54430e55]{display:flex;flex-wrap:wrap;gap:10px}.profile-form .form-group .grade-grid .grade-chip[data-v-54430e55]{padding:6px 16px;border:1.5px solid #ddd;border-radius:20px;background:white;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.profile-form .form-group .grade-grid .grade-chip[data-v-54430e55]:hover{border-color:#667eea;color:#667eea}.profile-form .form-group .grade-grid .grade-chip.active[data-v-54430e55]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:#fff}.profile-form .form-group .toggle-row[data-v-54430e55]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px}.profile-form .form-group .toggle-row .toggle-desc[data-v-54430e55]{flex:1;color:#555;font-size:14px;line-height:1.5}.profile-form .form-group .toggle-row .toggle-switch[data-v-54430e55]{position:relative;width:50px;height:28px;flex-shrink:0}.profile-form .form-group .toggle-row .toggle-switch input[type=checkbox][data-v-54430e55]{opacity:0;width:0;height:0}.profile-form .form-group .toggle-row .toggle-switch .slider[data-v-54430e55]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.profile-form .form-group .toggle-row .toggle-switch .slider[data-v-54430e55]:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.profile-form .form-group .toggle-row .toggle-switch input:checked+.slider[data-v-54430e55]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.profile-form .form-group .toggle-row .toggle-switch input:checked+.slider[data-v-54430e55]:before{transform:translate(22px)}.profile-form .form-group .cancel-rate-setting .cancel-desc[data-v-54430e55]{display:block;color:#555;font-size:14px;margin-bottom:12px}.profile-form .form-group .cancel-rate-setting .cancel-rate-selector[data-v-54430e55]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.profile-form .form-group .cancel-rate-setting .cancel-rate-selector .rate-chip[data-v-54430e55]{padding:6px 14px;border:1.5px solid #ddd;border-radius:16px;background:white;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.profile-form .form-group .cancel-rate-setting .cancel-rate-selector .rate-chip[data-v-54430e55]:hover{border-color:#667eea;color:#667eea}.profile-form .form-group .cancel-rate-setting .cancel-rate-selector .rate-chip.active[data-v-54430e55]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:#fff}.profile-form .form-group .cancel-rate-setting .cancel-hint[data-v-54430e55]{display:block;color:#999;font-size:12px}.profile-form .form-group .typing-mode-setting .mode-desc[data-v-54430e55]{display:block;color:#555;font-size:14px;margin-bottom:12px}.profile-form .form-group .typing-mode-setting .mode-selector[data-v-54430e55]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:12px}.profile-form .form-group .typing-mode-setting .mode-selector .mode-option[data-v-54430e55]{padding:16px;border:2px solid #ddd;border-radius:12px;background:white;cursor:pointer;transition:all .3s}.profile-form .form-group .typing-mode-setting .mode-selector .mode-option[data-v-54430e55]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.profile-form .form-group .typing-mode-setting .mode-selector .mode-option.active[data-v-54430e55]{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);box-shadow:0 4px 16px #667eea33}.profile-form .form-group .typing-mode-setting .mode-selector .mode-option.active .mode-title[data-v-54430e55]{color:#667eea}.profile-form .form-group .typing-mode-setting .mode-selector .mode-option .mode-title[data-v-54430e55]{font-size:16px;font-weight:700;color:#333;margin-bottom:10px;transition:color .3s}.profile-form .form-group .typing-mode-setting .mode-selector .mode-option .mode-detail[data-v-54430e55]{font-size:13px;color:#666;line-height:1.8}.profile-form .form-group .typing-mode-setting .mode-hint[data-v-54430e55]{display:block;color:#999;font-size:12px}.profile-form .btn-primary[data-v-54430e55]{padding:10px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:transform .2s}.profile-form .btn-primary[data-v-54430e55]:hover{transform:translateY(-2px)}.admin-container[data-v-0a990af5]{background:white;padding:30px;border-radius:12px;box-shadow:0 2px 12px #00000014}.admin-container h2[data-v-0a990af5]{margin-bottom:24px;color:#2c3e50;font-size:24px}.loading[data-v-0a990af5]{text-align:center;padding:40px;color:#666;font-size:16px}.table-wrapper[data-v-0a990af5]{overflow-x:auto}.user-table[data-v-0a990af5]{width:100%;border-collapse:collapse}.user-table th[data-v-0a990af5],.user-table td[data-v-0a990af5]{padding:12px 10px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap;font-size:14px}.user-table th[data-v-0a990af5]{background:#f8f9fa;font-weight:600;color:#495057;font-size:14px}.user-table tbody tr[data-v-0a990af5]{transition:background .2s}.user-table tbody tr[data-v-0a990af5]:hover{background:#f8f9ff}.user-table .highlight[data-v-0a990af5]{color:#5b8def;font-weight:600}.user-table .warning[data-v-0a990af5]{color:#ff6b6b;font-weight:600}.user-table .btn-edit[data-v-0a990af5]{padding:4px 12px;border:1px solid #5B8DEF;background:white;color:#5b8def;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.user-table .btn-edit[data-v-0a990af5]:hover{background:#5B8DEF;color:#fff}.pagination[data-v-0a990af5]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.pagination .page-info[data-v-0a990af5]{color:#666;font-size:14px}.pagination button[data-v-0a990af5]{padding:8px 16px;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.pagination button[data-v-0a990af5]:disabled{opacity:.5;cursor:not-allowed}.pagination button[data-v-0a990af5]:hover:not(:disabled){background:#f5f5f5;border-color:#5b8def}.modal-overlay[data-v-0a990af5]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-0a990af5]{background:white;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column}.modal-header[data-v-0a990af5]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2[data-v-0a990af5]{margin:0;font-size:20px;color:#2c3e50}.modal-header .close-btn[data-v-0a990af5]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:28px;height:28px}.modal-header .close-btn[data-v-0a990af5]:hover{color:#333}.modal-body[data-v-0a990af5]{padding:24px;overflow-y:auto;flex:1}.modal-body .form-group[data-v-0a990af5]{margin-bottom:16px}.modal-body .form-group label[data-v-0a990af5]{display:block;margin-bottom:6px;color:#333;font-weight:500;font-size:14px}.modal-body .form-group .hint[data-v-0a990af5]{margin-top:4px;font-size:12px;color:#999}.modal-body .form-group input[data-v-0a990af5]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.modal-body .form-group input[data-v-0a990af5]:disabled{background:#f5f5f5;cursor:not-allowed}.modal-body .form-group input[data-v-0a990af5]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 2px #5b8def1a}.modal-body .form-group .grade-grid[data-v-0a990af5]{display:flex;flex-wrap:wrap;gap:10px}.modal-body .form-group .grade-grid .grade-chip[data-v-0a990af5]{padding:6px 16px;border:1.5px solid #ddd;border-radius:20px;background:white;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.modal-body .form-group .grade-grid .grade-chip[data-v-0a990af5]:hover{border-color:#5b8def;color:#5b8def}.modal-body .form-group .grade-grid .grade-chip.active[data-v-0a990af5]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:#fff}.modal-footer[data-v-0a990af5]{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.modal-footer .btn[data-v-0a990af5]{padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.modal-footer .btn.btn-secondary[data-v-0a990af5]{border:1px solid #ddd;background:white;color:#666}.modal-footer .btn.btn-secondary[data-v-0a990af5]:hover{background:#f5f5f5}.modal-footer .btn.btn-primary[data-v-0a990af5]{border:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.modal-footer .btn.btn-primary[data-v-0a990af5]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.modal-footer .btn.btn-primary[data-v-0a990af5]:disabled{opacity:.6;cursor:not-allowed}.word-book-manage[data-v-f74b6d6d]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.page-header[data-v-f74b6d6d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1[data-v-f74b6d6d]{margin:0;font-size:24px}.page-header .header-actions[data-v-f74b6d6d]{display:flex;gap:12px;align-items:center}.loading[data-v-f74b6d6d],.empty-state[data-v-f74b6d6d]{text-align:center;padding:60px;font-size:20px;color:#5d6d7e}.word-book-list[data-v-f74b6d6d]{display:grid;gap:24px}.word-book-card[data-v-f74b6d6d]{display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;gap:30px}.word-book-card .book-checkbox[data-v-f74b6d6d]{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.word-book-card .book-checkbox input[type=checkbox][data-v-f74b6d6d]{width:20px;height:20px;cursor:pointer;accent-color:#5B8DEF}.word-book-card .book-checkbox label[data-v-f74b6d6d]{cursor:pointer}.word-book-card .book-info[data-v-f74b6d6d]{flex:0 0 350px;padding-left:40px}.word-book-card .book-info h3[data-v-f74b6d6d]{font-size:24px;margin-bottom:8px;color:#2c3e50;display:flex;align-items:center;gap:12px}.word-book-card .book-info h3 .type-badge[data-v-f74b6d6d]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500;line-height:1.4;text-align:center;white-space:nowrap}.word-book-card .book-info h3 .type-badge.public[data-v-f74b6d6d]{background:#E3F2FD;color:#1976d2}.word-book-card .book-info h3 .type-badge.private[data-v-f74b6d6d]{background:#FFF3E0;color:#f57c00}.word-book-card .book-info p[data-v-f74b6d6d]{font-size:16px;color:#5d6d7e;margin-bottom:12px}.word-book-card .book-info .book-stats[data-v-f74b6d6d]{display:flex;gap:20px}.word-book-card .book-info .book-stats .stat[data-v-f74b6d6d]{font-size:16px;color:#5d6d7e}.word-book-card .book-info .book-stats .stat.stat-wrong[data-v-f74b6d6d]{color:#ff6b6b}.word-book-card .book-actions[data-v-f74b6d6d]{display:flex;gap:12px;justify-content:flex-start}.word-book-card .book-actions .btn[data-v-f74b6d6d],.word-book-card .book-actions a.btn[data-v-f74b6d6d]{font-size:16px;padding:12px 20px;text-decoration:none}.word-book-card .book-actions .btn[data-v-f74b6d6d]:hover,.word-book-card .book-actions a.btn[data-v-f74b6d6d]:hover{text-decoration:none}.modal-overlay[data-v-f74b6d6d]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-f74b6d6d]{width:90%;max-width:500px;padding:40px}.modal h2[data-v-f74b6d6d]{margin-bottom:24px;text-align:center}.modal .form-group[data-v-f74b6d6d]{margin-bottom:20px}.modal .form-group label[data-v-f74b6d6d]{display:block;font-size:16px;margin-bottom:8px;color:#2c3e50;font-weight:500}.modal .form-group .radio-group[data-v-f74b6d6d]{display:flex;gap:24px;margin-top:8px}.modal .form-group .radio-group .radio-label[data-v-f74b6d6d]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#555}.modal .form-group .radio-group .radio-label input[type=radio][data-v-f74b6d6d]{width:18px;height:18px;cursor:pointer;accent-color:#5B8DEF}.modal .form-group .tags-editor .current-tags[data-v-f74b6d6d]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:36px}.modal .form-group .tags-editor .current-tags .tag-item[data-v-f74b6d6d]{display:inline-flex;align-items:center;padding:6px 14px;background:#5B8DEF;color:#fff;border-radius:16px;font-size:14px;transition:all .2s ease}.modal .form-group .tags-editor .current-tags .tag-item .tag-remove[data-v-f74b6d6d]{margin-left:6px;background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;line-height:1;border-radius:50%;transition:background .2s ease}.modal .form-group .tags-editor .current-tags .tag-item .tag-remove[data-v-f74b6d6d]:hover{background:rgba(255,255,255,.3)}.modal .form-group .tags-editor .current-tags .tag-item[data-v-f74b6d6d]:hover{transform:translateY(-2px);box-shadow:0 2px 8px #5b8def4d}.modal .form-group .tags-editor .add-tag[data-v-f74b6d6d]{display:flex;gap:8px}.modal .form-group .tags-editor .add-tag .input-small[data-v-f74b6d6d]{flex:1;padding:8px 12px;font-size:14px}.modal .form-group .tags-editor .add-tag .btn-small[data-v-f74b6d6d]{padding:8px 16px;font-size:14px;white-space:nowrap}.modal .form-group .tags-editor .help-text[data-v-f74b6d6d]{display:block;margin-top:8px;color:#7f8c8d;font-size:12px}.modal .modal-actions[data-v-f74b6d6d]{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}[data-v-926d392c]{margin:0;padding:0;box-sizing:border-box}body[data-v-926d392c]{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#FDFCF8;color:#2c3e50;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app[data-v-926d392c]{min-height:100vh}.btn[data-v-926d392c]{padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-926d392c]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.btn[data-v-926d392c]:active{transform:translateY(0)}.btn.btn-primary[data-v-926d392c]{background:#5B8DEF;color:#fff}.btn.btn-primary[data-v-926d392c]:hover{background:rgb(44.5333333333,108.7,234.4666666667)}.btn.btn-success[data-v-926d392c]{background:#6BCB77;color:#fff}.btn.btn-success[data-v-926d392c]:hover{background:rgb(69.26,189.74,84.32)}.btn.btn-danger[data-v-926d392c]{background:#E57373;color:#fff}.btn.btn-danger[data-v-926d392c]:hover{background:rgb(221.0120481928,71.9879518072,71.9879518072)}.btn.btn-secondary[data-v-926d392c]{background:#F5F1E8;color:#2c3e50;border:2px solid #E8E4DC}.btn.btn-secondary[data-v-926d392c]:hover{background:#E8E4DC}.btn.btn-info[data-v-926d392c]{background:#FFB347;color:#fff}.btn.btn-info[data-v-926d392c]:hover{background:rgb(255,157.9347826087,20)}.btn.btn-warning[data-v-926d392c]{background:#FFD93D;color:#333}.btn.btn-warning[data-v-926d392c]:hover{background:rgb(255,207.0103092784,10)}.card[data-v-926d392c]{background:#FFFFFF;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card[data-v-926d392c]:hover{box-shadow:0 4px 16px #0000001f}.input[data-v-926d392c]{width:100%;padding:16px;border:2px solid #E8E4DC;border-radius:12px;font-size:18px;transition:all .3s ease}.input[data-v-926d392c]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}h1[data-v-926d392c]{font-size:48px;color:#2c3e50;margin-bottom:24px}h2[data-v-926d392c]{font-size:32px;color:#2c3e50;margin-bottom:16px}h3[data-v-926d392c]{font-size:24px;color:#2c3e50;margin-bottom:16px}.container[data-v-926d392c]{max-width:1200px;margin:0 auto;padding:32px}.navbar[data-v-926d392c]{background:#FFFFFF;padding:16px 32px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.navbar .nav-brand[data-v-926d392c]{font-size:32px;font-weight:700;color:#5b8def}.navbar .nav-links[data-v-926d392c]{display:flex;gap:24px}.navbar .nav-links a[data-v-926d392c]{color:#5d6d7e;text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease}.navbar .nav-links a[data-v-926d392c]:hover{background:#F5F1E8;color:#5b8def}.navbar .nav-links a.active[data-v-926d392c],.navbar .nav-links a.router-link-active[data-v-926d392c],.navbar .nav-links a.router-link-exact-active[data-v-926d392c]{background:#5B8DEF;color:#fff}@keyframes fadeIn-926d392c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-926d392c{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in[data-v-926d392c]{animation:fadeIn-926d392c .5s ease}.slide-in[data-v-926d392c]{animation:slideIn-926d392c .5s ease}.word-import-view[data-v-926d392c]{min-height:100vh;background:#FDFCF8}.import-form[data-v-926d392c]{max-width:800px;margin:2rem auto}.import-form h2[data-v-926d392c]{text-align:center;margin-bottom:2rem;font-size:32px}.import-container .form-group[data-v-926d392c]{margin-bottom:1.5rem}.import-container .form-group label[data-v-926d392c]{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.import-container .form-group .input[data-v-926d392c]{width:100%;font-size:16px}.import-container .form-group .textarea[data-v-926d392c]{resize:vertical;min-height:200px;font-family:inherit}.import-container .form-group .help-text[data-v-926d392c]{display:block;margin-top:.5rem;color:#5d6d7e;font-size:14px}.import-container .form-group .required[data-v-926d392c]{color:#f56c6c;margin-left:2px}.import-container .form-group .tag-buttons-container[data-v-926d392c]{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.import-container .form-group .tag-buttons-container .tag-btn[data-v-926d392c]{padding:.4rem 1rem;border:1.5px solid #E8E4DC;border-radius:20px;background:white;color:#5d6d7e;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.import-container .form-group .tag-buttons-container .tag-btn[data-v-926d392c]:hover{border-color:#5b8def;color:#5b8def}.import-container .form-group .tag-buttons-container .tag-btn.active[data-v-926d392c]{background:#5B8DEF;border-color:#5b8def;color:#fff}.import-container .checkbox-group[data-v-926d392c]{display:flex;align-items:center}.import-container .checkbox-group .checkbox-label[data-v-926d392c]{display:flex;align-items:center;cursor:pointer;font-size:16px}.import-container .checkbox-group .checkbox-label input[type=checkbox][data-v-926d392c]{display:none}.import-container .checkbox-group .checkbox-label .checkmark[data-v-926d392c]{width:20px;height:20px;border:2px solid #E8E4DC;border-radius:4px;margin-right:10px;position:relative;transition:all .3s ease}.import-container .checkbox-group .checkbox-label .checkmark[data-v-926d392c]:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:12px;transition:transform .3s ease}.import-container .checkbox-group .checkbox-label input[type=checkbox]:checked+.checkmark[data-v-926d392c]{background:#5B8DEF;border-color:#5b8def}.import-container .checkbox-group .checkbox-label input[type=checkbox]:checked+.checkmark[data-v-926d392c]:after{transform:translate(-50%,-50%) scale(1)}.import-container .btn-large[data-v-926d392c]{width:100%;padding:1rem;font-size:18px;font-weight:600}.import-container .btn-large .icon[data-v-926d392c],.import-container .btn-large .loading-icon[data-v-926d392c]{margin-right:8px}.result-section[data-v-926d392c]{max-width:800px;margin:2rem auto;text-align:center}.result-section h3[data-v-926d392c]{margin-bottom:1.5rem;font-size:28px}.result-section .result-stats[data-v-926d392c]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.result-section .result-stats .stat-item[data-v-926d392c]{padding:1.5rem;border-radius:16px;background:#F5F1E8}.result-section .result-stats .stat-item .stat-number[data-v-926d392c]{font-size:36px;font-weight:700;margin-bottom:.5rem}.result-section .result-stats .stat-item .stat-number.success[data-v-926d392c]{color:#6bcb77}.result-section .result-stats .stat-item .stat-number.error[data-v-926d392c]{color:#e57373}.result-section .result-stats .stat-item .stat-label[data-v-926d392c]{font-size:16px;color:#5d6d7e}.result-section .failed-list[data-v-926d392c]{text-align:left;margin-bottom:2rem}.result-section .failed-list h4[data-v-926d392c]{margin-bottom:1rem;color:#e57373}.result-section .failed-list ul[data-v-926d392c]{list-style:none;padding:0}.result-section .failed-list .failed-word[data-v-926d392c]{padding:.5rem;margin-bottom:.5rem;background:rgba(229,115,115,.1);border-left:4px solid #E57373;border-radius:8px}.result-section .result-actions[data-v-926d392c]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.result-section .result-actions .btn[data-v-926d392c]{min-width:150px}.modal-overlay[data-v-926d392c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .progress-modal[data-v-926d392c]{width:90%;max-width:800px;max-height:80vh;overflow-y:auto;background:white;border-radius:16px;box-shadow:0 10px 30px #0000004d}.modal-overlay .progress-modal .modal-header[data-v-926d392c]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #E8E4DC}.modal-overlay .progress-modal .modal-header h3[data-v-926d392c]{margin:0;font-size:1.5rem;color:#2c3e50}.modal-overlay .progress-modal .modal-header .close-btn[data-v-926d392c]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#5d6d7e;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-overlay .progress-modal .modal-header .close-btn[data-v-926d392c]:hover{background:#F5F1E8;color:#2c3e50}.modal-overlay .progress-modal .progress-summary[data-v-926d392c]{display:flex;justify-content:space-around;padding:1rem;border-bottom:1px solid #E8E4DC;background:#F5F1E8}.modal-overlay .progress-modal .progress-summary .summary-item[data-v-926d392c]{text-align:center;padding:.5rem 1rem;border-radius:12px}.modal-overlay .progress-modal .progress-summary .summary-item .label[data-v-926d392c]{display:block;font-size:.8rem;color:#5d6d7e;margin-bottom:.2rem}.modal-overlay .progress-modal .progress-summary .summary-item .value[data-v-926d392c]{display:block;font-size:1.2rem;font-weight:700}.modal-overlay .progress-modal .progress-summary .summary-item .value.success[data-v-926d392c]{color:#6bcb77}.modal-overlay .progress-modal .progress-summary .summary-item .value.error[data-v-926d392c]{color:#e57373}.modal-overlay .progress-modal .progress-summary .summary-item .value.pending[data-v-926d392c]{color:#ffd93d}.modal-overlay .progress-modal .progress-summary .summary-item.success .value[data-v-926d392c]{color:#6bcb77}.modal-overlay .progress-modal .progress-summary .summary-item.error .value[data-v-926d392c]{color:#e57373}.modal-overlay .progress-modal .progress-summary .summary-item.pending .value[data-v-926d392c]{color:#ffd93d}.modal-overlay .progress-modal .progress-summary .summary-item.warning .value[data-v-926d392c]{color:#ffb347}.modal-overlay .progress-modal .progress-list[data-v-926d392c]{max-height:400px;overflow-y:auto;padding:1rem}.modal-overlay .progress-modal .progress-list .progress-item[data-v-926d392c]{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid #E8E4DC;transition:background-color .2s ease}.modal-overlay .progress-modal .progress-list .progress-item[data-v-926d392c]:last-child{border-bottom:none}.modal-overlay .progress-modal .progress-list .progress-item.pending[data-v-926d392c]{background:rgba(255,217,61,.05)}.modal-overlay .progress-modal .progress-list .progress-item.processing[data-v-926d392c]{background:rgba(91,141,239,.1)}.modal-overlay .progress-modal .progress-list .progress-item.success[data-v-926d392c]{background:rgba(107,203,119,.05)}.modal-overlay .progress-modal .progress-list .progress-item.skipped[data-v-926d392c]{background:rgba(255,179,71,.05)}.modal-overlay .progress-modal .progress-list .progress-item.error[data-v-926d392c]{background:rgba(229,115,115,.05)}.modal-overlay .progress-modal .progress-list .progress-item .item-index[data-v-926d392c]{width:30px;font-size:.9rem;color:#5d6d7e;margin-right:1rem}.modal-overlay .progress-modal .progress-list .progress-item .item-word[data-v-926d392c]{flex:1;font-weight:500;color:#2c3e50}.modal-overlay .progress-modal .progress-list .progress-item .item-status[data-v-926d392c]{width:30px;text-align:center;margin-right:1rem}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon[data-v-926d392c]{font-size:1.2rem}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.pending[data-v-926d392c]{color:#ffd93d}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.processing[data-v-926d392c]{color:#5b8def}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.success[data-v-926d392c]{color:#6bcb77}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.skipped[data-v-926d392c]{color:#ffb347}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.error[data-v-926d392c]{color:#e57373}.modal-overlay .progress-modal .progress-list .progress-item .item-message[data-v-926d392c]{font-size:.8rem;color:#5d6d7e;margin-left:1rem;flex:1}.modal-overlay .progress-modal .progress-list .progress-item .item-message.error[data-v-926d392c]{color:#e57373}.modal-overlay .progress-modal .modal-footer[data-v-926d392c]{padding:1rem 1.5rem;border-top:1px solid #E8E4DC;text-align:right}.modal-overlay .progress-modal .modal-footer .btn[data-v-926d392c]{min-width:80px}@media (max-width: 768px){.result-stats[data-v-926d392c]{grid-template-columns:1fr!important}.result-actions[data-v-926d392c]{flex-direction:column}.result-actions .btn[data-v-926d392c]{width:100%}.modal-overlay .progress-modal[data-v-926d392c]{width:95%;max-height:90vh}.modal-overlay .progress-modal .progress-summary[data-v-926d392c]{flex-direction:column;gap:.5rem}.modal-overlay .progress-modal .progress-summary .summary-item[data-v-926d392c]{display:flex;justify-content:space-between}.modal-overlay .progress-modal .progress-list .progress-item[data-v-926d392c]{flex-wrap:wrap}.modal-overlay .progress-modal .progress-list .progress-item .item-word[data-v-926d392c]{order:1;width:100%;margin:.5rem 0}.modal-overlay .progress-modal .progress-list .progress-item .item-message[data-v-926d392c]{order:2;width:100%;margin-top:.2rem}}[data-v-4413abed]{margin:0;padding:0;box-sizing:border-box}body[data-v-4413abed]{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#FDFCF8;color:#2c3e50;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app[data-v-4413abed]{min-height:100vh}.btn[data-v-4413abed]{padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-4413abed]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.btn[data-v-4413abed]:active{transform:translateY(0)}.btn.btn-primary[data-v-4413abed]{background:#5B8DEF;color:#fff}.btn.btn-primary[data-v-4413abed]:hover{background:rgb(44.5333333333,108.7,234.4666666667)}.btn.btn-success[data-v-4413abed]{background:#6BCB77;color:#fff}.btn.btn-success[data-v-4413abed]:hover{background:rgb(69.26,189.74,84.32)}.btn.btn-danger[data-v-4413abed]{background:#E57373;color:#fff}.btn.btn-danger[data-v-4413abed]:hover{background:rgb(221.0120481928,71.9879518072,71.9879518072)}.btn.btn-secondary[data-v-4413abed]{background:#F5F1E8;color:#2c3e50;border:2px solid #E8E4DC}.btn.btn-secondary[data-v-4413abed]:hover{background:#E8E4DC}.btn.btn-info[data-v-4413abed]{background:#FFB347;color:#fff}.btn.btn-info[data-v-4413abed]:hover{background:rgb(255,157.9347826087,20)}.btn.btn-warning[data-v-4413abed]{background:#FFD93D;color:#333}.btn.btn-warning[data-v-4413abed]:hover{background:rgb(255,207.0103092784,10)}.card[data-v-4413abed]{background:#FFFFFF;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card[data-v-4413abed]:hover{box-shadow:0 4px 16px #0000001f}.input[data-v-4413abed]{width:100%;padding:16px;border:2px solid #E8E4DC;border-radius:12px;font-size:18px;transition:all .3s ease}.input[data-v-4413abed]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}h1[data-v-4413abed]{font-size:48px;color:#2c3e50;margin-bottom:24px}h2[data-v-4413abed]{font-size:32px;color:#2c3e50;margin-bottom:16px}h3[data-v-4413abed]{font-size:24px;color:#2c3e50;margin-bottom:16px}.container[data-v-4413abed]{max-width:1200px;margin:0 auto;padding:32px}.navbar[data-v-4413abed]{background:#FFFFFF;padding:16px 32px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.navbar .nav-brand[data-v-4413abed]{font-size:32px;font-weight:700;color:#5b8def}.navbar .nav-links[data-v-4413abed]{display:flex;gap:24px}.navbar .nav-links a[data-v-4413abed]{color:#5d6d7e;text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease}.navbar .nav-links a[data-v-4413abed]:hover{background:#F5F1E8;color:#5b8def}.navbar .nav-links a.active[data-v-4413abed],.navbar .nav-links a.router-link-active[data-v-4413abed],.navbar .nav-links a.router-link-exact-active[data-v-4413abed]{background:#5B8DEF;color:#fff}@keyframes fadeIn-4413abed{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-4413abed{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in[data-v-4413abed]{animation:fadeIn-4413abed .5s ease}.slide-in[data-v-4413abed]{animation:slideIn-4413abed .5s ease}.word-list-view[data-v-4413abed]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 0}.container[data-v-4413abed]{max-width:1400px;margin:0 auto;padding:0 2rem}.header[data-v-4413abed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1[data-v-4413abed]{color:#fff;font-size:2rem;margin:0}.header .actions[data-v-4413abed]{display:flex;gap:1rem}.stats-bar[data-v-4413abed]{display:flex;gap:2rem;margin-bottom:1rem;padding:1rem 2rem;background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a}.stats-bar .stat-item[data-v-4413abed]{display:flex;flex-direction:column;align-items:center}.stats-bar .stat-item.tip[data-v-4413abed]{flex:1;align-items:flex-start;color:#666;font-size:.9rem}.stats-bar .stat-item .stat-label[data-v-4413abed]{font-size:.9rem;color:#666;margin-bottom:.3rem}.stats-bar .stat-item .stat-value[data-v-4413abed]{font-size:1.5rem;font-weight:700;color:#333}.stats-bar .stat-item .stat-value.highlight[data-v-4413abed]{color:#5b8def}.stats-bar .stat-item .stat-value.warning[data-v-4413abed]{color:#ffd93d}.select-all-bar[data-v-4413abed]{margin-bottom:1rem;padding:.8rem 1.5rem;background:white;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:1rem}.select-all-bar .bar-left[data-v-4413abed]{flex-shrink:0}.select-all-bar .bar-left .checkbox-label[data-v-4413abed]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:#333}.select-all-bar .bar-left .checkbox-label input[type=checkbox][data-v-4413abed]{width:18px;height:18px;cursor:pointer}.select-all-bar .bar-right[data-v-4413abed]{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.select-all-bar .bar-right .tag-filter-label[data-v-4413abed]{font-size:.95rem;color:#666;white-space:nowrap}.select-all-bar .bar-right .tag-buttons[data-v-4413abed]{display:flex;gap:.5rem;flex-wrap:wrap}.select-all-bar .bar-right .tag-buttons .tag-btn[data-v-4413abed]{padding:.35rem .9rem;border:1.5px solid #e0e0e0;border-radius:16px;background:white;color:#666;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.select-all-bar .bar-right .tag-buttons .tag-btn[data-v-4413abed]:hover{border-color:#5b8def;color:#5b8def}.select-all-bar .bar-right .tag-buttons .tag-btn.active[data-v-4413abed]{background:#5B8DEF;border-color:#5b8def;color:#fff}.table-container[data-v-4413abed]{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.word-table[data-v-4413abed]{width:100%;border-collapse:collapse}.word-table thead[data-v-4413abed]{background:#f5f5f5}.word-table thead th[data-v-4413abed]{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.word-table tbody tr[data-v-4413abed]{transition:background .2s}.word-table tbody tr[data-v-4413abed]:hover{background:#f9f9f9}.word-table tbody tr td[data-v-4413abed]{padding:.8rem 1rem;border-bottom:1px solid #e0e0e0}.word-table tbody tr td[data-v-4413abed]:first-child{text-align:center}.word-table tbody tr td:first-child input[type=checkbox][data-v-4413abed]{width:18px;height:18px;cursor:pointer}.word-table tbody tr td[data-v-4413abed]:last-child{text-align:left}.word-table tbody tr td.english-word input[data-v-4413abed]{font-weight:900;color:#333;font-size:1.1rem}.word-table tbody tr td input[data-v-4413abed]{width:100%;padding:.5rem;border:1px solid #d9d9d9;border-radius:4px;font-size:.95rem;transition:all .2s}.word-table tbody tr td input[data-v-4413abed]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 2px #5b8def33}.word-table tbody tr td input.changed[data-v-4413abed]{border-color:#faad14;background:#fffbe6}.word-table tbody tr td input[data-v-4413abed]::placeholder{color:#bbb}.btn-icon[data-v-4413abed]{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.3rem;border-radius:4px;transition:all .2s}.btn-icon[data-v-4413abed]:hover{background:#f0f0f0;transform:scale(1.1)}.empty-state[data-v-4413abed]{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a}.empty-state p[data-v-4413abed]{font-size:1.2rem;color:#666;margin-bottom:2rem}.btn[data-v-4413abed]{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}.btn.primary[data-v-4413abed]{background:#5B8DEF;color:#fff}.btn.primary[data-v-4413abed]:hover:not(:disabled){background:rgb(44.5333333333,108.7,234.4666666667);transform:translateY(-2px);box-shadow:0 4px 12px #5b8def4d}.btn.primary[data-v-4413abed]:disabled{opacity:.6;cursor:not-allowed}.btn.secondary[data-v-4413abed]{background:white;color:#333}.btn.secondary[data-v-4413abed]:hover{background:#f5f5f5}.practice-view[data-v-18600205]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.practice-container[data-v-18600205]{max-width:900px;margin:0 auto;padding:40px 20px}.stats-bar[data-v-18600205]{display:flex;justify-content:space-around;align-items:center;padding:24px;margin-bottom:32px;font-size:20px}.stats-bar .stat-item[data-v-18600205]{text-align:center}.stats-bar .stat-item .stat-label[data-v-18600205]{margin-right:8px;color:#5d6d7e}.stats-bar .stat-item .stat-label.correct[data-v-18600205]{color:#6bcb77}.stats-bar .stat-item .stat-label.wrong[data-v-18600205]{color:#ff6b6b}.stats-bar .stat-item .stat-label.speed[data-v-18600205]{color:#5b8def}.stats-bar .stat-item .stat-value[data-v-18600205]{font-weight:700;font-size:28px;color:#2c3e50}.stats-bar .stat-item .stat-value.correct[data-v-18600205]{color:#6bcb77}.stats-bar .stat-item .stat-value.wrong[data-v-18600205]{color:#ff6b6b}.stats-bar .stat-item .stat-value.speed[data-v-18600205]{color:#5b8def;font-size:20px}.practice-area[data-v-18600205]{padding:60px 40px;text-align:center}.loading-card[data-v-18600205]{padding:120px 40px;text-align:center}.loading-card .loading-content .loading-spinner[data-v-18600205]{font-size:64px;margin-bottom:24px;animation:spin-18600205 2s linear infinite}.loading-card .loading-content p[data-v-18600205]{font-size:24px;color:#5d6d7e}@keyframes spin-18600205{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-display[data-v-18600205]{margin-bottom:48px}.word-display .chinese-meaning h2[data-v-18600205]{font-size:48px;color:#2c3e50;margin-bottom:24px}.word-display .phonetic-display[data-v-18600205]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.word-display .phonetic-display .phonetic-item[data-v-18600205]{font-size:24px;color:#5d6d7e;cursor:pointer;padding:12px 24px;background:#F5F1E8;border-radius:12px;transition:all .3s ease}.word-display .phonetic-display .phonetic-item[data-v-18600205]:hover{background:#E8E4DC;transform:scale(1.05)}.letter-inputs[data-v-18600205]{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.letter-inputs .letter-box[data-v-18600205]{width:60px;height:80px}.letter-inputs .letter-box input[data-v-18600205]{width:100%;height:100%;font-size:48px;text-align:center;border:3px solid #E8E4DC;border-radius:12px;background:white;transition:all .3s ease}.letter-inputs .letter-box input[data-v-18600205]::placeholder{color:#5b8def;opacity:.6;font-weight:700}.letter-inputs .letter-box input[data-v-18600205]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 4px #5b8def33}.letter-inputs .letter-box input.input-correct[data-v-18600205]{border-color:#7fb069;background:rgba(127,176,105,.08);color:#7fb069}.letter-inputs .letter-box input.input-wrong[data-v-18600205]{border-color:#ff6b6b;background:rgba(255,107,107,.1);color:#ff6b6b}.controls[data-v-18600205]{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.controls .btn[data-v-18600205]{font-size:18px;padding:14px 28px}.result-feedback[data-v-18600205]{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;border-radius:12px;margin-top:24px;min-height:48px}.result-feedback .result-message[data-v-18600205]{font-size:18px;font-weight:700}.result-feedback.success[data-v-18600205]{background:rgba(127,176,105,.1);border:2px solid #7FB069}.result-feedback.success .result-message[data-v-18600205]{color:#7fb069}.result-feedback.error[data-v-18600205]{background:rgba(255,107,107,.15);border:2px solid #FF6B6B}.result-feedback.error .result-message[data-v-18600205]{color:#ff6b6b}.result-feedback .btn-next[data-v-18600205]{font-size:14px;padding:6px 16px;white-space:nowrap}.completion-card[data-v-18600205]{text-align:center;padding:60px 40px}.completion-card h2[data-v-18600205]{font-size:48px;margin-bottom:40px;color:#2c3e50}.completion-card .final-stats[data-v-18600205]{font-size:24px;margin-bottom:40px}.completion-card .final-stats p[data-v-18600205]{margin:16px 0}.completion-card .final-stats p.correct-text[data-v-18600205]{color:#7fb069;font-weight:700}.completion-card .final-stats p.wrong-text[data-v-18600205]{color:#ff6b6b;font-weight:700}.completion-card .final-stats p.accuracy[data-v-18600205]{font-size:32px;color:#5b8def;font-weight:700}.completion-card .completion-actions[data-v-18600205]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.completion-card .completion-actions .btn[data-v-18600205]{font-size:18px;padding:14px 32px}@media (max-width: 768px){.letter-inputs[data-v-18600205]{gap:8px}.letter-inputs .letter-box[data-v-18600205]{width:45px;height:60px}.letter-inputs .letter-box input[data-v-18600205],.word-display .chinese-meaning h2[data-v-18600205]{font-size:36px}.word-display .phonetic-display .phonetic-item[data-v-18600205]{font-size:18px}}.speed-floating-ball[data-v-18600205]{position:fixed;z-index:9999;cursor:move;user-select:none}.speed-floating-ball .ball-inner[data-v-18600205]{position:relative;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);box-shadow:0 6px 24px #0000001a;transition:all .3s ease;background:rgba(242,238,228,.92)}.speed-floating-ball .ball-inner .ball-icon[data-v-18600205]{font-size:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12));line-height:1}.speed-floating-ball .ball-inner .ball-text[data-v-18600205]{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.speed-floating-ball .ball-inner .ball-text .ball-value[data-v-18600205]{font-size:24px;font-weight:700;color:#263241eb;letter-spacing:-.5px;line-height:1}.speed-floating-ball .ball-inner .ball-text .ball-unit[data-v-18600205]{font-size:10px;font-weight:500;color:#263241a6;letter-spacing:.3px;line-height:1}.speed-floating-ball .speed-slow[data-v-18600205]{background:rgba(240,236,225,.92)}.speed-floating-ball .speed-normal[data-v-18600205]{background:rgba(242,238,228,.92)}.speed-floating-ball .speed-fast[data-v-18600205]{background:rgba(238,232,218,.94)}.speed-floating-ball .speed-god[data-v-18600205]{background:rgba(234,226,210,.96);box-shadow:0 6px 28px #0000001f}.wrong-words-view[data-v-5d816add]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.page-header[data-v-5d816add]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.page-header h1[data-v-5d816add]{font-size:20px;margin:0;white-space:nowrap}.page-header .header-stats[data-v-5d816add]{display:flex;gap:24px;font-size:14px;color:#5d6d7e}.page-header .header-stats strong[data-v-5d816add]{color:#d9534f;font-size:18px;margin-left:4px}.page-header .header-stats .selected-stat strong[data-v-5d816add]{color:#5b8def}.page-header .header-actions[data-v-5d816add]{display:flex;gap:12px}.loading[data-v-5d816add]{text-align:center;padding:60px;font-size:20px;color:#5d6d7e}.empty-state[data-v-5d816add]{text-align:center;padding:80px 40px}.empty-state .empty-icon[data-v-5d816add]{font-size:80px;margin-bottom:24px}.empty-state h2[data-v-5d816add]{font-size:36px;color:#6bcb77;margin-bottom:16px}.empty-state p[data-v-5d816add]{font-size:20px;color:#5d6d7e;margin-bottom:32px}.summary-card[data-v-5d816add]{margin-bottom:32px;padding:24px 32px;display:flex;align-items:center;gap:48px}.summary-card h3[data-v-5d816add]{font-size:20px;margin:0;white-space:nowrap}.summary-card .summary-stats[data-v-5d816add]{display:flex;gap:48px;flex:1}.summary-card .summary-stats .stat-item[data-v-5d816add]{font-size:20px}.summary-card .summary-stats .stat-item .stat-label[data-v-5d816add]{margin-right:12px;color:#5d6d7e}.summary-card .summary-stats .stat-item .stat-value[data-v-5d816add]{font-weight:700;font-size:32px;color:#ff6b6b}.words-grid[data-v-5d816add]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.word-card[data-v-5d816add]{padding:24px;transition:all .3s ease;cursor:pointer;user-select:none}.word-card[data-v-5d816add]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.word-card.word-selected[data-v-5d816add]{border:2px solid #5B8DEF;background:rgba(91,141,239,.05);box-shadow:0 0 0 3px #5b8def1a}.word-card .word-header[data-v-5d816add]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.word-card .word-header .word-checkbox[data-v-5d816add]{flex-shrink:0}.word-card .word-header .word-checkbox input[type=checkbox][data-v-5d816add]{width:20px;height:20px;cursor:pointer;accent-color:#5B8DEF}.word-card .word-header .english-word[data-v-5d816add]{font-size:28px;color:#2c3e50;margin:0;flex:1}.word-card .word-header .error-badge[data-v-5d816add]{background:rgba(217,83,79,.15);color:#d9534f;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700;flex-shrink:0}.word-card .word-details .chinese-meaning[data-v-5d816add]{font-size:18px;color:#5d6d7e;margin-bottom:12px}.word-card .word-details .phonetics[data-v-5d816add]{display:flex;gap:16px;flex-wrap:wrap}.word-card .word-details .phonetics .phonetic[data-v-5d816add]{font-size:16px;color:#95a5a6;background:#F5F1E8;padding:4px 12px;border-radius:8px}.word-card .word-details .phonetics .phonetic.phonetic-clickable[data-v-5d816add]{cursor:pointer;transition:all .3s ease}.word-card .word-details .phonetics .phonetic.phonetic-clickable[data-v-5d816add]:hover{background:#E8E4DC;transform:scale(1.05);color:#5b8def}@media (max-width: 768px){.page-header[data-v-5d816add]{flex-direction:column;align-items:flex-start;gap:16px}.page-header .header-stats[data-v-5d816add],.page-header .header-actions[data-v-5d816add]{width:100%;justify-content:space-between}.page-header .btn[data-v-5d816add]{flex:1}.summary-stats[data-v-5d816add]{flex-direction:column;gap:16px!important}.words-grid[data-v-5d816add]{grid-template-columns:1fr!important}}.practice-view[data-v-9bd62752]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.practice-container[data-v-9bd62752]{max-width:900px;margin:0 auto;padding:40px 20px}.stats-bar[data-v-9bd62752]{display:flex;justify-content:space-around;align-items:center;padding:24px;margin-bottom:32px;font-size:20px}.stats-bar .stat-item[data-v-9bd62752]{text-align:center}.stats-bar .stat-item .stat-label[data-v-9bd62752]{margin-right:8px;color:#5d6d7e}.stats-bar .stat-item .stat-label.correct[data-v-9bd62752]{color:#7fb069}.stats-bar .stat-item .stat-label.wrong[data-v-9bd62752]{color:#ff6b6b}.stats-bar .stat-item .stat-label.speed[data-v-9bd62752]{color:#5b8def}.stats-bar .stat-item .stat-value[data-v-9bd62752]{font-weight:700;font-size:28px;color:#2c3e50}.stats-bar .stat-item .stat-value.correct[data-v-9bd62752]{color:#7fb069}.stats-bar .stat-item .stat-value.wrong[data-v-9bd62752]{color:#ff6b6b}.stats-bar .stat-item .stat-value.speed[data-v-9bd62752]{color:#5b8def;font-size:20px}.practice-area[data-v-9bd62752]{padding:60px 40px;text-align:center}.loading-card[data-v-9bd62752]{padding:120px 40px;text-align:center}.loading-card .loading-content .loading-spinner[data-v-9bd62752]{font-size:64px;margin-bottom:24px;animation:spin-9bd62752 2s linear infinite}.loading-card .loading-content p[data-v-9bd62752]{font-size:24px;color:#5d6d7e}@keyframes spin-9bd62752{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-display[data-v-9bd62752]{margin-bottom:48px}.word-display .chinese-meaning h2[data-v-9bd62752]{font-size:48px;color:#2c3e50;margin-bottom:24px}.word-display .phonetic-display[data-v-9bd62752]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.word-display .phonetic-display .phonetic-item[data-v-9bd62752]{font-size:24px;color:#5d6d7e;cursor:pointer;padding:12px 24px;background:#F5F1E8;border-radius:12px;transition:all .3s ease}.word-display .phonetic-display .phonetic-item[data-v-9bd62752]:hover{background:#E8E4DC;transform:scale(1.05)}.letter-inputs[data-v-9bd62752]{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.letter-inputs .letter-box[data-v-9bd62752]{width:60px;height:80px}.letter-inputs .letter-box input[data-v-9bd62752]{width:100%;height:100%;font-size:48px;text-align:center;border:3px solid #E8E4DC;border-radius:12px;background:white;transition:all .3s ease}.letter-inputs .letter-box input[data-v-9bd62752]::placeholder{color:#5b8def;opacity:.6;font-weight:700}.letter-inputs .letter-box input[data-v-9bd62752]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 4px #5b8def33}.letter-inputs .letter-box input.input-correct[data-v-9bd62752]{border-color:#7fb069;background:rgba(127,176,105,.08);color:#7fb069}.letter-inputs .letter-box input.input-wrong[data-v-9bd62752]{border-color:#ff6b6b;background:rgba(255,107,107,.1);color:#ff6b6b}.controls[data-v-9bd62752]{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.controls .btn[data-v-9bd62752]{font-size:18px;padding:14px 28px}.result-feedback[data-v-9bd62752]{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;border-radius:12px;margin-top:24px;min-height:48px}.result-feedback .result-message[data-v-9bd62752]{font-size:18px;font-weight:700}.result-feedback.success[data-v-9bd62752]{background:rgba(127,176,105,.1);border:2px solid #7FB069}.result-feedback.success .result-message[data-v-9bd62752]{color:#7fb069}.result-feedback.error[data-v-9bd62752]{background:rgba(255,107,107,.15);border:2px solid #FF6B6B}.result-feedback.error .result-message[data-v-9bd62752]{color:#ff6b6b}.result-feedback .btn-next[data-v-9bd62752]{font-size:14px;padding:6px 16px;white-space:nowrap}.completion-card[data-v-9bd62752]{text-align:center;padding:60px 40px}.completion-card h2[data-v-9bd62752]{font-size:48px;margin-bottom:40px;color:#2c3e50}.completion-card .wrong-words-summary[data-v-9bd62752]{margin:30px auto;max-width:600px;text-align:left}.completion-card .wrong-words-summary h3[data-v-9bd62752]{font-size:20px;color:#ff6b6b;margin-bottom:16px;text-align:center}.completion-card .wrong-words-summary .wrong-words-table[data-v-9bd62752]{width:100%;border-collapse:collapse}.completion-card .wrong-words-summary .wrong-words-table th[data-v-9bd62752],.completion-card .wrong-words-summary .wrong-words-table td[data-v-9bd62752]{padding:10px 14px;text-align:left;border-bottom:1px solid #eee}.completion-card .wrong-words-summary .wrong-words-table th[data-v-9bd62752]{background:#f5f5f5;font-weight:600;color:#2c3e50}.completion-card .wrong-words-summary .wrong-words-table .correct-word[data-v-9bd62752]{color:#7fb069;font-weight:500}.completion-card .wrong-words-summary .wrong-words-table .wrong-word[data-v-9bd62752]{color:#ff6b6b;text-decoration:line-through}.completion-card .final-stats[data-v-9bd62752]{font-size:24px;margin-bottom:40px}.completion-card .final-stats p[data-v-9bd62752]{margin:16px 0}.completion-card .final-stats p.correct-text[data-v-9bd62752]{color:#7fb069;font-weight:700}.completion-card .final-stats p.wrong-text[data-v-9bd62752]{color:#ff6b6b;font-weight:700}.completion-card .final-stats p.accuracy[data-v-9bd62752]{font-size:32px;color:#5b8def;font-weight:700}.completion-card .completion-actions[data-v-9bd62752]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.completion-card .completion-actions .btn[data-v-9bd62752]{font-size:18px;padding:14px 32px}@media (max-width: 768px){.letter-inputs[data-v-9bd62752]{gap:8px}.letter-inputs .letter-box[data-v-9bd62752]{width:45px;height:60px}.letter-inputs .letter-box input[data-v-9bd62752],.word-display .chinese-meaning h2[data-v-9bd62752]{font-size:36px}.word-display .phonetic-display .phonetic-item[data-v-9bd62752]{font-size:18px}}.speed-floating-ball[data-v-9bd62752]{position:fixed;z-index:9999;cursor:move;user-select:none}.speed-floating-ball .ball-inner[data-v-9bd62752]{position:relative;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #0000000a;transition:all .3s ease;background:rgba(245,243,238,.85)}.speed-floating-ball .ball-inner .ball-icon[data-v-9bd62752]{font-size:19px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));line-height:1}.speed-floating-ball .ball-inner .ball-text[data-v-9bd62752]{display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}.speed-floating-ball .ball-inner .ball-text .ball-value[data-v-9bd62752]{font-size:23px;font-weight:700;color:#2c3e50e0;letter-spacing:-.5px;line-height:1}.speed-floating-ball .ball-inner .ball-text .ball-unit[data-v-9bd62752]{font-size:9px;font-weight:500;color:#2c3e508c;letter-spacing:.3px;line-height:1}.speed-floating-ball .speed-slow[data-v-9bd62752]{background:rgba(240,238,233,.85)}.speed-floating-ball .speed-normal[data-v-9bd62752]{background:rgba(245,243,238,.85)}.speed-floating-ball .speed-fast[data-v-9bd62752]{background:rgba(238,235,228,.88)}.speed-floating-ball .speed-god[data-v-9bd62752]{background:rgba(232,228,220,.9);box-shadow:0 4px 18px #0000000f}[data-v-44dc8026]{margin:0;padding:0;box-sizing:border-box}body[data-v-44dc8026]{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#FDFCF8;color:#2c3e50;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app[data-v-44dc8026]{min-height:100vh}.btn[data-v-44dc8026]{padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-44dc8026]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.btn[data-v-44dc8026]:active{transform:translateY(0)}.btn.btn-primary[data-v-44dc8026]{background:#5B8DEF;color:#fff}.btn.btn-primary[data-v-44dc8026]:hover{background:rgb(44.5333333333,108.7,234.4666666667)}.btn.btn-success[data-v-44dc8026]{background:#6BCB77;color:#fff}.btn.btn-success[data-v-44dc8026]:hover{background:rgb(69.26,189.74,84.32)}.btn.btn-danger[data-v-44dc8026]{background:#E57373;color:#fff}.btn.btn-danger[data-v-44dc8026]:hover{background:rgb(221.0120481928,71.9879518072,71.9879518072)}.btn.btn-secondary[data-v-44dc8026]{background:#F5F1E8;color:#2c3e50;border:2px solid #E8E4DC}.btn.btn-secondary[data-v-44dc8026]:hover{background:#E8E4DC}.btn.btn-info[data-v-44dc8026]{background:#FFB347;color:#fff}.btn.btn-info[data-v-44dc8026]:hover{background:rgb(255,157.9347826087,20)}.btn.btn-warning[data-v-44dc8026]{background:#FFD93D;color:#333}.btn.btn-warning[data-v-44dc8026]:hover{background:rgb(255,207.0103092784,10)}.card[data-v-44dc8026]{background:#FFFFFF;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card[data-v-44dc8026]:hover{box-shadow:0 4px 16px #0000001f}.input[data-v-44dc8026]{width:100%;padding:16px;border:2px solid #E8E4DC;border-radius:12px;font-size:18px;transition:all .3s ease}.input[data-v-44dc8026]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}h1[data-v-44dc8026]{font-size:48px;color:#2c3e50;margin-bottom:24px}h2[data-v-44dc8026]{font-size:32px;color:#2c3e50;margin-bottom:16px}h3[data-v-44dc8026]{font-size:24px;color:#2c3e50;margin-bottom:16px}.container[data-v-44dc8026]{max-width:1200px;margin:0 auto;padding:32px}.navbar[data-v-44dc8026]{background:#FFFFFF;padding:16px 32px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.navbar .nav-brand[data-v-44dc8026]{font-size:32px;font-weight:700;color:#5b8def}.navbar .nav-links[data-v-44dc8026]{display:flex;gap:24px}.navbar .nav-links a[data-v-44dc8026]{color:#5d6d7e;text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease}.navbar .nav-links a[data-v-44dc8026]:hover{background:#F5F1E8;color:#5b8def}.navbar .nav-links a.active[data-v-44dc8026],.navbar .nav-links a.router-link-active[data-v-44dc8026],.navbar .nav-links a.router-link-exact-active[data-v-44dc8026]{background:#5B8DEF;color:#fff}@keyframes fadeIn-44dc8026{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-44dc8026{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in[data-v-44dc8026]{animation:fadeIn-44dc8026 .5s ease}.slide-in[data-v-44dc8026]{animation:slideIn-44dc8026 .5s ease}.history-view[data-v-44dc8026]{min-height:100vh;background:#FDFCF8}.container[data-v-44dc8026]{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header[data-v-44dc8026]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-44dc8026]{font-size:18px;margin:0}.page-header .filter-bar[data-v-44dc8026]{display:flex;gap:10px}.page-header .filter-bar .input-filter[data-v-44dc8026]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;cursor:pointer}.page-header .filter-bar .input-filter[data-v-44dc8026]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}.table-container[data-v-44dc8026]{overflow-x:auto}.record-table[data-v-44dc8026]{width:100%;border-collapse:collapse;font-size:14px}.record-table th[data-v-44dc8026],.record-table td[data-v-44dc8026]{padding:12px;text-align:left;border-bottom:1px solid #eee}.record-table th[data-v-44dc8026]{background:#f5f5f5;font-weight:600;white-space:nowrap}.record-table .correct[data-v-44dc8026]{color:#7fb069;font-weight:700}.record-table .wrong[data-v-44dc8026]{color:#ff6b6b;font-weight:700}.record-table .good[data-v-44dc8026]{color:#7fb069}.record-table .bad[data-v-44dc8026]{color:#ff6b6b}.record-table .wrong-words[data-v-44dc8026]{max-width:300px;word-break:break-all;color:#666;font-size:12px}.pagination[data-v-44dc8026]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.pagination .page-info[data-v-44dc8026]{font-size:14px;color:#666}.pagination button[data-v-44dc8026]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-44dc8026]{text-align:center;padding:60px;color:#888}.loading[data-v-44dc8026]{text-align:center;padding:60px;color:#666}.modal-overlay[data-v-44dc8026]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-44dc8026]{background:white;border-radius:12px;max-width:700px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-header[data-v-44dc8026]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2[data-v-44dc8026]{margin:0;font-size:24px;color:#2c3e50}.modal-header .close-btn[data-v-44dc8026]{background:none;border:none;font-size:32px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.modal-header .close-btn[data-v-44dc8026]:hover{color:#333}.modal-body[data-v-44dc8026]{padding:24px;max-height:50vh;overflow-y:auto}.modal-body .empty-message[data-v-44dc8026]{text-align:center;padding:40px;font-size:18px;color:#6bcb77}.wrong-words-table[data-v-44dc8026]{width:100%;border-collapse:collapse}.wrong-words-table th[data-v-44dc8026],.wrong-words-table td[data-v-44dc8026]{padding:12px;text-align:left;border-bottom:1px solid #eee}.wrong-words-table th[data-v-44dc8026]{background:#f5f5f5;font-weight:600;color:#2c3e50}.wrong-words-table .correct-word[data-v-44dc8026]{color:#6bcb77;font-weight:500}.wrong-words-table .wrong-word[data-v-44dc8026]{color:#ff6b6b;text-decoration:line-through}.modal-footer[data-v-44dc8026]{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.mobile-word-player[data-v-e31402f3]{height:100vh;height:100dvh;background:linear-gradient(180deg,#FDFCF8 0%,#F5F1E8 100%);max-width:100vw;overflow:hidden;display:flex;flex-direction:column}.mobile-navbar[data-v-e31402f3]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:white;border-bottom:1px solid #eee;flex-shrink:0;z-index:100}.mobile-navbar .nav-back-btn[data-v-e31402f3]{background:none;border:none;color:#5b8def;font-size:16px;font-weight:500;cursor:pointer;padding:4px 8px}.mobile-navbar .nav-title[data-v-e31402f3]{font-size:17px;font-weight:600;color:#2c3e50;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 8px}.mobile-navbar .nav-user[data-v-e31402f3]{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;background:rgba(91,141,239,.08);cursor:pointer;flex-shrink:0;transition:all .2s}.mobile-navbar .nav-user[data-v-e31402f3]:active{background:rgba(91,141,239,.15);transform:scale(.96)}.mobile-navbar .nav-user .user-avatar[data-v-e31402f3]{font-size:16px}.mobile-navbar .nav-user .user-name[data-v-e31402f3]{font-size:13px;font-weight:500;color:#5b8def;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-state[data-v-e31402f3]{text-align:center;padding:60px 20px;color:#888}.loading-state .loading-spinner[data-v-e31402f3]{font-size:48px;margin-bottom:16px;animation:spin-e31402f3 2s linear infinite}@keyframes spin-e31402f3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-e31402f3]{text-align:center;padding:80px 20px;color:#888}.empty-state .empty-icon[data-v-e31402f3]{font-size:64px;margin-bottom:16px}.empty-state .empty-hint[data-v-e31402f3]{font-size:14px;color:#aaa;margin-top:8px}.select-page[data-v-e31402f3]{padding:20px 16px;overflow-y:auto;flex:1;min-height:0}.select-header[data-v-e31402f3]{margin-bottom:24px}.select-header h2[data-v-e31402f3]{font-size:22px;color:#2c3e50;margin:0 0 8px}.select-header .select-hint[data-v-e31402f3]{font-size:14px;color:#888;margin:0}.book-list[data-v-e31402f3]{display:flex;flex-direction:column;gap:12px}.book-card[data-v-e31402f3]{display:flex;align-items:center;gap:16px;padding:18px 20px;background:white;border-radius:14px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .2s;border:2px solid transparent}.book-card[data-v-e31402f3]:active{transform:scale(.98);border-color:#5b8def}.book-card .book-icon[data-v-e31402f3]{font-size:36px;flex-shrink:0}.book-card .book-info[data-v-e31402f3]{flex:1}.book-card .book-info h3[data-v-e31402f3]{font-size:18px;color:#2c3e50;margin:0 0 6px}.book-card .book-info .book-meta[data-v-e31402f3]{display:flex;gap:12px;font-size:13px;color:#888}.book-card .book-info .book-meta .wrong-count[data-v-e31402f3]{color:#ff6b6b}.book-card .book-arrow[data-v-e31402f3]{font-size:24px;color:#ccc;flex-shrink:0}.tags-page[data-v-e31402f3]{padding:20px 16px;overflow-y:auto;flex:1;min-height:0}.tags-header[data-v-e31402f3]{margin-bottom:20px}.tags-header h2[data-v-e31402f3]{font-size:22px;color:#2c3e50;margin:0 0 6px}.tags-header .tags-hint[data-v-e31402f3]{font-size:14px;color:#888;margin:0}.mode-selector[data-v-e31402f3]{display:flex;gap:10px;margin-bottom:20px}.mode-btn[data-v-e31402f3]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:white;border:2px solid #eee;border-radius:12px;font-size:15px;color:#555;cursor:pointer;transition:all .2s}.mode-btn .mode-count[data-v-e31402f3]{font-size:20px;font-weight:700;color:#5b8def}.mode-btn .tag-name[data-v-e31402f3]{font-size:14px;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-btn.active[data-v-e31402f3]{border-color:#5b8def;background:rgba(91,141,239,.06);color:#5b8def}.mode-btn[data-v-e31402f3]:disabled{opacity:.4;cursor:not-allowed}.word-preview[data-v-e31402f3]{text-align:center;padding:18px;margin-bottom:16px;background:white;border-radius:14px;border:2px dashed #ddd;cursor:pointer;transition:all .2s}.word-preview[data-v-e31402f3]:active{border-color:#5b8def;background:rgba(91,141,239,.03)}.word-preview .preview-count[data-v-e31402f3]{font-size:18px;color:#555;margin:0 0 4px}.word-preview .preview-count strong[data-v-e31402f3]{color:#5b8def;font-size:28px}.word-preview .preview-hint[data-v-e31402f3]{font-size:13px;color:#aaa;margin:0}.start-btn[data-v-e31402f3]{width:100%;padding:18px;background:linear-gradient(135deg,#5B8DEF,#764ba2);color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.start-btn[data-v-e31402f3]:active{transform:scale(.98)}.start-btn[data-v-e31402f3]:disabled{opacity:.5;cursor:not-allowed}.player-page[data-v-e31402f3]{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 16px;overflow:hidden;position:relative}.player-progress[data-v-e31402f3]{padding:10px 0 4px;flex-shrink:0}.player-progress .progress-bar[data-v-e31402f3]{height:4px;background:#e8e4dc;border-radius:2px;overflow:hidden;margin-bottom:8px}.player-progress .progress-bar .progress-fill[data-v-e31402f3]{height:100%;background:linear-gradient(90deg,#5B8DEF,#764ba2);border-radius:2px;transition:width .3s ease}.player-progress .progress-info[data-v-e31402f3]{display:flex;justify-content:space-between;font-size:13px;color:#888}.word-card-area[data-v-e31402f3]{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px 0;overflow:hidden}.word-card[data-v-e31402f3]{width:100%;background:white;border-radius:20px;padding:20px 16px;box-shadow:0 4px 20px #00000014;text-align:center}.word-card .display-word h1[data-v-e31402f3]{font-size:50px;color:#2c3e50;margin:0 0 8px;word-break:break-all;line-height:1.15;letter-spacing:1px}.word-card .display-phonetic[data-v-e31402f3]{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;margin-bottom:28px}.word-card .display-phonetic .phonetic-text[data-v-e31402f3]{font-size:35px;color:#888;font-family:Lucida Sans Unicode,Arial Unicode MS,Noto Sans,DejaVu Sans,Segoe UI,sans-serif}.word-card .display-phonetic .audio-btn[data-v-e31402f3]{background:none;border:none;font-size:32px;cursor:pointer;padding:4px;transition:transform .2s}.word-card .display-phonetic .audio-btn[data-v-e31402f3]:active{transform:scale(1.2)}.word-card .audio-only[data-v-e31402f3]{margin-bottom:8px}.word-card .audio-only .audio-btn-large[data-v-e31402f3]{background:rgba(91,141,239,.1);border:2px solid rgba(91,141,239,.2);border-radius:24px;padding:10px 24px;font-size:16px;color:#5b8def;cursor:pointer;transition:all .2s}.word-card .audio-only .audio-btn-large[data-v-e31402f3]:active{background:rgba(91,141,239,.2)}.word-card .display-meaning[data-v-e31402f3]{margin-bottom:8px}.word-card .display-meaning p[data-v-e31402f3]{font-size:32px;color:#5d6d7e;margin:0;line-height:1.3;font-weight:600}.word-card .meaning-hidden[data-v-e31402f3],.word-card .word-hidden[data-v-e31402f3]{margin-bottom:8px}.word-card .meaning-hidden .reveal-btn[data-v-e31402f3],.word-card .word-hidden .reveal-btn[data-v-e31402f3]{background:none;border:2px dashed #ddd;border-radius:12px;padding:10px 20px;font-size:15px;color:#aaa;cursor:pointer;transition:all .2s}.word-card .meaning-hidden .reveal-btn[data-v-e31402f3]:active,.word-card .word-hidden .reveal-btn[data-v-e31402f3]:active{border-color:#5b8def;color:#5b8def}.word-card .display-tag[data-v-e31402f3]{margin-top:18px;display:inline-block;padding:3px 12px;background:#f0f0f0;border-radius:12px;font-size:12px;color:#999}.word-nav-dots[data-v-e31402f3]{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:4px 0}.word-nav-dots .nav-dot[data-v-e31402f3]{width:7px;height:7px;border-radius:50%;background:#ddd;cursor:pointer;transition:all .2s}.word-nav-dots .nav-dot.active[data-v-e31402f3]{background:#5B8DEF;width:18px;border-radius:4px}.player-controls[data-v-e31402f3]{display:flex;align-items:center;justify-content:center;gap:24px;padding:6px 0}.player-controls .ctrl-btn[data-v-e31402f3]{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:10px;color:#555;transition:all .2s}.player-controls .ctrl-btn[data-v-e31402f3]:active{transform:scale(.9)}.player-controls .ctrl-btn .ctrl-icon[data-v-e31402f3]{font-size:22px}.player-controls .ctrl-btn .ctrl-label[data-v-e31402f3]{font-size:12px}.player-controls .play-btn[data-v-e31402f3]{display:flex;flex-direction:column;align-items:center;gap:2px;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#5B8DEF,#764ba2);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 16px #5b8def4d;transition:all .2s;justify-content:center}.player-controls .play-btn[data-v-e31402f3]:active{transform:scale(.92)}.player-controls .play-btn.playing[data-v-e31402f3]{background:linear-gradient(135deg,#FF6B6B,#ee5a24);box-shadow:0 4px 16px #ff6b6b4d}.player-controls .play-btn .play-icon[data-v-e31402f3]{font-size:24px;line-height:1}.player-controls .play-btn .play-label[data-v-e31402f3]{font-size:10px}.fab-settings[data-v-e31402f3]{position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:white;border:2px solid #eee;box-shadow:0 2px 12px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.fab-settings .fab-icon[data-v-e31402f3]{font-size:22px}.fab-settings[data-v-e31402f3]:active{transform:scale(.9);box-shadow:0 4px 16px #00000026}.bottom-bar[data-v-e31402f3]{flex-shrink:0;padding-bottom:4px}.settings-overlay[data-v-e31402f3]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:200;display:flex;align-items:flex-end;justify-content:center}.settings-sheet[data-v-e31402f3]{width:100%;max-width:480px;background:white;border-radius:20px 20px 0 0;padding:20px 20px 28px;box-shadow:0 -4px 20px #0000001a}.settings-sheet .sheet-header[data-v-e31402f3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.settings-sheet .sheet-header .sheet-title[data-v-e31402f3]{font-size:17px;font-weight:600;color:#2c3e50}.settings-sheet .sheet-header .sheet-close[data-v-e31402f3]{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-sheet .sheet-header .sheet-close[data-v-e31402f3]:after{content:"\2715"}.settings-sheet .sheet-header .sheet-close[data-v-e31402f3]:active{background:#e0e0e0}.settings-sheet .setting-item[data-v-e31402f3]{margin-bottom:18px}.settings-sheet .setting-item[data-v-e31402f3]:last-child{margin-bottom:0}.settings-sheet .setting-item label[data-v-e31402f3]{display:block;font-size:14px;color:#555;font-weight:500;margin-bottom:10px}.settings-sheet .toggle-row[data-v-e31402f3]{display:flex;gap:10px}.settings-sheet .toggle-row .toggle-btn[data-v-e31402f3]{flex:1;padding:12px 10px;border:2px solid #eee;border-radius:12px;background:white;font-size:14px;color:#888;cursor:pointer;transition:all .2s}.settings-sheet .toggle-row .toggle-btn.active[data-v-e31402f3]{border-color:#5b8def;color:#5b8def;background:rgba(91,141,239,.06)}.settings-sheet .toggle-row .toggle-btn[data-v-e31402f3]:active{transform:scale(.97)}.settings-sheet .time-buttons[data-v-e31402f3],.settings-sheet .repeat-buttons[data-v-e31402f3],.settings-sheet .order-buttons[data-v-e31402f3]{display:flex;flex-wrap:wrap;gap:8px}.settings-sheet .time-btn[data-v-e31402f3],.settings-sheet .repeat-btn[data-v-e31402f3],.settings-sheet .order-btn[data-v-e31402f3]{padding:10px 18px;border:2px solid #eee;border-radius:10px;background:white;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.settings-sheet .time-btn.active[data-v-e31402f3],.settings-sheet .repeat-btn.active[data-v-e31402f3],.settings-sheet .order-btn.active[data-v-e31402f3]{border-color:#5b8def;color:#5b8def;background:rgba(91,141,239,.06)}.settings-sheet .time-btn[data-v-e31402f3]:active,.settings-sheet .repeat-btn[data-v-e31402f3]:active,.settings-sheet .order-btn[data-v-e31402f3]:active{transform:scale(.95)}.sheet-fade-enter-active[data-v-e31402f3],.sheet-fade-leave-active[data-v-e31402f3]{transition:opacity .25s ease}.sheet-fade-enter-active .settings-sheet[data-v-e31402f3],.sheet-fade-enter-active .user-menu-sheet[data-v-e31402f3],.sheet-fade-leave-active .settings-sheet[data-v-e31402f3],.sheet-fade-leave-active .user-menu-sheet[data-v-e31402f3]{transition:transform .25s ease}.sheet-fade-enter-from[data-v-e31402f3],.sheet-fade-leave-to[data-v-e31402f3]{opacity:0}.sheet-fade-enter-from .settings-sheet[data-v-e31402f3],.sheet-fade-enter-from .user-menu-sheet[data-v-e31402f3],.sheet-fade-leave-to .settings-sheet[data-v-e31402f3],.sheet-fade-leave-to .user-menu-sheet[data-v-e31402f3]{transform:translateY(100%)}.user-menu-overlay[data-v-e31402f3]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:200;display:flex;align-items:flex-end;justify-content:center}.user-menu-sheet[data-v-e31402f3]{width:100%;max-width:480px;background:white;border-radius:20px 20px 0 0;padding:20px 20px 28px;box-shadow:0 -4px 20px #0000001a}.user-menu-sheet .user-info-section[data-v-e31402f3]{margin-bottom:16px}.user-menu-sheet .user-info-section .user-info-row[data-v-e31402f3]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f8f9ff 0%,#f0f2ff 100%);border-radius:14px}.user-menu-sheet .user-info-section .user-info-row .user-info-avatar[data-v-e31402f3]{font-size:28px}.user-menu-sheet .user-info-section .user-info-row .user-info-text .user-info-name[data-v-e31402f3]{font-size:16px;font-weight:600;color:#2c3e50}.user-menu-sheet .user-info-section .user-info-row .user-info-text .user-info-phone[data-v-e31402f3]{font-size:13px;color:#888;margin-top:2px}.user-menu-sheet .switch-section[data-v-e31402f3]{margin-bottom:16px}.user-menu-sheet .switch-section .switch-label[data-v-e31402f3]{font-size:13px;color:#999;padding:4px 4px 10px;font-weight:500}.user-menu-sheet .switch-section .switch-item[data-v-e31402f3]{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:15px;color:#333;cursor:pointer;transition:all .2s}.user-menu-sheet .switch-section .switch-item .switch-icon[data-v-e31402f3]{font-size:18px}.user-menu-sheet .switch-section .switch-item[data-v-e31402f3]:active{background:rgba(16,185,129,.08)}.user-menu-sheet .menu-actions[data-v-e31402f3]{border-top:1px solid #f0f0f0;padding-top:12px}.user-menu-sheet .menu-actions .menu-action-item[data-v-e31402f3]{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:15px;color:#ff6b6b;cursor:pointer;transition:all .2s}.user-menu-sheet .menu-actions .menu-action-item .action-icon[data-v-e31402f3]{font-size:18px}.user-menu-sheet .menu-actions .menu-action-item[data-v-e31402f3]:active{background:rgba(255,107,107,.08)}.tag-popup-sheet[data-v-e31402f3]{max-height:60vh}.tag-popup-list[data-v-e31402f3]{padding:0 16px 16px;max-height:50vh;overflow-y:auto}.tag-popup-item[data-v-e31402f3]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin-bottom:8px;background:#f8f8f8;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.tag-popup-item[data-v-e31402f3]:active{transform:scale(.98)}.tag-popup-item.active[data-v-e31402f3]{background:#f0f0f0;border-color:#d0d0d0}.tag-popup-item.active .tag-popup-name[data-v-e31402f3]{color:#333;font-weight:600}.tag-popup-item.active .tag-popup-count[data-v-e31402f3]{background:#888;color:#fff}.tag-popup-name[data-v-e31402f3]{font-size:17px;color:#333}.tag-popup-count[data-v-e31402f3]{font-size:13px;color:#999;background:#eee;padding:3px 10px;border-radius:10px}.word-select-overlay[data-v-e31402f3]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:300;display:flex;align-items:flex-end;justify-content:center}.word-select-panel[data-v-e31402f3]{width:100%;max-width:480px;height:92vh;background:#fafafa;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-e31402f3 .3s ease}@keyframes slideUp-e31402f3{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ws-header[data-v-e31402f3]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:white;border-bottom:1px solid #eee;flex-shrink:0}.ws-header .ws-cancel[data-v-e31402f3]{background:none;border:none;font-size:16px;color:#888;cursor:pointer;padding:4px 8px}.ws-header .ws-title[data-v-e31402f3]{font-size:17px;font-weight:600;color:#2c3e50}.ws-header .ws-confirm[data-v-e31402f3]{background:#5B8DEF;border:none;border-radius:8px;padding:6px 16px;font-size:15px;color:#fff;font-weight:500;cursor:pointer}.ws-header .ws-confirm[data-v-e31402f3]:active{opacity:.8}.ws-actions[data-v-e31402f3]{display:flex;gap:12px;padding:12px 20px;background:white;border-bottom:1px solid #eee;flex-shrink:0}.ws-action-btn[data-v-e31402f3]{flex:1;padding:10px;background:#f0f0f0;border:none;border-radius:10px;font-size:15px;color:#555;cursor:pointer;transition:all .2s}.ws-action-btn[data-v-e31402f3]:active{background:#e0e0e0}.ws-list[data-v-e31402f3]{flex:1;overflow-y:auto;padding:8px 16px;-webkit-overflow-scrolling:touch}.ws-word-item[data-v-e31402f3]{display:flex;align-items:center;gap:14px;padding:16px 14px;margin-bottom:6px;background:white;border-radius:12px;cursor:pointer;transition:all .15s;border:2px solid transparent}.ws-word-item[data-v-e31402f3]:active{transform:scale(.98)}.ws-word-item.selected[data-v-e31402f3]{border-color:#d0d0d0;background:#f0f0f0}.ws-word-check[data-v-e31402f3]{flex-shrink:0}.ws-checkbox[data-v-e31402f3]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:2px solid #ccc;transition:all .15s}.ws-checkbox.checked[data-v-e31402f3]{background:#888;border-color:#888}.ws-checkbox .ws-check-icon[data-v-e31402f3]{color:#fff;font-size:16px;font-weight:700}.ws-word-info[data-v-e31402f3]{flex:1;display:flex;flex-direction:column;gap:4px}.ws-word-en[data-v-e31402f3]{font-size:32px;font-weight:600;color:#2c3e50;line-height:1.2}.ws-word-ph[data-v-e31402f3]{font-size:22px;color:#aaa;line-height:1.2;font-family:Lucida Sans Unicode,Arial Unicode MS,Noto Sans,DejaVu Sans,Segoe UI,sans-serif}.ws-word-cn[data-v-e31402f3]{font-size:22px;color:#888;line-height:1.3}@media (min-width: 768px){.mobile-word-player[data-v-e31402f3]{max-width:480px;margin:0 auto;box-shadow:0 0 40px #00000014;min-height:100vh}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#FDFCF8;color:#2c3e50;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.btn:active{transform:translateY(0)}.btn.btn-primary{background:#5B8DEF;color:#fff}.btn.btn-primary:hover{background:rgb(44.5333333333,108.7,234.4666666667)}.btn.btn-success{background:#6BCB77;color:#fff}.btn.btn-success:hover{background:rgb(69.26,189.74,84.32)}.btn.btn-danger{background:#E57373;color:#fff}.btn.btn-danger:hover{background:rgb(221.0120481928,71.9879518072,71.9879518072)}.btn.btn-secondary{background:#F5F1E8;color:#2c3e50;border:2px solid #E8E4DC}.btn.btn-secondary:hover{background:#E8E4DC}.btn.btn-info{background:#FFB347;color:#fff}.btn.btn-info:hover{background:rgb(255,157.9347826087,20)}.btn.btn-warning{background:#FFD93D;color:#333}.btn.btn-warning:hover{background:rgb(255,207.0103092784,10)}.card{background:#FFFFFF;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f}.input{width:100%;padding:16px;border:2px solid #E8E4DC;border-radius:12px;font-size:18px;transition:all .3s ease}.input:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}h1{font-size:48px;color:#2c3e50;margin-bottom:24px}h2{font-size:32px;color:#2c3e50;margin-bottom:16px}h3{font-size:24px;color:#2c3e50;margin-bottom:16px}.container{max-width:1200px;margin:0 auto;padding:32px}.navbar{background:#FFFFFF;padding:16px 32px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.navbar .nav-brand{font-size:32px;font-weight:700;color:#5b8def}.navbar .nav-links{display:flex;gap:24px}.navbar .nav-links a{color:#5d6d7e;text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease}.navbar .nav-links a:hover{background:#F5F1E8;color:#5b8def}.navbar .nav-links a.active,.navbar .nav-links a.router-link-active,.navbar .nav-links a.router-link-exact-active{background:#5B8DEF;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .5s ease}.slide-in{animation:slideIn .5s ease}