@charset "UTF-8";.app-navbar[data-v-6c44e160]{padding:0 30px;height:64px;position:relative;z-index:100}.app-navbar.navbar-home[data-v-6c44e160],.app-navbar.navbar-inner[data-v-6c44e160]{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-6c44e160]{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1400px;margin:0 auto}.app-navbar .nav-left[data-v-6c44e160]{display:flex;align-items:center;gap:40px}.app-navbar .nav-left .logo[data-v-6c44e160]{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-6c44e160],.navbar-inner .app-navbar .nav-left .logo[data-v-6c44e160]{color:#5b8def}.navbar-home .app-navbar .nav-left .logo[data-v-6c44e160]:hover,.navbar-inner .app-navbar .nav-left .logo[data-v-6c44e160]:hover{color:#4a7bd6;transform:scale(1.02)}.app-navbar .nav-left .logo .logo-icon[data-v-6c44e160]{font-size:26px;filter:drop-shadow(0 2px 3px rgba(91,141,239,.3))}.app-navbar .nav-left .logo .logo-text[data-v-6c44e160]{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-6c44e160]{display:flex;gap:6px}.app-navbar .nav-left .nav-links a[data-v-6c44e160]{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-6c44e160]:hover{color:#3b82f6!important;background:rgba(59,130,246,.08)!important;transform:translateY(-1px)}.app-navbar .nav-left .nav-links a.active[data-v-6c44e160]{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-6c44e160]{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-6c44e160]: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-6c44e160]{font-size:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.app-navbar .nav-right .user-menu .user-name[data-v-6c44e160]{font-size:14px;font-weight:600;color:#2c3e50}.app-navbar .nav-right .user-menu .dropdown-icon[data-v-6c44e160]{font-size:10px;opacity:.6;transition:transform .3s;color:#5b8def}.app-navbar .nav-right .user-menu .menu-dropdown[data-v-6c44e160]{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-6c44e160 .2s ease;border:1px solid rgba(91,141,239,.1)}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-header[data-v-6c44e160]{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-6c44e160]{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-6c44e160]{font-size:13px;color:#5d6d7e}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-divider[data-v-6c44e160]{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-6c44e160]{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-6c44e160]{font-size:16px}.app-navbar .nav-right .user-menu .menu-dropdown .dropdown-item[data-v-6c44e160]: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-6c44e160]{padding:8px 0}.app-navbar .nav-right .user-menu .menu-dropdown .switch-section .switch-label[data-v-6c44e160]{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-6c44e160]{cursor:pointer}.app-navbar .nav-right .user-menu .menu-dropdown .switch-section .switch-item[data-v-6c44e160]:hover{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(5,150,105,.05) 100%);color:#059669}@keyframes dropdownFade-6c44e160{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-container[data-v-9c612ab2]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast[data-v-9c612ab2]{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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success[data-v-9c612ab2]{background:rgba(107,203,119,.95);color:#fff}.toast-error[data-v-9c612ab2]{background:rgba(255,107,107,.95);color:#fff}.toast-warning[data-v-9c612ab2]{background:rgba(255,193,7,.95);color:#333}.toast-icon[data-v-9c612ab2]{font-size:18px;font-weight:700}.toast-fade-enter-active[data-v-9c612ab2],.toast-fade-leave-active[data-v-9c612ab2]{transition:all .3s ease}.toast-fade-enter-from[data-v-9c612ab2],.toast-fade-leave-to[data-v-9c612ab2]{opacity:0;transform:translate(100px)}.main-layout[data-v-6137eaba]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-6137eaba]{flex:1;padding:20px;background:#f5f5f5}.home-view[data-v-24620024]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.hero-section[data-v-24620024]{text-align:center;padding:0 20px}.hero-section h1[data-v-24620024]{font-size:48px;margin-bottom:16px;color:#2c3e50}.hero-section .subtitle[data-v-24620024]{font-size:24px;color:#5d6d7e;margin-bottom:48px}.features[data-v-24620024]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.feature-card-link[data-v-24620024]{text-decoration:none;color:inherit;display:block}.feature-card-link:hover .feature-card[data-v-24620024]{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-card[data-v-24620024]{text-align:center;padding:6px 30px 40px}.feature-card .feature-icon[data-v-24620024]{font-size:64px;margin-bottom:20px}.feature-card h3[data-v-24620024]{font-size:28px;margin-bottom:16px;color:#2c3e50}.feature-card p[data-v-24620024]{font-size:18px;color:#5d6d7e;margin-bottom:20px;line-height:1.6}.feature-card .stats-display[data-v-24620024]{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-24620024]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #5b8def1f;border-color:#5b8def33}.feature-card .stats-display .stat-item[data-v-24620024]{display:flex;align-items:center;justify-content:center;gap:6px}.feature-card .stats-display .stat-item.stat-wrong .stat-value[data-v-24620024]{color:#ff6b6b}.feature-card .stats-display .stat-item .stat-value[data-v-24620024]{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-24620024]{font-size:14px;color:#5d6d7e;font-weight:500;line-height:1;transform:translateY(2px)}.feature-card .btn[data-v-24620024]{font-size:18px;padding:14px 32px}.login-container[data-v-6394af8a]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-box[data-v-6394af8a]{background:white;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1[data-v-6394af8a]{text-align:center;color:#333;margin-bottom:10px;font-size:28px}.login-box .subtitle[data-v-6394af8a]{text-align:center;color:#666;margin-bottom:30px;font-size:14px}.login-form .form-group[data-v-6394af8a]{margin-bottom:20px}.login-form .form-group label[data-v-6394af8a]{display:block;margin-bottom:8px;color:#333;font-weight:500}.login-form .form-group input[data-v-6394af8a]{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-6394af8a]:focus{outline:none;border-color:#667eea}.login-form .login-btn[data-v-6394af8a]{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-6394af8a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-form .login-btn[data-v-6394af8a]:disabled{opacity:.6;cursor:not-allowed}.login-form .hint[data-v-6394af8a]{text-align:center;color:#999;font-size:12px;margin-top:15px}.message-box[data-v-6394af8a]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown-6394af8a .3s ease}.message-box .message-icon[data-v-6394af8a]{font-size:18px;font-weight:700}.message-box.success[data-v-6394af8a]{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-6394af8a]{color:#10b981}.message-box.error[data-v-6394af8a]{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-6394af8a]{color:#ef4444}.message-fade-enter-active[data-v-6394af8a],.message-fade-leave-active[data-v-6394af8a]{transition:all .3s ease}.message-fade-enter-from[data-v-6394af8a],.message-fade-leave-to[data-v-6394af8a]{opacity:0;transform:translateY(-10px)}@keyframes slideDown-6394af8a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-container[data-v-9ffa3ab4]{max-width:800px;margin:0 auto;background:white;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.profile-container h2[data-v-9ffa3ab4]{margin-bottom:30px;color:#333}.profile-form .form-section[data-v-9ffa3ab4]{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}.profile-form .form-section[data-v-9ffa3ab4]:last-child{border-bottom:none}.profile-form .form-section h3[data-v-9ffa3ab4]{margin-bottom:12px;color:#333;font-size:20px}.profile-form .form-section .section-desc[data-v-9ffa3ab4]{margin:0 0 20px;color:#888;font-size:13px}.profile-form .form-group[data-v-9ffa3ab4]{margin-bottom:20px}.profile-form .form-group label[data-v-9ffa3ab4]{display:block;margin-bottom:8px;color:#333;font-weight:500}.profile-form .form-group .hint[data-v-9ffa3ab4]{margin-top:6px;font-size:12px;color:#999}.profile-form .form-group input[data-v-9ffa3ab4],.profile-form .form-group select[data-v-9ffa3ab4]{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-9ffa3ab4]:disabled,.profile-form .form-group select[data-v-9ffa3ab4]:disabled{background:#f5f5f5;cursor:not-allowed}.profile-form .form-group .grade-grid[data-v-9ffa3ab4]{display:flex;flex-wrap:wrap;gap:10px}.profile-form .form-group .grade-grid .grade-chip[data-v-9ffa3ab4]{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-9ffa3ab4]:hover{border-color:#667eea;color:#667eea}.profile-form .form-group .grade-grid .grade-chip.active[data-v-9ffa3ab4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:#fff}.profile-form .form-group .toggle-row[data-v-9ffa3ab4]{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-9ffa3ab4]{flex:1;color:#555;font-size:14px;line-height:1.5}.profile-form .form-group .toggle-row .toggle-switch[data-v-9ffa3ab4]{position:relative;width:50px;height:28px;flex-shrink:0}.profile-form .form-group .toggle-row .toggle-switch input[type=checkbox][data-v-9ffa3ab4]{opacity:0;width:0;height:0}.profile-form .form-group .toggle-row .toggle-switch .slider[data-v-9ffa3ab4]{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-9ffa3ab4]: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-9ffa3ab4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.profile-form .form-group .toggle-row .toggle-switch input:checked+.slider[data-v-9ffa3ab4]:before{transform:translate(22px)}.profile-form .form-group .cancel-rate-setting .cancel-desc[data-v-9ffa3ab4]{display:block;color:#555;font-size:14px;margin-bottom:12px}.profile-form .form-group .cancel-rate-setting .cancel-rate-selector[data-v-9ffa3ab4]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.profile-form .form-group .cancel-rate-setting .cancel-rate-selector .rate-chip[data-v-9ffa3ab4]{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-9ffa3ab4]:hover{border-color:#667eea;color:#667eea}.profile-form .form-group .cancel-rate-setting .cancel-rate-selector .rate-chip.active[data-v-9ffa3ab4]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:#fff}.profile-form .form-group .cancel-rate-setting .cancel-hint[data-v-9ffa3ab4]{display:block;color:#999;font-size:12px}.profile-form .form-group .typing-mode-setting .mode-desc[data-v-9ffa3ab4]{display:block;color:#555;font-size:14px;margin-bottom:12px}.profile-form .form-group .typing-mode-setting .mode-selector[data-v-9ffa3ab4]{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-9ffa3ab4]{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-9ffa3ab4]: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-9ffa3ab4]{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-9ffa3ab4]{color:#667eea}.profile-form .form-group .typing-mode-setting .mode-selector .mode-option .mode-title[data-v-9ffa3ab4]{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-9ffa3ab4]{font-size:13px;color:#666;line-height:1.8}.profile-form .form-group .typing-mode-setting .mode-hint[data-v-9ffa3ab4]{display:block;color:#999;font-size:12px}.profile-form .btn-primary[data-v-9ffa3ab4]{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-9ffa3ab4]: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-4e83eef1]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.page-header[data-v-4e83eef1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1[data-v-4e83eef1]{margin:0;font-size:24px}.page-header .header-actions[data-v-4e83eef1]{display:flex;gap:12px;align-items:center}.loading[data-v-4e83eef1],.empty-state[data-v-4e83eef1]{text-align:center;padding:60px;font-size:20px;color:#5d6d7e}.word-book-list[data-v-4e83eef1]{display:grid;gap:24px}.word-book-card[data-v-4e83eef1]{display:flex;justify-content:flex-start;align-items:center;padding:30px;position:relative;gap:30px}.word-book-card .book-checkbox[data-v-4e83eef1]{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.word-book-card .book-checkbox input[type=checkbox][data-v-4e83eef1]{width:20px;height:20px;cursor:pointer;accent-color:#5B8DEF}.word-book-card .book-checkbox label[data-v-4e83eef1]{cursor:pointer}.word-book-card .book-info[data-v-4e83eef1]{flex:0 0 350px;padding-left:40px}.word-book-card .book-info h3[data-v-4e83eef1]{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-4e83eef1]{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-4e83eef1]{background:#E3F2FD;color:#1976d2}.word-book-card .book-info h3 .type-badge.private[data-v-4e83eef1]{background:#FFF3E0;color:#f57c00}.word-book-card .book-info p[data-v-4e83eef1]{font-size:16px;color:#5d6d7e;margin-bottom:12px}.word-book-card .book-info .book-stats[data-v-4e83eef1]{display:flex;gap:20px}.word-book-card .book-info .book-stats .stat[data-v-4e83eef1]{font-size:16px;color:#5d6d7e}.word-book-card .book-info .book-stats .stat.stat-wrong[data-v-4e83eef1]{color:#ff6b6b}.word-book-card .book-actions[data-v-4e83eef1]{display:flex;gap:12px;justify-content:flex-start}.word-book-card .book-actions .btn[data-v-4e83eef1],.word-book-card .book-actions a.btn[data-v-4e83eef1]{font-size:16px;padding:12px 20px;text-decoration:none}.word-book-card .book-actions .btn[data-v-4e83eef1]:hover,.word-book-card .book-actions a.btn[data-v-4e83eef1]:hover{text-decoration:none}.modal-overlay[data-v-4e83eef1]{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-4e83eef1]{width:90%;max-width:500px;padding:40px}.modal h2[data-v-4e83eef1]{margin-bottom:24px;text-align:center}.modal .form-group[data-v-4e83eef1]{margin-bottom:20px}.modal .form-group label[data-v-4e83eef1]{display:block;font-size:16px;margin-bottom:8px;color:#2c3e50;font-weight:500}.modal .form-group .radio-group[data-v-4e83eef1]{display:flex;gap:24px;margin-top:8px}.modal .form-group .radio-group .radio-label[data-v-4e83eef1]{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-4e83eef1]{width:18px;height:18px;cursor:pointer;accent-color:#5B8DEF}.modal .form-group .tags-editor .current-tags[data-v-4e83eef1]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:36px}.modal .form-group .tags-editor .current-tags .tag-item[data-v-4e83eef1]{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-4e83eef1]{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-4e83eef1]:hover{background:rgba(255,255,255,.3)}.modal .form-group .tags-editor .current-tags .tag-item[data-v-4e83eef1]:hover{transform:translateY(-2px);box-shadow:0 2px 8px #5b8def4d}.modal .form-group .tags-editor .add-tag[data-v-4e83eef1]{display:flex;gap:8px}.modal .form-group .tags-editor .add-tag .input-small[data-v-4e83eef1]{flex:1;padding:8px 12px;font-size:14px}.modal .form-group .tags-editor .add-tag .btn-small[data-v-4e83eef1]{padding:8px 16px;font-size:14px;white-space:nowrap}.modal .form-group .tags-editor .help-text[data-v-4e83eef1]{display:block;margin-top:8px;color:#7f8c8d;font-size:12px}.modal .modal-actions[data-v-4e83eef1]{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}[data-v-50776fea]{margin:0;padding:0;box-sizing:border-box}body[data-v-50776fea]{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-50776fea]{min-height:100vh}.btn[data-v-50776fea]{padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-50776fea]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.btn[data-v-50776fea]:active{transform:translateY(0)}.btn.btn-primary[data-v-50776fea]{background:#5B8DEF;color:#fff}.btn.btn-primary[data-v-50776fea]:hover{background:#2d6dea}.btn.btn-success[data-v-50776fea]{background:#6BCB77;color:#fff}.btn.btn-success[data-v-50776fea]:hover{background:#45be54}.btn.btn-danger[data-v-50776fea]{background:#E57373;color:#fff}.btn.btn-danger[data-v-50776fea]:hover{background:#dd4848}.btn.btn-secondary[data-v-50776fea]{background:#F5F1E8;color:#2c3e50;border:2px solid #E8E4DC}.btn.btn-secondary[data-v-50776fea]:hover{background:#E8E4DC}.btn.btn-info[data-v-50776fea]{background:#FFB347;color:#fff}.btn.btn-info[data-v-50776fea]:hover{background:#ff9e14}.btn.btn-warning[data-v-50776fea]{background:#FFD93D;color:#333}.btn.btn-warning[data-v-50776fea]:hover{background:#ffcf0a}.card[data-v-50776fea]{background:#FFFFFF;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card[data-v-50776fea]:hover{box-shadow:0 4px 16px #0000001f}.input[data-v-50776fea]{width:100%;padding:16px;border:2px solid #E8E4DC;border-radius:12px;font-size:18px;transition:all .3s ease}.input[data-v-50776fea]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}h1[data-v-50776fea]{font-size:48px;color:#2c3e50;margin-bottom:24px}h2[data-v-50776fea]{font-size:32px;color:#2c3e50;margin-bottom:16px}h3[data-v-50776fea]{font-size:24px;color:#2c3e50;margin-bottom:16px}.container[data-v-50776fea]{max-width:1200px;margin:0 auto;padding:32px}.navbar[data-v-50776fea]{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-50776fea]{font-size:32px;font-weight:700;color:#5b8def}.navbar .nav-links[data-v-50776fea]{display:flex;gap:24px}.navbar .nav-links a[data-v-50776fea]{color:#5d6d7e;text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease}.navbar .nav-links a[data-v-50776fea]:hover{background:#F5F1E8;color:#5b8def}.navbar .nav-links a.active[data-v-50776fea],.navbar .nav-links a.router-link-active[data-v-50776fea],.navbar .nav-links a.router-link-exact-active[data-v-50776fea]{background:#5B8DEF;color:#fff}@keyframes fadeIn-50776fea{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-50776fea{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in[data-v-50776fea]{animation:fadeIn-50776fea .5s ease}.slide-in[data-v-50776fea]{animation:slideIn-50776fea .5s ease}.word-import-view[data-v-50776fea]{min-height:100vh;background:#FDFCF8}.import-form[data-v-50776fea]{max-width:800px;margin:2rem auto}.import-form h2[data-v-50776fea]{text-align:center;margin-bottom:2rem;font-size:32px}.import-container .form-group[data-v-50776fea]{margin-bottom:1.5rem}.import-container .form-group label[data-v-50776fea]{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.import-container .form-group .input[data-v-50776fea]{width:100%;font-size:16px}.import-container .form-group .textarea[data-v-50776fea]{resize:vertical;min-height:200px;font-family:inherit}.import-container .form-group .help-text[data-v-50776fea]{display:block;margin-top:.5rem;color:#5d6d7e;font-size:14px}.import-container .form-group .required[data-v-50776fea]{color:#f56c6c;margin-left:2px}.import-container .form-group .tag-buttons-container[data-v-50776fea]{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.import-container .form-group .tag-buttons-container .tag-btn[data-v-50776fea]{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-50776fea]:hover{border-color:#5b8def;color:#5b8def}.import-container .form-group .tag-buttons-container .tag-btn.active[data-v-50776fea]{background:#5B8DEF;border-color:#5b8def;color:#fff}.import-container .checkbox-group[data-v-50776fea]{display:flex;align-items:center}.import-container .checkbox-group .checkbox-label[data-v-50776fea]{display:flex;align-items:center;cursor:pointer;font-size:16px}.import-container .checkbox-group .checkbox-label input[type=checkbox][data-v-50776fea]{display:none}.import-container .checkbox-group .checkbox-label .checkmark[data-v-50776fea]{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-50776fea]:after{content:"✓";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-50776fea]{background:#5B8DEF;border-color:#5b8def}.import-container .checkbox-group .checkbox-label input[type=checkbox]:checked+.checkmark[data-v-50776fea]:after{transform:translate(-50%,-50%) scale(1)}.import-container .btn-large[data-v-50776fea]{width:100%;padding:1rem;font-size:18px;font-weight:600}.import-container .btn-large .icon[data-v-50776fea],.import-container .btn-large .loading-icon[data-v-50776fea]{margin-right:8px}.result-section[data-v-50776fea]{max-width:800px;margin:2rem auto;text-align:center}.result-section h3[data-v-50776fea]{margin-bottom:1.5rem;font-size:28px}.result-section .result-stats[data-v-50776fea]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.result-section .result-stats .stat-item[data-v-50776fea]{padding:1.5rem;border-radius:16px;background:#F5F1E8}.result-section .result-stats .stat-item .stat-number[data-v-50776fea]{font-size:36px;font-weight:700;margin-bottom:.5rem}.result-section .result-stats .stat-item .stat-number.success[data-v-50776fea]{color:#6bcb77}.result-section .result-stats .stat-item .stat-number.error[data-v-50776fea]{color:#e57373}.result-section .result-stats .stat-item .stat-label[data-v-50776fea]{font-size:16px;color:#5d6d7e}.result-section .failed-list[data-v-50776fea]{text-align:left;margin-bottom:2rem}.result-section .failed-list h4[data-v-50776fea]{margin-bottom:1rem;color:#e57373}.result-section .failed-list ul[data-v-50776fea]{list-style:none;padding:0}.result-section .failed-list .failed-word[data-v-50776fea]{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-50776fea]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.result-section .result-actions .btn[data-v-50776fea]{min-width:150px}.modal-overlay[data-v-50776fea]{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-50776fea]{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-50776fea]{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-50776fea]{margin:0;font-size:1.5rem;color:#2c3e50}.modal-overlay .progress-modal .modal-header .close-btn[data-v-50776fea]{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-50776fea]:hover{background:#F5F1E8;color:#2c3e50}.modal-overlay .progress-modal .progress-summary[data-v-50776fea]{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-50776fea]{text-align:center;padding:.5rem 1rem;border-radius:12px}.modal-overlay .progress-modal .progress-summary .summary-item .label[data-v-50776fea]{display:block;font-size:.8rem;color:#5d6d7e;margin-bottom:.2rem}.modal-overlay .progress-modal .progress-summary .summary-item .value[data-v-50776fea]{display:block;font-size:1.2rem;font-weight:700}.modal-overlay .progress-modal .progress-summary .summary-item .value.success[data-v-50776fea]{color:#6bcb77}.modal-overlay .progress-modal .progress-summary .summary-item .value.error[data-v-50776fea]{color:#e57373}.modal-overlay .progress-modal .progress-summary .summary-item .value.pending[data-v-50776fea]{color:#ffd93d}.modal-overlay .progress-modal .progress-summary .summary-item.success .value[data-v-50776fea]{color:#6bcb77}.modal-overlay .progress-modal .progress-summary .summary-item.error .value[data-v-50776fea]{color:#e57373}.modal-overlay .progress-modal .progress-summary .summary-item.pending .value[data-v-50776fea]{color:#ffd93d}.modal-overlay .progress-modal .progress-summary .summary-item.warning .value[data-v-50776fea]{color:#ffb347}.modal-overlay .progress-modal .progress-list[data-v-50776fea]{max-height:400px;overflow-y:auto;padding:1rem}.modal-overlay .progress-modal .progress-list .progress-item[data-v-50776fea]{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-50776fea]:last-child{border-bottom:none}.modal-overlay .progress-modal .progress-list .progress-item.pending[data-v-50776fea]{background:rgba(255,217,61,.05)}.modal-overlay .progress-modal .progress-list .progress-item.processing[data-v-50776fea]{background:rgba(91,141,239,.1)}.modal-overlay .progress-modal .progress-list .progress-item.success[data-v-50776fea]{background:rgba(107,203,119,.05)}.modal-overlay .progress-modal .progress-list .progress-item.skipped[data-v-50776fea]{background:rgba(255,179,71,.05)}.modal-overlay .progress-modal .progress-list .progress-item.error[data-v-50776fea]{background:rgba(229,115,115,.05)}.modal-overlay .progress-modal .progress-list .progress-item .item-index[data-v-50776fea]{width:30px;font-size:.9rem;color:#5d6d7e;margin-right:1rem}.modal-overlay .progress-modal .progress-list .progress-item .item-word[data-v-50776fea]{flex:1;font-weight:500;color:#2c3e50}.modal-overlay .progress-modal .progress-list .progress-item .item-status[data-v-50776fea]{width:30px;text-align:center;margin-right:1rem}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon[data-v-50776fea]{font-size:1.2rem}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.pending[data-v-50776fea]{color:#ffd93d}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.processing[data-v-50776fea]{color:#5b8def}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.success[data-v-50776fea]{color:#6bcb77}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.skipped[data-v-50776fea]{color:#ffb347}.modal-overlay .progress-modal .progress-list .progress-item .item-status .status-icon.error[data-v-50776fea]{color:#e57373}.modal-overlay .progress-modal .progress-list .progress-item .item-message[data-v-50776fea]{font-size:.8rem;color:#5d6d7e;margin-left:1rem;flex:1}.modal-overlay .progress-modal .progress-list .progress-item .item-message.error[data-v-50776fea]{color:#e57373}.modal-overlay .progress-modal .modal-footer[data-v-50776fea]{padding:1rem 1.5rem;border-top:1px solid #E8E4DC;text-align:right}.modal-overlay .progress-modal .modal-footer .btn[data-v-50776fea]{min-width:80px}@media (max-width: 768px){.result-stats[data-v-50776fea]{grid-template-columns:1fr!important}.result-actions[data-v-50776fea]{flex-direction:column}.result-actions .btn[data-v-50776fea]{width:100%}.modal-overlay .progress-modal[data-v-50776fea]{width:95%;max-height:90vh}.modal-overlay .progress-modal .progress-summary[data-v-50776fea]{flex-direction:column;gap:.5rem}.modal-overlay .progress-modal .progress-summary .summary-item[data-v-50776fea]{display:flex;justify-content:space-between}.modal-overlay .progress-modal .progress-list .progress-item[data-v-50776fea]{flex-wrap:wrap}.modal-overlay .progress-modal .progress-list .progress-item .item-word[data-v-50776fea]{order:1;width:100%;margin:.5rem 0}.modal-overlay .progress-modal .progress-list .progress-item .item-message[data-v-50776fea]{order:2;width:100%;margin-top:.2rem}}[data-v-5f4887b2]{margin:0;padding:0;box-sizing:border-box}body[data-v-5f4887b2]{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-5f4887b2]{min-height:100vh}.btn[data-v-5f4887b2]{padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-5f4887b2]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.btn[data-v-5f4887b2]:active{transform:translateY(0)}.btn.btn-primary[data-v-5f4887b2]{background:#5B8DEF;color:#fff}.btn.btn-primary[data-v-5f4887b2]:hover{background:#2d6dea}.btn.btn-success[data-v-5f4887b2]{background:#6BCB77;color:#fff}.btn.btn-success[data-v-5f4887b2]:hover{background:#45be54}.btn.btn-danger[data-v-5f4887b2]{background:#E57373;color:#fff}.btn.btn-danger[data-v-5f4887b2]:hover{background:#dd4848}.btn.btn-secondary[data-v-5f4887b2]{background:#F5F1E8;color:#2c3e50;border:2px solid #E8E4DC}.btn.btn-secondary[data-v-5f4887b2]:hover{background:#E8E4DC}.btn.btn-info[data-v-5f4887b2]{background:#FFB347;color:#fff}.btn.btn-info[data-v-5f4887b2]:hover{background:#ff9e14}.btn.btn-warning[data-v-5f4887b2]{background:#FFD93D;color:#333}.btn.btn-warning[data-v-5f4887b2]:hover{background:#ffcf0a}.card[data-v-5f4887b2]{background:#FFFFFF;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card[data-v-5f4887b2]:hover{box-shadow:0 4px 16px #0000001f}.input[data-v-5f4887b2]{width:100%;padding:16px;border:2px solid #E8E4DC;border-radius:12px;font-size:18px;transition:all .3s ease}.input[data-v-5f4887b2]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}h1[data-v-5f4887b2]{font-size:48px;color:#2c3e50;margin-bottom:24px}h2[data-v-5f4887b2]{font-size:32px;color:#2c3e50;margin-bottom:16px}h3[data-v-5f4887b2]{font-size:24px;color:#2c3e50;margin-bottom:16px}.container[data-v-5f4887b2]{max-width:1200px;margin:0 auto;padding:32px}.navbar[data-v-5f4887b2]{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-5f4887b2]{font-size:32px;font-weight:700;color:#5b8def}.navbar .nav-links[data-v-5f4887b2]{display:flex;gap:24px}.navbar .nav-links a[data-v-5f4887b2]{color:#5d6d7e;text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease}.navbar .nav-links a[data-v-5f4887b2]:hover{background:#F5F1E8;color:#5b8def}.navbar .nav-links a.active[data-v-5f4887b2],.navbar .nav-links a.router-link-active[data-v-5f4887b2],.navbar .nav-links a.router-link-exact-active[data-v-5f4887b2]{background:#5B8DEF;color:#fff}@keyframes fadeIn-5f4887b2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-5f4887b2{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in[data-v-5f4887b2]{animation:fadeIn-5f4887b2 .5s ease}.slide-in[data-v-5f4887b2]{animation:slideIn-5f4887b2 .5s ease}.word-list-view[data-v-5f4887b2]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 0}.container[data-v-5f4887b2]{max-width:1400px;margin:0 auto;padding:0 2rem}.header[data-v-5f4887b2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1[data-v-5f4887b2]{color:#fff;font-size:2rem;margin:0}.header .actions[data-v-5f4887b2]{display:flex;gap:1rem}.stats-bar[data-v-5f4887b2]{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-5f4887b2]{display:flex;flex-direction:column;align-items:center}.stats-bar .stat-item.tip[data-v-5f4887b2]{flex:1;align-items:flex-start;color:#666;font-size:.9rem}.stats-bar .stat-item .stat-label[data-v-5f4887b2]{font-size:.9rem;color:#666;margin-bottom:.3rem}.stats-bar .stat-item .stat-value[data-v-5f4887b2]{font-size:1.5rem;font-weight:700;color:#333}.stats-bar .stat-item .stat-value.highlight[data-v-5f4887b2]{color:#5b8def}.stats-bar .stat-item .stat-value.warning[data-v-5f4887b2]{color:#ffd93d}.select-all-bar[data-v-5f4887b2]{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-5f4887b2]{flex-shrink:0}.select-all-bar .bar-left .checkbox-label[data-v-5f4887b2]{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-5f4887b2]{width:18px;height:18px;cursor:pointer}.select-all-bar .bar-right[data-v-5f4887b2]{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.select-all-bar .bar-right .tag-filter-label[data-v-5f4887b2]{font-size:.95rem;color:#666;white-space:nowrap}.select-all-bar .bar-right .tag-buttons[data-v-5f4887b2]{display:flex;gap:.5rem;flex-wrap:wrap}.select-all-bar .bar-right .tag-buttons .tag-btn[data-v-5f4887b2]{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-5f4887b2]:hover{border-color:#5b8def;color:#5b8def}.select-all-bar .bar-right .tag-buttons .tag-btn.active[data-v-5f4887b2]{background:#5B8DEF;border-color:#5b8def;color:#fff}.table-container[data-v-5f4887b2]{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.word-table[data-v-5f4887b2]{width:100%;border-collapse:collapse}.word-table thead[data-v-5f4887b2]{background:#f5f5f5}.word-table thead th[data-v-5f4887b2]{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.word-table tbody tr[data-v-5f4887b2]{transition:background .2s}.word-table tbody tr[data-v-5f4887b2]:hover{background:#f9f9f9}.word-table tbody tr td[data-v-5f4887b2]{padding:.8rem 1rem;border-bottom:1px solid #e0e0e0}.word-table tbody tr td[data-v-5f4887b2]:first-child{text-align:center}.word-table tbody tr td:first-child input[type=checkbox][data-v-5f4887b2]{width:18px;height:18px;cursor:pointer}.word-table tbody tr td[data-v-5f4887b2]:last-child{text-align:left}.word-table tbody tr td.english-word input[data-v-5f4887b2]{font-weight:900;color:#333;font-size:1.1rem}.word-table tbody tr td input[data-v-5f4887b2]{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-5f4887b2]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 2px #5b8def33}.word-table tbody tr td input.changed[data-v-5f4887b2]{border-color:#faad14;background:#fffbe6}.word-table tbody tr td input[data-v-5f4887b2]::placeholder{color:#bbb}.btn-icon[data-v-5f4887b2]{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.3rem;border-radius:4px;transition:all .2s}.btn-icon[data-v-5f4887b2]:hover{background:#f0f0f0;transform:scale(1.1)}.empty-state[data-v-5f4887b2]{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a}.empty-state p[data-v-5f4887b2]{font-size:1.2rem;color:#666;margin-bottom:2rem}.btn[data-v-5f4887b2]{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}.btn.primary[data-v-5f4887b2]{background:#5B8DEF;color:#fff}.btn.primary[data-v-5f4887b2]:hover:not(:disabled){background:#2d6dea;transform:translateY(-2px);box-shadow:0 4px 12px #5b8def4d}.btn.primary[data-v-5f4887b2]:disabled{opacity:.6;cursor:not-allowed}.btn.secondary[data-v-5f4887b2]{background:white;color:#333}.btn.secondary[data-v-5f4887b2]:hover{background:#f5f5f5}.practice-view[data-v-3bb3f302]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.practice-container[data-v-3bb3f302]{max-width:900px;margin:0 auto;padding:40px 20px}.stats-bar[data-v-3bb3f302]{display:flex;justify-content:space-around;align-items:center;padding:24px;margin-bottom:32px;font-size:20px}.stats-bar .stat-item[data-v-3bb3f302]{text-align:center}.stats-bar .stat-item .stat-label[data-v-3bb3f302]{margin-right:8px;color:#5d6d7e}.stats-bar .stat-item .stat-label.correct[data-v-3bb3f302]{color:#6bcb77}.stats-bar .stat-item .stat-label.wrong[data-v-3bb3f302]{color:#ff6b6b}.stats-bar .stat-item .stat-label.speed[data-v-3bb3f302]{color:#5b8def}.stats-bar .stat-item .stat-value[data-v-3bb3f302]{font-weight:700;font-size:28px;color:#2c3e50}.stats-bar .stat-item .stat-value.correct[data-v-3bb3f302]{color:#6bcb77}.stats-bar .stat-item .stat-value.wrong[data-v-3bb3f302]{color:#ff6b6b}.stats-bar .stat-item .stat-value.speed[data-v-3bb3f302]{color:#5b8def;font-size:20px}.practice-area[data-v-3bb3f302]{padding:60px 40px;text-align:center}.loading-card[data-v-3bb3f302]{padding:120px 40px;text-align:center}.loading-card .loading-content .loading-spinner[data-v-3bb3f302]{font-size:64px;margin-bottom:24px;animation:spin-3bb3f302 2s linear infinite}.loading-card .loading-content p[data-v-3bb3f302]{font-size:24px;color:#5d6d7e}@keyframes spin-3bb3f302{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-display[data-v-3bb3f302]{margin-bottom:48px}.word-display .chinese-meaning h2[data-v-3bb3f302]{font-size:48px;color:#2c3e50;margin-bottom:24px}.word-display .phonetic-display[data-v-3bb3f302]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.word-display .phonetic-display .phonetic-item[data-v-3bb3f302]{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-3bb3f302]:hover{background:#E8E4DC;transform:scale(1.05)}.letter-inputs[data-v-3bb3f302]{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.letter-inputs .letter-box[data-v-3bb3f302]{width:60px;height:80px}.letter-inputs .letter-box input[data-v-3bb3f302]{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-3bb3f302]::placeholder{color:#5b8def;opacity:.6;font-weight:700}.letter-inputs .letter-box input[data-v-3bb3f302]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 4px #5b8def33}.letter-inputs .letter-box input.input-correct[data-v-3bb3f302]{border-color:#7fb069;background:rgba(127,176,105,.08);color:#7fb069}.letter-inputs .letter-box input.input-wrong[data-v-3bb3f302]{border-color:#ff6b6b;background:rgba(255,107,107,.1);color:#ff6b6b}.controls[data-v-3bb3f302]{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.controls .btn[data-v-3bb3f302]{font-size:18px;padding:14px 28px}.result-feedback[data-v-3bb3f302]{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-3bb3f302]{font-size:18px;font-weight:700}.result-feedback.success[data-v-3bb3f302]{background:rgba(127,176,105,.1);border:2px solid #7FB069}.result-feedback.success .result-message[data-v-3bb3f302]{color:#7fb069}.result-feedback.error[data-v-3bb3f302]{background:rgba(255,107,107,.15);border:2px solid #FF6B6B}.result-feedback.error .result-message[data-v-3bb3f302]{color:#ff6b6b}.result-feedback .btn-next[data-v-3bb3f302]{font-size:14px;padding:6px 16px;white-space:nowrap}.completion-card[data-v-3bb3f302]{text-align:center;padding:60px 40px}.completion-card h2[data-v-3bb3f302]{font-size:48px;margin-bottom:40px;color:#2c3e50}.completion-card .final-stats[data-v-3bb3f302]{font-size:24px;margin-bottom:40px}.completion-card .final-stats p[data-v-3bb3f302]{margin:16px 0}.completion-card .final-stats p.correct-text[data-v-3bb3f302]{color:#7fb069;font-weight:700}.completion-card .final-stats p.wrong-text[data-v-3bb3f302]{color:#ff6b6b;font-weight:700}.completion-card .final-stats p.accuracy[data-v-3bb3f302]{font-size:32px;color:#5b8def;font-weight:700}.completion-card .completion-actions[data-v-3bb3f302]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.completion-card .completion-actions .btn[data-v-3bb3f302]{font-size:18px;padding:14px 32px}@media (max-width: 768px){.letter-inputs[data-v-3bb3f302]{gap:8px}.letter-inputs .letter-box[data-v-3bb3f302]{width:45px;height:60px}.letter-inputs .letter-box input[data-v-3bb3f302],.word-display .chinese-meaning h2[data-v-3bb3f302]{font-size:36px}.word-display .phonetic-display .phonetic-item[data-v-3bb3f302]{font-size:18px}}.speed-floating-ball[data-v-3bb3f302]{position:fixed;z-index:9999;cursor:move;-webkit-user-select:none;user-select:none}.speed-floating-ball .ball-inner[data-v-3bb3f302]{position:relative;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;-webkit-backdrop-filter:blur(12px);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-3bb3f302]{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-3bb3f302]{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.speed-floating-ball .ball-inner .ball-text .ball-value[data-v-3bb3f302]{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-3bb3f302]{font-size:10px;font-weight:500;color:#263241a6;letter-spacing:.3px;line-height:1}.speed-floating-ball .speed-slow[data-v-3bb3f302]{background:rgba(240,236,225,.92)}.speed-floating-ball .speed-normal[data-v-3bb3f302]{background:rgba(242,238,228,.92)}.speed-floating-ball .speed-fast[data-v-3bb3f302]{background:rgba(238,232,218,.94)}.speed-floating-ball .speed-god[data-v-3bb3f302]{background:rgba(234,226,210,.96);box-shadow:0 6px 28px #0000001f}.wrong-words-view[data-v-1f4150b1]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.page-header[data-v-1f4150b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.page-header h1[data-v-1f4150b1]{font-size:20px;margin:0;white-space:nowrap}.page-header .header-stats[data-v-1f4150b1]{display:flex;gap:32px;font-size:14px;color:#5d6d7e}.page-header .header-stats strong[data-v-1f4150b1]{color:#d9534f;font-size:18px;margin-left:4px}.page-header .header-actions[data-v-1f4150b1]{display:flex;gap:12px}.loading[data-v-1f4150b1]{text-align:center;padding:60px;font-size:20px;color:#5d6d7e}.empty-state[data-v-1f4150b1]{text-align:center;padding:80px 40px}.empty-state .empty-icon[data-v-1f4150b1]{font-size:80px;margin-bottom:24px}.empty-state h2[data-v-1f4150b1]{font-size:36px;color:#6bcb77;margin-bottom:16px}.empty-state p[data-v-1f4150b1]{font-size:20px;color:#5d6d7e;margin-bottom:32px}.summary-card[data-v-1f4150b1]{margin-bottom:32px;padding:24px 32px;display:flex;align-items:center;gap:48px}.summary-card h3[data-v-1f4150b1]{font-size:20px;margin:0;white-space:nowrap}.summary-card .summary-stats[data-v-1f4150b1]{display:flex;gap:48px;flex:1}.summary-card .summary-stats .stat-item[data-v-1f4150b1]{font-size:20px}.summary-card .summary-stats .stat-item .stat-label[data-v-1f4150b1]{margin-right:12px;color:#5d6d7e}.summary-card .summary-stats .stat-item .stat-value[data-v-1f4150b1]{font-weight:700;font-size:32px;color:#ff6b6b}.words-grid[data-v-1f4150b1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.word-card[data-v-1f4150b1]{padding:24px;transition:all .3s ease}.word-card[data-v-1f4150b1]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.word-card .word-header[data-v-1f4150b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.word-card .word-header .english-word[data-v-1f4150b1]{font-size:28px;color:#2c3e50;margin:0}.word-card .word-header .error-badge[data-v-1f4150b1]{background:rgba(217,83,79,.15);color:#d9534f;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700}.word-card .word-details .chinese-meaning[data-v-1f4150b1]{font-size:18px;color:#5d6d7e;margin-bottom:12px}.word-card .word-details .phonetics[data-v-1f4150b1]{display:flex;gap:16px;flex-wrap:wrap}.word-card .word-details .phonetics .phonetic[data-v-1f4150b1]{font-size:16px;color:#95a5a6;background:#F5F1E8;padding:4px 12px;border-radius:8px}.word-card .word-details .phonetics .phonetic.phonetic-clickable[data-v-1f4150b1]{cursor:pointer;transition:all .3s ease}.word-card .word-details .phonetics .phonetic.phonetic-clickable[data-v-1f4150b1]:hover{background:#E8E4DC;transform:scale(1.05);color:#5b8def}@media (max-width: 768px){.page-header[data-v-1f4150b1]{flex-direction:column;align-items:flex-start;gap:16px}.page-header .header-stats[data-v-1f4150b1],.page-header .header-actions[data-v-1f4150b1]{width:100%;justify-content:space-between}.page-header .btn[data-v-1f4150b1]{flex:1}.summary-stats[data-v-1f4150b1]{flex-direction:column;gap:16px!important}.words-grid[data-v-1f4150b1]{grid-template-columns:1fr!important}}.practice-view[data-v-77856e57]{min-height:100vh;background:linear-gradient(135deg,#FDFCF8 0%,#F5F1E8 100%)}.practice-container[data-v-77856e57]{max-width:900px;margin:0 auto;padding:40px 20px}.stats-bar[data-v-77856e57]{display:flex;justify-content:space-around;align-items:center;padding:24px;margin-bottom:32px;font-size:20px}.stats-bar .stat-item[data-v-77856e57]{text-align:center}.stats-bar .stat-item .stat-label[data-v-77856e57]{margin-right:8px;color:#5d6d7e}.stats-bar .stat-item .stat-label.correct[data-v-77856e57]{color:#7fb069}.stats-bar .stat-item .stat-label.wrong[data-v-77856e57]{color:#ff6b6b}.stats-bar .stat-item .stat-label.speed[data-v-77856e57]{color:#5b8def}.stats-bar .stat-item .stat-value[data-v-77856e57]{font-weight:700;font-size:28px;color:#2c3e50}.stats-bar .stat-item .stat-value.correct[data-v-77856e57]{color:#7fb069}.stats-bar .stat-item .stat-value.wrong[data-v-77856e57]{color:#ff6b6b}.stats-bar .stat-item .stat-value.speed[data-v-77856e57]{color:#5b8def;font-size:20px}.practice-area[data-v-77856e57]{padding:60px 40px;text-align:center}.loading-card[data-v-77856e57]{padding:120px 40px;text-align:center}.loading-card .loading-content .loading-spinner[data-v-77856e57]{font-size:64px;margin-bottom:24px;animation:spin-77856e57 2s linear infinite}.loading-card .loading-content p[data-v-77856e57]{font-size:24px;color:#5d6d7e}@keyframes spin-77856e57{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-display[data-v-77856e57]{margin-bottom:48px}.word-display .chinese-meaning h2[data-v-77856e57]{font-size:48px;color:#2c3e50;margin-bottom:24px}.word-display .phonetic-display[data-v-77856e57]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.word-display .phonetic-display .phonetic-item[data-v-77856e57]{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-77856e57]:hover{background:#E8E4DC;transform:scale(1.05)}.letter-inputs[data-v-77856e57]{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}.letter-inputs .letter-box[data-v-77856e57]{width:60px;height:80px}.letter-inputs .letter-box input[data-v-77856e57]{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-77856e57]::placeholder{color:#5b8def;opacity:.6;font-weight:700}.letter-inputs .letter-box input[data-v-77856e57]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 4px #5b8def33}.letter-inputs .letter-box input.input-correct[data-v-77856e57]{border-color:#7fb069;background:rgba(127,176,105,.08);color:#7fb069}.letter-inputs .letter-box input.input-wrong[data-v-77856e57]{border-color:#ff6b6b;background:rgba(255,107,107,.1);color:#ff6b6b}.controls[data-v-77856e57]{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.controls .btn[data-v-77856e57]{font-size:18px;padding:14px 28px}.result-feedback[data-v-77856e57]{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-77856e57]{font-size:18px;font-weight:700}.result-feedback.success[data-v-77856e57]{background:rgba(127,176,105,.1);border:2px solid #7FB069}.result-feedback.success .result-message[data-v-77856e57]{color:#7fb069}.result-feedback.error[data-v-77856e57]{background:rgba(255,107,107,.15);border:2px solid #FF6B6B}.result-feedback.error .result-message[data-v-77856e57]{color:#ff6b6b}.result-feedback .btn-next[data-v-77856e57]{font-size:14px;padding:6px 16px;white-space:nowrap}.completion-card[data-v-77856e57]{text-align:center;padding:60px 40px}.completion-card h2[data-v-77856e57]{font-size:48px;margin-bottom:40px;color:#2c3e50}.completion-card .final-stats[data-v-77856e57]{font-size:24px;margin-bottom:40px}.completion-card .final-stats p[data-v-77856e57]{margin:16px 0}.completion-card .final-stats p.correct-text[data-v-77856e57]{color:#7fb069;font-weight:700}.completion-card .final-stats p.wrong-text[data-v-77856e57]{color:#ff6b6b;font-weight:700}.completion-card .final-stats p.accuracy[data-v-77856e57]{font-size:32px;color:#5b8def;font-weight:700}.completion-card .completion-actions[data-v-77856e57]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.completion-card .completion-actions .btn[data-v-77856e57]{font-size:18px;padding:14px 32px}@media (max-width: 768px){.letter-inputs[data-v-77856e57]{gap:8px}.letter-inputs .letter-box[data-v-77856e57]{width:45px;height:60px}.letter-inputs .letter-box input[data-v-77856e57],.word-display .chinese-meaning h2[data-v-77856e57]{font-size:36px}.word-display .phonetic-display .phonetic-item[data-v-77856e57]{font-size:18px}}.speed-floating-ball[data-v-77856e57]{position:fixed;z-index:9999;cursor:move;-webkit-user-select:none;user-select:none}.speed-floating-ball .ball-inner[data-v-77856e57]{position:relative;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;-webkit-backdrop-filter:blur(8px);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-77856e57]{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-77856e57]{display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}.speed-floating-ball .ball-inner .ball-text .ball-value[data-v-77856e57]{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-77856e57]{font-size:9px;font-weight:500;color:#2c3e508c;letter-spacing:.3px;line-height:1}.speed-floating-ball .speed-slow[data-v-77856e57]{background:rgba(240,238,233,.85)}.speed-floating-ball .speed-normal[data-v-77856e57]{background:rgba(245,243,238,.85)}.speed-floating-ball .speed-fast[data-v-77856e57]{background:rgba(238,235,228,.88)}.speed-floating-ball .speed-god[data-v-77856e57]{background:rgba(232,228,220,.9);box-shadow:0 4px 18px #0000000f}[data-v-ff2c322f]{margin:0;padding:0;box-sizing:border-box}body[data-v-ff2c322f]{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-ff2c322f]{min-height:100vh}.btn[data-v-ff2c322f]{padding:12px 24px;border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-ff2c322f]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.btn[data-v-ff2c322f]:active{transform:translateY(0)}.btn.btn-primary[data-v-ff2c322f]{background:#5B8DEF;color:#fff}.btn.btn-primary[data-v-ff2c322f]:hover{background:#2d6dea}.btn.btn-success[data-v-ff2c322f]{background:#6BCB77;color:#fff}.btn.btn-success[data-v-ff2c322f]:hover{background:#45be54}.btn.btn-danger[data-v-ff2c322f]{background:#E57373;color:#fff}.btn.btn-danger[data-v-ff2c322f]:hover{background:#dd4848}.btn.btn-secondary[data-v-ff2c322f]{background:#F5F1E8;color:#2c3e50;border:2px solid #E8E4DC}.btn.btn-secondary[data-v-ff2c322f]:hover{background:#E8E4DC}.btn.btn-info[data-v-ff2c322f]{background:#FFB347;color:#fff}.btn.btn-info[data-v-ff2c322f]:hover{background:#ff9e14}.btn.btn-warning[data-v-ff2c322f]{background:#FFD93D;color:#333}.btn.btn-warning[data-v-ff2c322f]:hover{background:#ffcf0a}.card[data-v-ff2c322f]{background:#FFFFFF;border-radius:16px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card[data-v-ff2c322f]:hover{box-shadow:0 4px 16px #0000001f}.input[data-v-ff2c322f]{width:100%;padding:16px;border:2px solid #E8E4DC;border-radius:12px;font-size:18px;transition:all .3s ease}.input[data-v-ff2c322f]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}h1[data-v-ff2c322f]{font-size:48px;color:#2c3e50;margin-bottom:24px}h2[data-v-ff2c322f]{font-size:32px;color:#2c3e50;margin-bottom:16px}h3[data-v-ff2c322f]{font-size:24px;color:#2c3e50;margin-bottom:16px}.container[data-v-ff2c322f]{max-width:1200px;margin:0 auto;padding:32px}.navbar[data-v-ff2c322f]{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-ff2c322f]{font-size:32px;font-weight:700;color:#5b8def}.navbar .nav-links[data-v-ff2c322f]{display:flex;gap:24px}.navbar .nav-links a[data-v-ff2c322f]{color:#5d6d7e;text-decoration:none;padding:12px 16px;border-radius:12px;transition:all .3s ease}.navbar .nav-links a[data-v-ff2c322f]:hover{background:#F5F1E8;color:#5b8def}.navbar .nav-links a.active[data-v-ff2c322f],.navbar .nav-links a.router-link-active[data-v-ff2c322f],.navbar .nav-links a.router-link-exact-active[data-v-ff2c322f]{background:#5B8DEF;color:#fff}@keyframes fadeIn-ff2c322f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-ff2c322f{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in[data-v-ff2c322f]{animation:fadeIn-ff2c322f .5s ease}.slide-in[data-v-ff2c322f]{animation:slideIn-ff2c322f .5s ease}.history-view[data-v-ff2c322f]{min-height:100vh;background:#FDFCF8}.container[data-v-ff2c322f]{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header[data-v-ff2c322f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-ff2c322f]{font-size:18px;margin:0}.page-header .filter-bar[data-v-ff2c322f]{display:flex;gap:10px}.page-header .filter-bar .input-filter[data-v-ff2c322f]{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-ff2c322f]:focus{outline:none;border-color:#5b8def;box-shadow:0 0 0 3px #5b8def1a}.table-container[data-v-ff2c322f]{overflow-x:auto}.record-table[data-v-ff2c322f]{width:100%;border-collapse:collapse;font-size:14px}.record-table th[data-v-ff2c322f],.record-table td[data-v-ff2c322f]{padding:12px;text-align:left;border-bottom:1px solid #eee}.record-table th[data-v-ff2c322f]{background:#f5f5f5;font-weight:600;white-space:nowrap}.record-table .correct[data-v-ff2c322f]{color:#7fb069;font-weight:700}.record-table .wrong[data-v-ff2c322f]{color:#ff6b6b;font-weight:700}.record-table .good[data-v-ff2c322f]{color:#7fb069}.record-table .bad[data-v-ff2c322f]{color:#ff6b6b}.record-table .wrong-words[data-v-ff2c322f]{max-width:300px;word-break:break-all;color:#666;font-size:12px}.pagination[data-v-ff2c322f]{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.pagination .page-info[data-v-ff2c322f]{font-size:14px;color:#666}.pagination button[data-v-ff2c322f]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-ff2c322f]{text-align:center;padding:60px;color:#888}.loading[data-v-ff2c322f]{text-align:center;padding:60px;color:#666}.modal-overlay[data-v-ff2c322f]{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-ff2c322f]{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-ff2c322f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2[data-v-ff2c322f]{margin:0;font-size:24px;color:#2c3e50}.modal-header .close-btn[data-v-ff2c322f]{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-ff2c322f]:hover{color:#333}.modal-body[data-v-ff2c322f]{padding:24px;max-height:50vh;overflow-y:auto}.modal-body .empty-message[data-v-ff2c322f]{text-align:center;padding:40px;font-size:18px;color:#6bcb77}.wrong-words-table[data-v-ff2c322f]{width:100%;border-collapse:collapse}.wrong-words-table th[data-v-ff2c322f],.wrong-words-table td[data-v-ff2c322f]{padding:12px;text-align:left;border-bottom:1px solid #eee}.wrong-words-table th[data-v-ff2c322f]{background:#f5f5f5;font-weight:600;color:#2c3e50}.wrong-words-table .correct-word[data-v-ff2c322f]{color:#6bcb77;font-weight:500}.wrong-words-table .wrong-word[data-v-ff2c322f]{color:#ff6b6b;text-decoration:line-through}.modal-footer[data-v-ff2c322f]{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end}*{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:#2d6dea}.btn.btn-success{background:#6BCB77;color:#fff}.btn.btn-success:hover{background:#45be54}.btn.btn-danger{background:#E57373;color:#fff}.btn.btn-danger:hover{background:#dd4848}.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:#ff9e14}.btn.btn-warning{background:#FFD93D;color:#333}.btn.btn-warning:hover{background:#ffcf0a}.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}