@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";.card[data-v-98c4a933]{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.form-radio[data-v-98c4a933]{height:1rem;width:1rem}.overflow-y-auto[data-v-98c4a933]::-webkit-scrollbar{width:4px}.overflow-y-auto[data-v-98c4a933]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.overflow-y-auto[data-v-98c4a933]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.overflow-y-auto[data-v-98c4a933]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.search-container[data-v-e10709b0]{position:relative;width:100%}.search-input-wrapper[data-v-e10709b0]{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.search-input-wrapper[data-v-e10709b0]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.search-input[data-v-e10709b0]{flex:1;height:36px;padding:0 12px;border:none;outline:none;font-size:14px;background:transparent;color:#374151}.search-input[data-v-e10709b0]::-moz-placeholder{color:#9ca3af}.search-input[data-v-e10709b0]::placeholder{color:#9ca3af}.clear-button[data-v-e10709b0]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:6px;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .2s ease}.clear-button[data-v-e10709b0]:hover{background:#e5e7eb;color:#374151}.search-results[data-v-e10709b0]{position:absolute;top:100%;left:0;right:0;margin-top:2px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:50;max-height:300px;overflow:hidden}.results-header[data-v-e10709b0]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.results-count[data-v-e10709b0]{font-size:14px;color:#6b7280;font-weight:500}.clear-all-button[data-v-e10709b0]{padding:4px 8px;border:none;border-radius:6px;background:#ef4444;color:#fff;font-size:12px;cursor:pointer;transition:background .2s ease}.clear-all-button[data-v-e10709b0]:hover{background:#dc2626}.results-list[data-v-e10709b0]{max-height:240px;overflow-y:auto}.result-item[data-v-e10709b0]{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s ease}.result-item[data-v-e10709b0]:hover{background:#f9fafb}.result-item[data-v-e10709b0]:last-child{border-bottom:none}.result-word[data-v-e10709b0]{flex:1;font-weight:600;color:#111827;font-size:14px}.result-translation[data-v-e10709b0]{flex:1;color:#6b7280;font-size:13px;margin:0 12px}.result-status[data-v-e10709b0]{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.status-dot[data-v-e10709b0]{width:8px;height:8px;border-radius:50%}.status-dot.learned[data-v-e10709b0]{background:#10b981}.status-dot.unlearned[data-v-e10709b0]{background:#f59e0b}.more-results[data-v-e10709b0]{padding:12px 16px;text-align:center;color:#6b7280;font-size:14px;background:#f9fafb;border-top:1px solid #f3f4f6}.no-results[data-v-e10709b0]{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:32px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:50;text-align:center}.no-results-icon[data-v-e10709b0]{font-size:32px;margin-bottom:12px}.no-results-text[data-v-e10709b0]{font-size:16px;font-weight:600;color:#374151;margin-bottom:4px}.no-results-hint[data-v-e10709b0]{font-size:14px;color:#6b7280}.results-list[data-v-e10709b0]::-webkit-scrollbar{width:6px}.results-list[data-v-e10709b0]::-webkit-scrollbar-track{background:#f1f5f9}.results-list[data-v-e10709b0]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.results-list[data-v-e10709b0]::-webkit-scrollbar-thumb:hover{background:#94a3b8}a[data-v-d5bdd9f4]{text-decoration:none}.reading-settings-container[data-v-d4aabc62]{max-width:600px}input[type=range][data-v-d4aabc62]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#e5e7eb;border-radius:2px;outline:none}input[type=range][data-v-d4aabc62]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer}input[type=range][data-v-d4aabc62]::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none}.kbd[data-v-d5368782]{font-family:Courier New,monospace;font-weight:700}.btn-secondary[data-v-d5368782]{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary[data-v-d5368782]:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.overflow-y-auto[data-v-dbfa17b5]::-webkit-scrollbar{width:4px}.overflow-y-auto[data-v-dbfa17b5]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.overflow-y-auto[data-v-dbfa17b5]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.overflow-y-auto[data-v-dbfa17b5]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.export-container[data-v-eb2fcf21]{display:flex;flex-direction:column;gap:1.5rem}.stats-icon[data-v-eb2fcf21]{width:3rem;height:3rem;background-color:#dbeafe;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#2563eb}.dark .stats-icon[data-v-eb2fcf21]{background-color:#3b82f633;color:#60a5fa}.stats-title[data-v-eb2fcf21]{font-size:1.125rem;font-weight:600;color:var(--modal-text-primary)}.stats-subtitle[data-v-eb2fcf21]{font-size:.875rem;color:var(--modal-text-secondary)}.stats-grid[data-v-eb2fcf21]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item[data-v-eb2fcf21]{display:flex;flex-direction:column;align-items:center;padding:.75rem;background-color:#fff;border-radius:.5rem}.dark .stat-item[data-v-eb2fcf21]{background-color:#1f2937}.stat-label[data-v-eb2fcf21]{font-size:.75rem;color:var(--modal-text-secondary);margin-bottom:.25rem}.stat-value[data-v-eb2fcf21]{font-size:1.125rem;font-weight:700;color:var(--modal-text-primary)}.stat-value.learned[data-v-eb2fcf21]{color:#059669}.dark .stat-value.learned[data-v-eb2fcf21]{color:#34d399}.stat-value.unlearned[data-v-eb2fcf21]{color:#d97706}.dark .stat-value.unlearned[data-v-eb2fcf21]{color:#fbbf24}.format-grid[data-v-eb2fcf21]{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 640px){.format-grid[data-v-eb2fcf21]{grid-template-columns:repeat(3,1fr)}}.format-input[data-v-eb2fcf21]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.format-content[data-v-eb2fcf21]{text-align:center}.format-icon[data-v-eb2fcf21]{font-size:1.875rem;margin-bottom:.5rem}.format-name[data-v-eb2fcf21]{font-weight:500;color:var(--modal-text-primary);margin-bottom:.25rem}.format-description[data-v-eb2fcf21]{font-size:.75rem;color:var(--modal-text-secondary)}.options-grid[data-v-eb2fcf21]{display:flex;flex-direction:column;gap:.75rem}.option-checkbox[data-v-eb2fcf21]{width:1rem;height:1rem;color:#2563eb;border-radius:.25rem}.option-checkbox[data-v-eb2fcf21]:focus{outline:2px solid #3b82f6;outline-offset:2px}.option-label[data-v-eb2fcf21]{font-weight:500;color:var(--modal-text-primary)}.option-description[data-v-eb2fcf21]{font-size:.875rem;color:var(--modal-text-secondary);margin-left:1.75rem}.filter-options[data-v-eb2fcf21]{display:flex;flex-direction:column;gap:.5rem}.filter-option[data-v-eb2fcf21]{display:flex;align-items:center;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer;transition:colors}.filter-option[data-v-eb2fcf21]:hover{background-color:#f9fafb}.dark .filter-option[data-v-eb2fcf21]{border-color:#374151}.dark .filter-option[data-v-eb2fcf21]:hover{background-color:#1f2937}.filter-option.active[data-v-eb2fcf21]{border-color:#3b82f6;background-color:#eff6ff}.dark .filter-option.active[data-v-eb2fcf21]{background-color:#3b82f61a}.filter-input[data-v-eb2fcf21]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-content[data-v-eb2fcf21]{display:flex;align-items:center;justify-content:space-between;width:100%}.filter-label[data-v-eb2fcf21]{font-weight:500;color:var(--modal-text-primary)}.filter-count[data-v-eb2fcf21]{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px}.filter-count.learned[data-v-eb2fcf21]{background-color:#dcfce7;color:#15803d}.dark .filter-count.learned[data-v-eb2fcf21]{background-color:#22c55e33;color:#4ade80}.filter-count.unlearned[data-v-eb2fcf21]{background-color:#fed7aa;color:#c2410c}.dark .filter-count.unlearned[data-v-eb2fcf21]{background-color:#fb923c33;color:#fbbf24}.input-group[data-v-eb2fcf21]{display:flex;flex-direction:column;gap:.5rem}.file-input[data-v-eb2fcf21]{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#111827}.file-input[data-v-eb2fcf21]:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:transparent}.dark .file-input[data-v-eb2fcf21]{border-color:#4b5563;background-color:#1f2937;color:#fff}.input-hint[data-v-eb2fcf21]{font-size:.75rem;color:var(--modal-text-secondary)}.preview-container[data-v-eb2fcf21]{background-color:#f9fafb;border-radius:.5rem;padding:1rem;max-height:10rem;overflow-y:auto}.dark .preview-container[data-v-eb2fcf21]{background-color:#1f2937}.preview-content[data-v-eb2fcf21]{font-size:.75rem;color:#374151;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.dark .preview-content[data-v-eb2fcf21]{color:#d1d5db}.preview-btn[data-v-eb2fcf21]{margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#374151;background-color:#f3f4f6;border-radius:.5rem;transition:colors;display:flex;align-items:center;gap:.5rem}.preview-btn[data-v-eb2fcf21]:hover{background-color:#e5e7eb}.dark .preview-btn[data-v-eb2fcf21]{color:#d1d5db;background-color:#374151}.dark .preview-btn[data-v-eb2fcf21]:hover{background-color:#4b5563}.clear-btn[data-v-eb2fcf21]{padding:.25rem .75rem;font-size:.875rem;color:var(--modal-text-secondary);transition:colors;display:flex;align-items:center;gap:.25rem}.clear-btn[data-v-eb2fcf21]:hover{color:var(--modal-text-primary)}.history-list[data-v-eb2fcf21]{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto}.history-item[data-v-eb2fcf21]{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.dark .history-item[data-v-eb2fcf21]{background-color:#1f2937}.history-info[data-v-eb2fcf21]{flex:1;min-width:0}.history-name[data-v-eb2fcf21]{font-size:.875rem;font-weight:500;color:var(--modal-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta[data-v-eb2fcf21]{font-size:.75rem;color:var(--modal-text-secondary);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.history-separator[data-v-eb2fcf21]{margin:0 .25rem}.history-actions[data-v-eb2fcf21]{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.action-btn[data-v-eb2fcf21]{padding:.5rem;border-radius:.5rem;transition:colors}.action-btn.download[data-v-eb2fcf21]{color:#2563eb}.action-btn.download[data-v-eb2fcf21]:hover{background-color:#dbeafe}.dark .action-btn.download[data-v-eb2fcf21]{color:#60a5fa}.dark .action-btn.download[data-v-eb2fcf21]:hover{background-color:#3b82f61a}.action-btn.delete[data-v-eb2fcf21]{color:#dc2626}.action-btn.delete[data-v-eb2fcf21]:hover{background-color:#fecaca}.dark .action-btn.delete[data-v-eb2fcf21]{color:#f87171}.dark .action-btn.delete[data-v-eb2fcf21]:hover{background-color:#ef44441a}@media (max-width: 640px){.format-grid[data-v-eb2fcf21],.stats-grid[data-v-eb2fcf21]{grid-template-columns:repeat(1,1fr)}.history-item[data-v-eb2fcf21]{flex-direction:column;align-items:flex-start;gap:.75rem}.history-actions[data-v-eb2fcf21]{margin-left:0;align-self:flex-end}}.settings-menu-container[data-v-4e498442]{padding:1.5rem;background-color:#fff;min-height:100vh;overflow-x:hidden}@media (max-width: 768px){.settings-menu-container[data-v-4e498442]{padding:1rem}.text-2xl[data-v-4e498442]{font-size:1.5rem}.mb-4[data-v-4e498442]{margin-bottom:1rem}.space-x-8[data-v-4e498442]>:not([hidden])~:not([hidden]){margin-left:.5rem}nav[data-v-4e498442]{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}nav[data-v-4e498442]::-webkit-scrollbar{display:none}nav button[data-v-4e498442]{flex-shrink:0;padding:.75rem .5rem;font-size:.875rem;white-space:nowrap}.settings-content[data-v-4e498442]{margin-top:1rem}}@media (max-width: 480px){.settings-menu-container[data-v-4e498442]{padding:.75rem}.text-2xl[data-v-4e498442]{font-size:1.25rem}.flex.items-center.justify-between[data-v-4e498442]{margin-bottom:.75rem}.space-x-8[data-v-4e498442]>:not([hidden])~:not([hidden]){margin-left:.25rem}nav[data-v-4e498442]{padding-bottom:.5rem}nav button[data-v-4e498442]{padding:.5rem .375rem;font-size:.75rem;min-width:60px}.border-b[data-v-4e498442]{margin-bottom:.75rem}.settings-content[data-v-4e498442]{margin-top:.75rem}.w-6.h-6[data-v-4e498442]{width:1.25rem;height:1.25rem}}@media (max-width: 768px){.border-b.border-gray-200[data-v-4e498442]{position:relative}.border-b.border-gray-200[data-v-4e498442]:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to left,white,transparent);pointer-events:none}}.toast[data-v-31e5eb62]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;z-index:1000;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;text-align:center;max-width:90%;width:auto}.toast-message[data-v-31e5eb62]{flex:1;line-height:1.4}.toast.success[data-v-31e5eb62]{background-color:#4caf50}.toast.error[data-v-31e5eb62]{background-color:#f44336}.toast.warning[data-v-31e5eb62]{background-color:#ff9800}.toast-fade-enter-active[data-v-31e5eb62],.toast-fade-leave-active[data-v-31e5eb62]{transition:opacity .4s,transform .4s}.toast-fade-enter-from[data-v-31e5eb62],.toast-fade-leave-to[data-v-31e5eb62]{opacity:0;transform:translate(-50%,-20px)}@media (max-width: 640px){.toast[data-v-31e5eb62]{padding:10px 16px;font-size:13px;max-width:85%}}.synonym-panel[data-v-1ef657f1]{display:flex;flex-direction:column;height:100%}.section[data-v-1ef657f1]{margin-bottom:.5rem}.section-header[data-v-1ef657f1]{margin-bottom:.5rem;display:flex;align-items:center}.section-header[data-v-1ef657f1]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.section-header[data-v-1ef657f1]{font-size:.875rem;line-height:1.25rem}.word-list[data-v-1ef657f1]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.word-item[data-v-1ef657f1]{display:flex;align-items:flex-start;justify-content:space-between;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.word-item[data-v-1ef657f1]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.word-content[data-v-1ef657f1]{min-width:0px;flex:1 1 0%;padding-right:.5rem}.word-text[data-v-1ef657f1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.word-translation[data-v-1ef657f1]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));word-wrap:break-word;white-space:normal;line-height:1.4}.word-actions[data-v-1ef657f1]{display:flex;flex-shrink:0;align-items:flex-start}.word-actions[data-v-1ef657f1]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.action-btn[data-v-1ef657f1]{border-radius:.25rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-btn[data-v-1ef657f1]:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.action-btn[data-v-1ef657f1]:disabled{cursor:not-allowed;opacity:.5}.synonym-panel[data-v-1ef657f1] ::-webkit-scrollbar{width:6px}.synonym-panel[data-v-1ef657f1] ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.synonym-panel[data-v-1ef657f1] ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.synonym-panel[data-v-1ef657f1] ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.auth-container[data-v-07ea7238]{max-width:400px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.auth-tabs[data-v-07ea7238]{display:flex;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab-button[data-v-07ea7238]{flex:1;padding:.75rem 1rem;border:none;background:none;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-button.active[data-v-07ea7238]{color:#3b82f6;border-bottom-color:#3b82f6}.tab-button[data-v-07ea7238]:hover{color:#3b82f6}.auth-form[data-v-07ea7238]{margin-bottom:1.5rem}.form-title[data-v-07ea7238]{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center}.form-group[data-v-07ea7238]{margin-bottom:1rem}.form-group label[data-v-07ea7238]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input[data-v-07ea7238]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input[data-v-07ea7238]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[data-v-07ea7238]:disabled{background-color:#f9fafb;cursor:not-allowed}.submit-button[data-v-07ea7238]{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button[data-v-07ea7238]:hover:not(:disabled){background-color:#2563eb}.submit-button[data-v-07ea7238]:disabled{background-color:#9ca3af;cursor:not-allowed}.message[data-v-07ea7238]{padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-weight:500}.message.success[data-v-07ea7238]{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error[data-v-07ea7238]{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.word-list-container[data-v-c21c6135]{min-height:100vh;background-color:#f9fafb}.word-card[data-v-c21c6135]{transition:all .2s ease-in-out}.word-card[data-v-c21c6135]:hover{transform:translateY(-2px)}.animate-fade-in[data-v-c21c6135]{animation:fadeIn-c21c6135 .3s ease-in-out}@keyframes fadeIn-c21c6135{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.grid[data-v-c21c6135]{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid[data-v-c21c6135]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.grid[data-v-c21c6135]{grid-template-columns:repeat(4,1fr)}}.word-list-view[data-v-673ad8ec]{min-height:100vh;background-color:#f9fafb}.rapid-review-view[data-v-6b455923]{max-height:100vh;display:flex;flex-direction:column}.sticky-header[data-v-6b455923]{position:sticky;top:0;z-index:30;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-primary);margin-top:0;padding-top:0}.sticky-footer[data-v-6b455923]{position:fixed;left:var(--sidebar-width, 240px);right:0;bottom:0;z-index:30;box-shadow:0 -2px 8px #0000001a;padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-primary);border-top:1px solid var(--color-border-primary);min-height:60px;display:flex;align-items:center;width:calc(100% - var(--sidebar-width, 240px))}.back-btn[data-v-6b455923]{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);transition:all .2s ease}.back-btn[data-v-6b455923]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.back-text[data-v-6b455923]{font-size:11px}.toolbar-row[data-v-6b455923]{width:100%;padding:6px}.toolbar-btn[data-v-6b455923]{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:8px;border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-primary);transition:background .2s ease,color .2s ease,border-color .2s ease}.toolbar-btn[data-v-6b455923]:hover{background:var(--color-bg-hover)}.toolbar-btn.active[data-v-6b455923]{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.toolbar-select[data-v-6b455923]{padding:6px 24px 6px 10px;border-radius:8px;border:1px solid var(--color-border-primary);background:var(--color-bg-surface);color:var(--color-text-primary)}.overflow-y-auto[data-v-6b455923]::-webkit-scrollbar{width:6px}.overflow-y-auto[data-v-6b455923]::-webkit-scrollbar-track{background:#f1f5f9}.overflow-y-auto[data-v-6b455923]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.overflow-y-auto[data-v-6b455923]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (prefers-color-scheme: dark){.overflow-y-auto[data-v-6b455923]::-webkit-scrollbar-track{background:#1e293b}.overflow-y-auto[data-v-6b455923]::-webkit-scrollbar-thumb{background:#475569}.overflow-y-auto[data-v-6b455923]::-webkit-scrollbar-thumb:hover{background:#64748b}}.word-number-badge[data-v-6b455923]{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.5px;min-width:32px;text-align:center;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1}.word-number-badge[data-v-6b455923]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;z-index:-1;opacity:.1}@media (max-width: 768px){.word-number-badge[data-v-6b455923]{font-size:10px;padding:4px 6px;min-width:28px}}@media (max-width: 480px){.word-number-badge[data-v-6b455923]{font-size:9px;padding:3px 5px;min-width:24px}}.learn-button[data-v-6b455923]{color:#fff;font-weight:600;letter-spacing:.3px;border:none;outline:none;cursor:pointer;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.learn-button[data-v-6b455923]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;z-index:-1;opacity:.1}.learn-button[data-v-6b455923]:active{transform:translateY(0) scale(.98)}.learn-button.learned[data-v-6b455923]{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.3);box-shadow:0 2px 8px #10b98133}.learn-button.learned[data-v-6b455923]:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.learn-button.not-learned[data-v-6b455923]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 8px #3b82f633}.learn-button.not-learned[data-v-6b455923]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.learn-button.updating[data-v-6b455923]{opacity:.7;cursor:not-allowed;pointer-events:none}.learn-button.updating[data-v-6b455923]:hover{transform:none}.learn-button.success-animation[data-v-6b455923]{animation:successPulse-6b455923 .6s ease-in-out}@keyframes successPulse-6b455923{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 6px 20px #10b98199}to{transform:scale(1)}}@media (max-width: 768px){.learn-button[data-v-6b455923]{font-size:10px;padding:6px 10px}}@media (max-width: 480px){.learn-button[data-v-6b455923]{font-size:9px;padding:5px 8px}}.content-area[data-v-6b455923]{padding-bottom:120px}@media (max-width: 768px){.rapid-review-view[data-v-6b455923]{--sidebar-width: 0px}.content-area[data-v-6b455923]{padding-bottom:128px;padding-top:16px}}@media (max-width: 480px){.content-area[data-v-6b455923]{padding-bottom:136px;padding-top:12px}}.word-detail-view[data-v-62fd0434]{max-height:100vh}.overflow-y-auto[data-v-62fd0434]::-webkit-scrollbar{width:6px}.overflow-y-auto[data-v-62fd0434]::-webkit-scrollbar-track{background:#374151}.overflow-y-auto[data-v-62fd0434]::-webkit-scrollbar-thumb{background:#6b7280;border-radius:3px}.overflow-y-auto[data-v-62fd0434]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.expand-enter-active[data-v-62fd0434],.expand-leave-active[data-v-62fd0434]{transition:all .4s ease;overflow:hidden}.expand-enter-from[data-v-62fd0434],.expand-leave-to[data-v-62fd0434]{opacity:0;max-height:0;transform:translateY(-10px)}.expand-enter-to[data-v-62fd0434],.expand-leave-from[data-v-62fd0434]{opacity:1;max-height:500px;transform:translateY(0)}.word-item-enter-active[data-v-62fd0434],.word-item-leave-active[data-v-62fd0434]{transition:all .3s ease}.word-item-enter-from[data-v-62fd0434]{opacity:0;transform:translateY(-10px)}.word-item-leave-to[data-v-62fd0434]{opacity:0;transform:translateY(10px)}.word-item-move[data-v-62fd0434]{transition:transform .3s ease}.synonym-groups-view[data-v-501c6f75]{max-height:100vh}[data-v-501c6f75]::-webkit-scrollbar{width:6px}[data-v-501c6f75]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}[data-v-501c6f75]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}[data-v-501c6f75]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.synonym-group-detail-view[data-v-0c9f28f9]{max-height:100vh}[data-v-0c9f28f9]::-webkit-scrollbar{width:6px}[data-v-0c9f28f9]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}[data-v-0c9f28f9]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}[data-v-0c9f28f9]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.unified-button[data-v-be9d4029]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateY(0);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden}.unified-button--primary[data-v-be9d4029]{background-color:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.unified-button--primary[data-v-be9d4029]:hover:not(.unified-button--disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.unified-button--primary[data-v-be9d4029]:active:not(.unified-button--disabled){transform:translateY(0);box-shadow:0 2px 6px #10b98133}.unified-button--secondary[data-v-be9d4029]{background-color:var(--secondary-color);color:var(--text-inverse);border-color:var(--secondary-color)}.unified-button--secondary[data-v-be9d4029]:hover:not(.unified-button--disabled){background-color:var(--secondary-hover);border-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.unified-button--secondary[data-v-be9d4029]:active:not(.unified-button--disabled){transform:translateY(0);box-shadow:0 2px 6px #6366f133}.unified-button--outline[data-v-be9d4029]{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.unified-button--outline[data-v-be9d4029]:hover:not(.unified-button--disabled){background-color:var(--primary-color);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.unified-button--outline[data-v-be9d4029]:active:not(.unified-button--disabled){transform:translateY(0);box-shadow:0 2px 6px #10b9811a}.unified-button--ghost[data-v-be9d4029]{background-color:transparent;color:var(--text-primary);border-color:transparent}.unified-button--ghost[data-v-be9d4029]:hover:not(.unified-button--disabled){background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.unified-button--ghost[data-v-be9d4029]:active:not(.unified-button--disabled){transform:translateY(0);box-shadow:0 1px 4px #0000000d}.unified-button--danger[data-v-be9d4029]{background-color:var(--error-color);color:var(--text-inverse);border-color:var(--error-color)}.unified-button--danger[data-v-be9d4029]:hover:not(.unified-button--disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.unified-button--danger[data-v-be9d4029]:active:not(.unified-button--disabled){transform:translateY(0);box-shadow:0 2px 6px #ef444433}.unified-button--sm[data-v-be9d4029]{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);min-height:32px}.unified-button--md[data-v-be9d4029]{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);min-height:40px}.unified-button--lg[data-v-be9d4029]{padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg);min-height:48px}.unified-button--disabled[data-v-be9d4029]{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.unified-button[data-v-be9d4029]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.unified-button--loading[data-v-be9d4029]{cursor:not-allowed}.unified-button--full-width[data-v-be9d4029]{width:100%}.loading-spinner[data-v-be9d4029]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-be9d4029 1s linear infinite}@keyframes spin-be9d4029{to{transform:rotate(360deg)}}.button-text[data-v-be9d4029]{display:inline-block}.unified-button[data-v-be9d4029]:focus{outline:2px solid var(--border-focus);outline-offset:2px}@media (max-width: 768px){.unified-button--sm[data-v-be9d4029]{min-height:36px}.unified-button--md[data-v-be9d4029]{min-height:44px}.unified-button--lg[data-v-be9d4029]{min-height:52px}}.light .unified-button--primary[data-v-be9d4029]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.light .unified-button--primary[data-v-be9d4029]:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.light .unified-button--secondary[data-v-be9d4029]{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.light .unified-button--secondary[data-v-be9d4029]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.light .unified-button--outline[data-v-be9d4029]{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.light .unified-button--outline[data-v-be9d4029]:hover:not(:disabled){background:var(--primary-color);color:#fff}.light .unified-button--ghost[data-v-be9d4029]{background:transparent;border-color:transparent;color:var(--text-primary)}.light .unified-button--ghost[data-v-be9d4029]:hover:not(:disabled){background:var(--bg-hover);color:var(--primary-color)}.light .unified-button--danger[data-v-be9d4029]{background:var(--error-color);border-color:var(--error-color);color:#fff}.light .unified-button--danger[data-v-be9d4029]:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.dark .unified-button--primary[data-v-be9d4029]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dark .unified-button--primary[data-v-be9d4029]:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.dark .unified-button--secondary[data-v-be9d4029]{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .unified-button--secondary[data-v-be9d4029]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.dark .unified-button--outline[data-v-be9d4029]{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.dark .unified-button--outline[data-v-be9d4029]:hover:not(:disabled){background:var(--primary-color);color:#fff}.dark .unified-button--ghost[data-v-be9d4029]{background:transparent;border-color:transparent;color:var(--text-primary)}.dark .unified-button--ghost[data-v-be9d4029]:hover:not(:disabled){background:var(--bg-hover);color:var(--primary-color)}.dark .unified-button--danger[data-v-be9d4029]{background:var(--error-color);border-color:var(--error-color);color:#fff}.dark .unified-button--danger[data-v-be9d4029]:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.login-page[data-v-9daa9236]{background:linear-gradient(135deg,#ff9a9e,#fad0c4);min-height:100vh;display:flex;flex-direction:column;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.bg-circle[data-v-9daa9236]{position:absolute;border-radius:50%;background:#ffffff1a;z-index:-1}.circle-1[data-v-9daa9236]{width:300px;height:300px;top:10%;left:5%}.circle-2[data-v-9daa9236]{width:200px;height:200px;bottom:10%;right:10%}.navbar[data-v-9daa9236]{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo[data-v-9daa9236]{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.1)}.logo span[data-v-9daa9236]{color:#6a11cb}.nav-links[data-v-9daa9236]{display:flex;list-style:none;margin:0;padding:0}.nav-links li[data-v-9daa9236]{margin:0 15px}.nav-links a[data-v-9daa9236]{text-decoration:none;color:#fff;font-weight:500;transition:color .3s;white-space:nowrap;display:block;padding:8px 4px}.nav-links a[data-v-9daa9236]:hover{color:#6a11cb}.search-box[data-v-9daa9236]{display:flex;align-items:center;background:#fff3;border-radius:20px;padding:5px 15px;min-width:120px}.search-box input[data-v-9daa9236]{background:transparent;border:none;outline:none;color:#fff;width:100%;min-width:80px;font-size:14px}.search-box input[data-v-9daa9236]::-moz-placeholder{color:#ffffffb3;font-size:14px}.search-box input[data-v-9daa9236]::placeholder{color:#ffffffb3;font-size:14px}.search-box i[data-v-9daa9236]{color:#fff;cursor:pointer;font-size:14px;margin-left:8px;flex-shrink:0}.main-container[data-v-9daa9236]{display:flex;flex:1;padding:40px 5%;align-items:center}.content-left[data-v-9daa9236]{flex:1;padding-right:50px;color:#fff}.welcome-text[data-v-9daa9236]{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.welcome-text span[data-v-9daa9236]{color:#6a11cb}.description[data-v-9daa9236]{font-size:18px;line-height:1.6;margin-bottom:30px;opacity:.9;max-width:500px}.social-icons[data-v-9daa9236]{display:flex;gap:15px}.social-icons a[data-v-9daa9236]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s}.social-icons a[data-v-9daa9236]:hover{background:#6a11cb;transform:translateY(-3px)}.login-form-container[data-v-9daa9236]{background:#fffffff2;border-radius:20px;padding:40px;width:400px;box-shadow:0 15px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-title[data-v-9daa9236]{font-size:28px;font-weight:700;margin-bottom:30px;color:#333;text-align:center}.login-method-toggle[data-v-9daa9236]{display:flex;margin-bottom:15px;border-radius:8px;overflow:hidden;background:#f8f9fa;border:1px solid #e9ecef}.login-method-btn[data-v-9daa9236]{flex:1;padding:8px 12px;text-align:center;cursor:pointer;transition:all .3s;font-weight:500;font-size:14px;border:none;background:transparent;color:#6c757d;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-method-btn.active[data-v-9daa9236]{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}.login-method-btn[data-v-9daa9236]:hover:not(.active){background:#e9ecef;color:#495057}.form-group[data-v-9daa9236]{margin-bottom:20px}.form-group label[data-v-9daa9236]{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-control[data-v-9daa9236]{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:10px;font-size:16px;transition:all .3s;background:#f9f9f9;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.form-control[data-v-9daa9236]:focus{outline:none;border-color:#6a11cb;box-shadow:0 0 0 3px #6a11cb1a}.form-control[data-v-9daa9236]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-options[data-v-9daa9236]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.remember-me[data-v-9daa9236]{display:flex;align-items:center}.remember-me input[data-v-9daa9236]{margin-right:8px}.forgot-password[data-v-9daa9236]{color:#6a11cb;text-decoration:none;transition:color .3s}.forgot-password[data-v-9daa9236]:hover{text-decoration:underline}.error-message[data-v-9daa9236]{display:flex;align-items:center;gap:8px;color:#e74c3c;font-size:14px;padding:10px;background-color:#fdf2f2;border-radius:6px;border:1px solid #fecaca;margin-bottom:20px}.loading-spinner[data-v-9daa9236]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-9daa9236 1s linear infinite}@keyframes spin-9daa9236{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-link[data-v-9daa9236]{text-align:center;font-size:14px;color:#666}.register-link a[data-v-9daa9236]{color:#6a11cb;text-decoration:none;font-weight:500;transition:color .3s}.register-link a[data-v-9daa9236]:hover{text-decoration:underline}@media (max-width: 768px){.form-control[data-v-9daa9236]{font-size:16px!important}}@media (max-width: 1024px){.main-container[data-v-9daa9236]{flex-direction:column;text-align:center;padding:30px 4%}.content-left[data-v-9daa9236]{padding-right:0;margin-bottom:30px}.welcome-text[data-v-9daa9236]{font-size:36px}.login-form-container[data-v-9daa9236]{width:100%;max-width:450px;margin:0 auto}}@media (max-width: 768px){.login-page[data-v-9daa9236]{min-height:100vh;padding:0}.navbar[data-v-9daa9236]{flex-direction:column;padding:12px 15px;gap:10px}.nav-links[data-v-9daa9236]{margin:10px 0;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-links[data-v-9daa9236]::-webkit-scrollbar{display:none}.nav-links li[data-v-9daa9236]{margin:0 4px;flex-shrink:0}.nav-links a[data-v-9daa9236]{font-size:13px;padding:6px 8px;white-space:nowrap}.search-box[data-v-9daa9236]{width:100%;max-width:200px;padding:4px 12px}.search-box input[data-v-9daa9236],.search-box i[data-v-9daa9236]{font-size:13px}.main-container[data-v-9daa9236]{flex-direction:column;padding:20px 15px;min-height:calc(100vh - 80px);justify-content:center}.content-left[data-v-9daa9236]{margin-bottom:25px;order:2}.login-form-container[data-v-9daa9236]{width:100%;max-width:100%;padding:25px 20px;margin:0;order:1;border-radius:15px}.welcome-text[data-v-9daa9236]{font-size:26px;margin-bottom:15px}.description[data-v-9daa9236]{font-size:15px;margin-bottom:20px}.social-icons[data-v-9daa9236]{justify-content:center;gap:12px}.social-icons a[data-v-9daa9236]{width:36px;height:36px}.form-title[data-v-9daa9236]{font-size:22px;margin-bottom:20px}.login-method-toggle[data-v-9daa9236]{margin-bottom:12px}.login-method-btn[data-v-9daa9236]{padding:10px 8px;font-size:13px}.form-group[data-v-9daa9236]{margin-bottom:16px}.form-group label[data-v-9daa9236]{font-size:14px;margin-bottom:6px}.form-control[data-v-9daa9236]{padding:12px 14px;font-size:15px;border-radius:8px}.form-options[data-v-9daa9236]{margin-bottom:20px;font-size:13px}.register-link[data-v-9daa9236]{font-size:13px}}@media (max-width: 480px){.navbar[data-v-9daa9236]{padding:10px 12px}.nav-links[data-v-9daa9236]{gap:6px;margin:8px 0}.nav-links li[data-v-9daa9236]{margin:0 2px}.nav-links a[data-v-9daa9236]{font-size:12px;padding:5px 6px;white-space:nowrap}.search-box[data-v-9daa9236]{max-width:150px;padding:3px 10px;min-width:100px}.search-box input[data-v-9daa9236]{font-size:12px;min-width:60px}.search-box input[data-v-9daa9236]::-moz-placeholder{font-size:12px}.search-box input[data-v-9daa9236]::placeholder{font-size:12px}.search-box i[data-v-9daa9236]{font-size:12px;margin-left:6px}.main-container[data-v-9daa9236]{padding:15px 12px}.login-form-container[data-v-9daa9236]{padding:20px 15px;border-radius:12px}.welcome-text[data-v-9daa9236]{font-size:22px;margin-bottom:12px}.description[data-v-9daa9236]{font-size:14px;margin-bottom:18px}.social-icons a[data-v-9daa9236]{width:32px;height:32px}.form-title[data-v-9daa9236]{font-size:20px;margin-bottom:18px}.login-method-btn[data-v-9daa9236]{padding:8px 6px;font-size:12px}.form-group[data-v-9daa9236]{margin-bottom:14px}.form-group label[data-v-9daa9236]{font-size:13px;margin-bottom:5px}.form-control[data-v-9daa9236]{padding:10px 12px;font-size:14px;border-radius:6px}.form-options[data-v-9daa9236]{margin-bottom:18px;font-size:12px;flex-direction:column;gap:8px;align-items:flex-start}.register-link[data-v-9daa9236]{font-size:12px}.error-message[data-v-9daa9236]{font-size:12px;padding:8px;margin-bottom:15px}}@media (max-width: 360px){.navbar[data-v-9daa9236]{padding:8px 10px}.nav-links[data-v-9daa9236]{gap:4px;margin:6px 0}.nav-links li[data-v-9daa9236]{margin:0 1px}.nav-links a[data-v-9daa9236]{font-size:11px;padding:4px 5px;white-space:nowrap}.search-box[data-v-9daa9236]{max-width:120px;padding:2px 8px;min-width:80px}.search-box input[data-v-9daa9236]{font-size:11px;min-width:50px}.search-box input[data-v-9daa9236]::-moz-placeholder{font-size:11px}.search-box input[data-v-9daa9236]::placeholder{font-size:11px}.search-box i[data-v-9daa9236]{font-size:11px;margin-left:4px}.main-container[data-v-9daa9236]{padding:12px 10px}.login-form-container[data-v-9daa9236]{padding:18px 12px}.welcome-text[data-v-9daa9236]{font-size:20px}.description[data-v-9daa9236]{font-size:13px}.form-title[data-v-9daa9236]{font-size:18px}.login-method-btn[data-v-9daa9236]{padding:7px 4px;font-size:11px}.form-control[data-v-9daa9236]{padding:9px 10px;font-size:13px}}.profile-view[data-v-c779d164]{min-height:100vh}.progress-ring[data-v-548828b4]{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-svg[data-v-548828b4]{transform:rotate(-90deg)}.progress-ring-bg[data-v-548828b4]{opacity:.3}.progress-ring-progress[data-v-548828b4]{transition:stroke-dashoffset .5s ease-in-out;stroke-linecap:round}.progress-ring-progress.animate[data-v-548828b4]{animation:progress-animation-548828b4 1s ease-out}.progress-ring-content[data-v-548828b4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-text[data-v-548828b4]{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-value[data-v-548828b4]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.progress-label[data-v-548828b4]{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}@keyframes progress-animation-548828b4{0%{stroke-dashoffset:var(--circumference)}to{stroke-dashoffset:var(--stroke-dashoffset)}}.stat-card[data-v-363cbd03]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);position:relative;overflow:hidden;transition:var(--transition-fast)}.stat-card[data-v-363cbd03]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.stat-card.primary[data-v-363cbd03]:before{background:var(--primary-color)}.stat-card.success[data-v-363cbd03]:before{background:var(--success-color)}.stat-card.info[data-v-363cbd03]:before{background:var(--info-color)}.stat-card.warning[data-v-363cbd03]:before{background:var(--warning-color)}.stat-card.error[data-v-363cbd03]:before{background:var(--error-color)}.stat-card.clickable[data-v-363cbd03]{cursor:pointer}.stat-card.clickable[data-v-363cbd03]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.stat-icon[data-v-363cbd03]{width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.stat-icon[data-v-363cbd03]:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.stat-icon.primary[data-v-363cbd03]{background:#10b9811a;color:var(--primary-color)}.stat-icon.success[data-v-363cbd03]{background:#10b9811a;color:var(--success-color)}.stat-icon.info[data-v-363cbd03]{background:#3b82f61a;color:var(--info-color)}.stat-icon.warning[data-v-363cbd03]{background:#f59e0b1a;color:var(--warning-color)}.stat-icon.error[data-v-363cbd03]{background:#ef44441a;color:var(--error-color)}.stat-icon svg[data-v-363cbd03]{width:24px;height:24px;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.stat-content[data-v-363cbd03]{flex:1;min-width:0}.stat-value[data-v-363cbd03]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.2}.stat-label[data-v-363cbd03]{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.stat-description[data-v-363cbd03]{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-2);line-height:1.4}.stat-change[data-v-363cbd03]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#0000000d;transition:all .3s ease}.stat-change[data-v-363cbd03]:hover{background:#0000001a;transform:translateY(-1px)}.stat-change.positive[data-v-363cbd03]{color:var(--success-color)}.stat-change.negative[data-v-363cbd03]{color:var(--error-color)}.stat-change.neutral[data-v-363cbd03]{color:var(--text-secondary)}.change-icon[data-v-363cbd03]{width:14px;height:14px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.dark .stat-card[data-v-363cbd03]{background:var(--bg-surface);border-color:var(--border-primary)}.dark .stat-icon[data-v-363cbd03]{background:var(--bg-tertiary);box-shadow:0 2px 4px #0000004d}.dark .stat-icon[data-v-363cbd03]:hover{box-shadow:0 4px 8px #0006}.dark .stat-change[data-v-363cbd03]{background:#ffffff0d}.dark .stat-change[data-v-363cbd03]:hover{background:#ffffff1a}.light .stat-card[data-v-363cbd03]{background:var(--bg-surface);border-color:var(--border-primary)}.light .stat-icon[data-v-363cbd03]{background:var(--bg-tertiary);box-shadow:0 2px 4px #0000001a}.light .stat-icon[data-v-363cbd03]:hover{box-shadow:0 4px 8px #00000026}.light .stat-change[data-v-363cbd03]{background:#0000000d}.light .stat-change[data-v-363cbd03]:hover{background:#0000001a}@media (max-width: 768px){.stat-card[data-v-363cbd03]{padding:var(--space-4);gap:var(--space-3)}.stat-icon[data-v-363cbd03]{width:40px;height:40px}.stat-icon svg[data-v-363cbd03]{width:20px;height:20px}.stat-value[data-v-363cbd03]{font-size:var(--font-size-xl)}.stat-label[data-v-363cbd03]{font-size:var(--font-size-xs)}.stat-description[data-v-363cbd03]{font-size:10px}}.loading-spinner[data-v-d234aaf3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.loading-spinner--sm[data-v-d234aaf3]{gap:var(--space-2)}.loading-spinner--lg[data-v-d234aaf3]{gap:var(--space-4)}.loading-spinner--xl[data-v-d234aaf3]{gap:var(--space-5)}.loading-text[data-v-d234aaf3]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;text-align:center}.loading-spinner--sm .loading-text[data-v-d234aaf3]{font-size:var(--font-size-xs)}.loading-spinner--lg .loading-text[data-v-d234aaf3]{font-size:var(--font-size-base)}.loading-spinner--xl .loading-text[data-v-d234aaf3]{font-size:var(--font-size-lg)}.spinner[data-v-d234aaf3]{position:relative}.ring[data-v-d234aaf3]{width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-d234aaf3 1s linear infinite}.loading-spinner--sm .ring[data-v-d234aaf3]{width:20px;height:20px;border-width:2px}.loading-spinner--lg .ring[data-v-d234aaf3]{width:60px;height:60px;border-width:4px}.loading-spinner--xl .ring[data-v-d234aaf3]{width:80px;height:80px;border-width:5px}.dots[data-v-d234aaf3]{display:flex;gap:4px}.dot[data-v-d234aaf3]{width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:bounce-d234aaf3 1.4s ease-in-out infinite both}.loading-spinner--sm .dot[data-v-d234aaf3]{width:6px;height:6px}.loading-spinner--lg .dot[data-v-d234aaf3]{width:12px;height:12px}.loading-spinner--xl .dot[data-v-d234aaf3]{width:16px;height:16px}.dot[data-v-d234aaf3]:nth-child(1){animation-delay:-.32s}.dot[data-v-d234aaf3]:nth-child(2){animation-delay:-.16s}.dot[data-v-d234aaf3]:nth-child(3){animation-delay:0s}.pulse[data-v-d234aaf3]{width:40px;height:40px;background:var(--primary-color);border-radius:50%;animation:pulse-d234aaf3 1.5s ease-in-out infinite}.loading-spinner--sm .pulse[data-v-d234aaf3]{width:20px;height:20px}.loading-spinner--lg .pulse[data-v-d234aaf3]{width:60px;height:60px}.loading-spinner--xl .pulse[data-v-d234aaf3]{width:80px;height:80px}.bars[data-v-d234aaf3]{display:flex;gap:3px;align-items:flex-end}.bar[data-v-d234aaf3]{width:4px;background:var(--primary-color);border-radius:2px;animation:bars-d234aaf3 1.2s ease-in-out infinite}.loading-spinner--sm .bar[data-v-d234aaf3]{width:3px}.loading-spinner--lg .bar[data-v-d234aaf3]{width:6px}.loading-spinner--xl .bar[data-v-d234aaf3]{width:8px}.bar[data-v-d234aaf3]:nth-child(1){height:20px;animation-delay:-1.1s}.bar[data-v-d234aaf3]:nth-child(2){height:30px;animation-delay:-1s}.bar[data-v-d234aaf3]:nth-child(3){height:40px;animation-delay:-.9s}.bar[data-v-d234aaf3]:nth-child(4){height:30px;animation-delay:-.8s}.loading-spinner--sm .bar[data-v-d234aaf3]:nth-child(1){height:12px}.loading-spinner--sm .bar[data-v-d234aaf3]:nth-child(2){height:18px}.loading-spinner--sm .bar[data-v-d234aaf3]:nth-child(3){height:24px}.loading-spinner--sm .bar[data-v-d234aaf3]:nth-child(4){height:18px}.loading-spinner--lg .bar[data-v-d234aaf3]:nth-child(1){height:30px}.loading-spinner--lg .bar[data-v-d234aaf3]:nth-child(2){height:45px}.loading-spinner--lg .bar[data-v-d234aaf3]:nth-child(3){height:60px}.loading-spinner--lg .bar[data-v-d234aaf3]:nth-child(4){height:45px}.loading-spinner--xl .bar[data-v-d234aaf3]:nth-child(1){height:40px}.loading-spinner--xl .bar[data-v-d234aaf3]:nth-child(2){height:60px}.loading-spinner--xl .bar[data-v-d234aaf3]:nth-child(3){height:80px}.loading-spinner--xl .bar[data-v-d234aaf3]:nth-child(4){height:60px}@keyframes spin-d234aaf3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-d234aaf3{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse-d234aaf3{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes bars-d234aaf3{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.light .ring[data-v-d234aaf3]{border-color:var(--border-primary);border-top-color:var(--primary-color)}.light .dot[data-v-d234aaf3],.light .pulse[data-v-d234aaf3],.light .bar[data-v-d234aaf3]{background:var(--primary-color)}.dark .ring[data-v-d234aaf3]{border-color:var(--border-primary);border-top-color:var(--primary-color)}.dark .dot[data-v-d234aaf3],.dark .pulse[data-v-d234aaf3],.dark .bar[data-v-d234aaf3]{background:var(--primary-color)}@media (max-width: 768px){.loading-spinner[data-v-d234aaf3]{gap:var(--space-2)}.loading-text[data-v-d234aaf3]{font-size:var(--font-size-xs)}.ring[data-v-d234aaf3]{width:32px;height:32px;border-width:2px}.dot[data-v-d234aaf3]{width:6px;height:6px}.pulse[data-v-d234aaf3]{width:32px;height:32px}.bar[data-v-d234aaf3]{width:3px}.bar[data-v-d234aaf3]:nth-child(1){height:16px}.bar[data-v-d234aaf3]:nth-child(2){height:24px}.bar[data-v-d234aaf3]:nth-child(3){height:32px}.bar[data-v-d234aaf3]:nth-child(4){height:24px}}.github-calendar[data-v-e3c810f3]{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.calendar-header[data-v-e3c810f3]{margin-bottom:var(--space-4)}.calendar-title[data-v-e3c810f3]{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.calendar-subtitle[data-v-e3c810f3]{font-size:12px;color:var(--color-text-secondary)}.calendar-container[data-v-e3c810f3]{position:relative;overflow:visible;padding:20px 0 0 50px;width:100%;min-width:100%}.month-labels[data-v-e3c810f3]{position:relative;height:20px;margin-bottom:8px;width:100%}.month-label[data-v-e3c810f3]{position:absolute;font-size:12px;color:var(--color-text-secondary);top:0;font-weight:400;letter-spacing:.5px}.calendar-canvas[data-v-e3c810f3]{cursor:pointer;border-radius:4px;width:100%;max-width:none;display:block}.tooltip[data-v-e3c810f3]{position:absolute;background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:var(--space-2);box-shadow:0 4px 12px #00000026;z-index:1000;pointer-events:none;min-width:180px;transform:translate(-50%)}.tooltip-date[data-v-e3c810f3]{font-size:12px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1);white-space:nowrap}.tooltip-stats[data-v-e3c810f3]{display:flex;flex-direction:column;gap:2px}.tooltip-stat[data-v-e3c810f3]{display:flex;justify-content:space-between;align-items:center;font-size:11px}.tooltip-label[data-v-e3c810f3]{color:var(--color-text-secondary)}.tooltip-value[data-v-e3c810f3]{color:var(--color-text-primary);font-weight:600}.calendar-legend[data-v-e3c810f3]{display:flex;align-items:center;justify-content:flex-end;margin-top:var(--space-4);gap:8px}.legend-text[data-v-e3c810f3]{font-size:12px;color:var(--color-text-secondary);font-weight:400}.legend-colors[data-v-e3c810f3]{display:flex;gap:2px}.legend-color[data-v-e3c810f3]{width:10px;height:10px;border-radius:2px}.dashboard[data-v-50271237]{padding:var(--space-6);max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.dashboard-loading[data-v-50271237]{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.welcome-banner[data-v-50271237]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:var(--radius-xl);padding:var(--space-8);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:200px}.welcome-content[data-v-50271237]{flex:1;z-index:2}.welcome-title[data-v-50271237]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.welcome-emoji[data-v-50271237]{font-size:var(--font-size-2xl);animation:wave-50271237 2s ease-in-out infinite}.welcome-subtitle[data-v-50271237]{font-size:var(--font-size-lg);opacity:.9;margin:0 0 var(--space-6) 0}.welcome-clock[data-v-50271237]{margin:var(--space-2) 0 var(--space-6) 0}.welcome-clock--top-right[data-v-50271237]{position:absolute;top:var(--space-6);right:var(--space-6)}.clock-panel[data-v-50271237]{position:relative;display:inline-flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 #0000;animation:glowPulse-50271237 3.5s ease-in-out infinite;text-align:left;align-items:flex-start}.clock-time[data-v-50271237]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.04em;line-height:1;background:linear-gradient(90deg,#fff,#ffffffd9,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:digitsShimmer-50271237 6s linear infinite}.clock-date[data-v-50271237]{font-size:var(--font-size-sm);opacity:.95;color:#fffffff2}.clock-place[data-v-50271237]{font-size:var(--font-size-xs);opacity:.85;color:#fffffff2}@keyframes glowPulse-50271237{0%,to{box-shadow:0 8px 24px #0000002e,0 0 #fff0}50%{box-shadow:0 8px 28px #00000040,0 0 24px #ffffff2e}}@keyframes digitsShimmer-50271237{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 768px){.welcome-clock--top-right[data-v-50271237]{position:static;margin-top:var(--space-4)}}.welcome-actions[data-v-50271237]{display:flex;gap:var(--space-4)}.welcome-visual[data-v-50271237]{position:relative;width:200px;height:200px}.floating-elements[data-v-50271237]{position:absolute;width:100%;height:100%}.floating-element[data-v-50271237]{position:absolute;font-size:2rem;animation:float-50271237 3s ease-in-out infinite}.element-1[data-v-50271237]{top:20%;left:20%;animation-delay:0s}.element-2[data-v-50271237]{top:60%;right:20%;animation-delay:1s}.element-3[data-v-50271237]{bottom:20%;left:50%;animation-delay:2s}.section-header[data-v-50271237]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title[data-v-50271237]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.section-description[data-v-50271237]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0}.daily-progress-section[data-v-50271237]{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--border-primary)}.progress-cards[data-v-50271237]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:600px;margin:0 auto}.progress-card[data-v-50271237]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.progress-info[data-v-50271237]{flex:1}.progress-number[data-v-50271237]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:baseline;gap:var(--space-1)}.progress-target[data-v-50271237]{font-size:var(--font-size-lg);color:var(--text-secondary)}.progress-label[data-v-50271237]{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.overview-section[data-v-50271237]{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--border-primary)}.overview-controls[data-v-50271237]{display:flex;align-items:center;gap:var(--space-4)}.time-range-selector[data-v-50271237]{display:flex;gap:var(--space-2)}.time-range-button[data-v-50271237]{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.time-range-button[data-v-50271237]:hover{border-color:var(--primary-color);color:var(--text-primary)}.time-range-button.active[data-v-50271237]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.stats-grid[data-v-50271237]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.combined-charts[data-v-50271237]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.chart-section[data-v-50271237],.modes-section[data-v-50271237]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-primary)}.chart-header[data-v-50271237],.modes-header[data-v-50271237]{margin-bottom:var(--space-4)}.chart-title[data-v-50271237],.modes-title[data-v-50271237]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.modes-description[data-v-50271237]{font-size:var(--font-size-sm);color:var(--text-secondary)}.daily-progress-section .section-header[data-v-50271237],.overview-section .section-header[data-v-50271237]{margin-bottom:var(--space-4)}[data-v-50271237] .stats-grid .stat-card{padding:var(--space-4);gap:var(--space-3)}[data-v-50271237] .stats-grid .stat-icon{width:40px;height:40px}[data-v-50271237] .stats-grid .stat-icon svg{width:20px;height:20px}.chart-controls[data-v-50271237]{display:flex;gap:var(--space-2);flex-wrap:wrap}.metric-button[data-v-50271237]{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast)}.metric-button[data-v-50271237]:hover{border-color:var(--primary-color);color:var(--text-primary)}.metric-button.active[data-v-50271237]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.chart-container[data-v-50271237]{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-4);min-height:200px}.chart-content[data-v-50271237]{height:100%}.chart-header[data-v-50271237]{margin-bottom:var(--space-4);text-align:center}.chart-svg[data-v-50271237]{width:100%;height:200px}.trend-chart[data-v-50271237]{width:100%;height:100%}.chart-empty[data-v-50271237]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.chart-icon[data-v-50271237]{width:48px;height:48px;background:var(--bg-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:var(--space-3)}.chart-icon svg[data-v-50271237]{width:24px;height:24px}.chart-text h4[data-v-50271237]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.chart-text p[data-v-50271237]{color:var(--text-secondary)}.chart-data[data-v-50271237]{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.data-point[data-v-50271237]{text-align:center}.data-value[data-v-50271237]{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.data-label[data-v-50271237]{font-size:var(--font-size-xs);color:var(--text-secondary)}.modes-stats[data-v-50271237]{display:flex;flex-direction:column;gap:var(--space-3)}.mode-stat[data-v-50271237]{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.mode-info[data-v-50271237]{display:flex;align-items:center;gap:var(--space-2);min-width:150px}.mode-icon[data-v-50271237]{width:32px;height:32px;background:var(--bg-surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.mode-icon svg[data-v-50271237]{width:16px;height:16px}.mode-details[data-v-50271237]{flex:1}.mode-name[data-v-50271237]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.mode-time[data-v-50271237]{font-size:var(--font-size-xs);color:var(--text-secondary)}.mode-progress[data-v-50271237]{flex:1;display:flex;align-items:center;gap:var(--space-2)}.progress-bar[data-v-50271237]{flex:1;height:6px;background:var(--bg-surface);border-radius:var(--radius-sm);overflow:hidden}.progress-fill[data-v-50271237]{height:100%;transition:var(--transition-fast)}.mode-percentage[data-v-50271237]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:35px}@media (max-width: 768px){.overview-section[data-v-50271237]{padding:var(--space-4)}.stats-grid[data-v-50271237]{grid-template-columns:1fr 1fr;gap:var(--space-3)}.combined-charts[data-v-50271237]{grid-template-columns:1fr;gap:var(--space-4)}.chart-section[data-v-50271237],.modes-section[data-v-50271237]{padding:var(--space-3)}.chart-container[data-v-50271237]{min-height:150px;padding:var(--space-3)}.chart-controls[data-v-50271237]{flex-wrap:wrap}.metric-button[data-v-50271237]{font-size:10px;padding:var(--space-1)}.mode-stat[data-v-50271237]{padding:var(--space-2);gap:var(--space-2)}.mode-info[data-v-50271237]{min-width:120px}.mode-icon[data-v-50271237]{width:28px;height:28px}.mode-icon svg[data-v-50271237]{width:14px;height:14px}.mode-name[data-v-50271237]{font-size:var(--font-size-xs)}.mode-time[data-v-50271237]{font-size:10px}.achievements-grid[data-v-50271237]{grid-template-columns:1fr 1fr;gap:var(--space-2)}.achievement-card[data-v-50271237]{padding:var(--space-2);gap:var(--space-1);min-height:50px}.achievement-icon[data-v-50271237]{width:28px;height:28px}.achievement-icon svg[data-v-50271237]{width:14px;height:14px}.achievement-title[data-v-50271237]{font-size:var(--font-size-xs);margin-bottom:2px}}.achievements-section[data-v-50271237]{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-primary)}.achievements-grid[data-v-50271237]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.achievement-card[data-v-50271237]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-2);opacity:.6;transition:var(--transition-fast);min-height:60px}.achievement-card.unlocked[data-v-50271237]{opacity:1;border-color:var(--success-color);background:#10b9810d}.achievement-icon[data-v-50271237]{width:36px;height:36px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.achievement-card.unlocked .achievement-icon[data-v-50271237]{background:var(--success-color);color:#fff}.achievement-icon svg[data-v-50271237]{width:18px;height:18px}.achievement-content[data-v-50271237]{flex:1;min-width:0}.achievement-title[data-v-50271237]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.2}.achievement-description[data-v-50271237]{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-1);line-height:1.3}.achievement-progress[data-v-50271237]{display:flex;align-items:center;gap:var(--space-1)}.progress-text[data-v-50271237]{font-size:10px;color:var(--text-secondary);min-width:30px}.quick-actions-section[data-v-50271237]{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-primary)}.actions-grid[data-v-50271237]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.action-card[data-v-50271237]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:var(--transition-fast)}.action-card[data-v-50271237]:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.action-icon[data-v-50271237]{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.action-icon.primary[data-v-50271237]{background:var(--primary-color)}.action-icon.secondary[data-v-50271237]{background:var(--secondary-color)}.action-icon.success[data-v-50271237]{background:var(--success-color)}.action-icon.info[data-v-50271237]{background:var(--info-color)}.action-icon svg[data-v-50271237]{width:20px;height:20px}.action-content[data-v-50271237]{flex:1;min-width:0}.action-title[data-v-50271237]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.action-description[data-v-50271237]{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}@keyframes wave-50271237{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}@keyframes float-50271237{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.light .welcome-banner[data-v-50271237]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);box-shadow:0 4px 20px #10b98133}.light .overview-section[data-v-50271237]{background:var(--bg-surface);border-color:var(--border-primary);box-shadow:0 2px 8px #0000000d}.light .time-range-button[data-v-50271237]{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}.light .time-range-button[data-v-50271237]:hover{background:var(--bg-hover);border-color:var(--primary-color)}.light .time-range-button.active[data-v-50271237]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.light .daily-progress-section[data-v-50271237]{background:var(--bg-surface);border-color:var(--border-primary);box-shadow:0 2px 8px #0000000d}.light .progress-card[data-v-50271237]{background:var(--bg-secondary);border-color:var(--border-primary)}.light .section-title[data-v-50271237]{color:var(--text-primary)}.light .progress-label[data-v-50271237]{color:var(--text-secondary)}.light .progress-value[data-v-50271237]{color:var(--text-primary)}.dark .welcome-banner[data-v-50271237]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);box-shadow:0 4px 20px #0000004d}.dark .overview-section[data-v-50271237]{background:var(--bg-surface);border-color:var(--border-primary);box-shadow:0 2px 8px #0003}.dark .time-range-button[data-v-50271237]{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}.dark .time-range-button[data-v-50271237]:hover{background:var(--bg-hover);border-color:var(--primary-color)}.dark .time-range-button.active[data-v-50271237]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dark .daily-progress-section[data-v-50271237]{background:var(--bg-surface);border-color:var(--border-primary);box-shadow:0 2px 8px #0003}.dark .progress-card[data-v-50271237]{background:var(--bg-secondary);border-color:var(--border-primary)}.dark .section-title[data-v-50271237]{color:var(--text-primary)}.dark .progress-label[data-v-50271237]{color:var(--text-secondary)}.dark .progress-value[data-v-50271237]{color:var(--text-primary)}@media (max-width: 768px){.dashboard[data-v-50271237]{padding:var(--mobile-space-sm);gap:var(--mobile-space-md)}.welcome-banner[data-v-50271237]{flex-direction:column;text-align:center;gap:var(--mobile-space-md);padding:var(--mobile-space-lg);border-radius:var(--radius-2xl);min-height:auto}.welcome-content[data-v-50271237]{order:1}.welcome-text[data-v-50271237]{margin-bottom:var(--mobile-space-lg)}.welcome-title[data-v-50271237]{font-size:var(--mobile-font-size-xl)!important;font-weight:700;line-height:var(--mobile-line-height-tight);margin-bottom:var(--mobile-space-sm)}.welcome-subtitle[data-v-50271237]{font-size:var(--mobile-font-size-xs)!important;line-height:var(--mobile-line-height-relaxed);opacity:.8}.welcome-actions[data-v-50271237]{margin-top:var(--mobile-space-md)}.welcome-actions .btn[data-v-50271237]{font-size:var(--mobile-font-size-sm);padding:var(--mobile-space-md) var(--mobile-space-xl);min-height:44px}.welcome-visual[data-v-50271237]{order:0;width:80px;height:80px;margin:0 auto var(--mobile-space-md)}.section-title[data-v-50271237]{font-size:var(--mobile-font-size-lg);font-weight:700;margin-bottom:var(--mobile-space-md)}.daily-progress-section[data-v-50271237]{padding:var(--mobile-space-xl);margin-bottom:var(--mobile-space-xl)}.progress-cards[data-v-50271237]{grid-template-columns:1fr;gap:var(--mobile-space-xl);max-width:none}.progress-card[data-v-50271237]{padding:var(--mobile-space-xl);gap:var(--mobile-space-lg);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a}.progress-number[data-v-50271237]{font-size:var(--mobile-font-size-2xl);font-weight:800;line-height:var(--mobile-line-height-tight)}.progress-target[data-v-50271237]{font-size:var(--mobile-font-size-lg);font-weight:600;color:var(--text-secondary)}.progress-label[data-v-50271237]{font-size:var(--mobile-font-size-sm);font-weight:600;color:var(--text-tertiary);margin-top:var(--mobile-space-sm)}.stats-grid[data-v-50271237]{grid-template-columns:1fr 1fr;gap:16px 12px}.actions-grid[data-v-50271237]{grid-template-columns:1fr 1fr;gap:var(--mobile-space-md)}.action-card[data-v-50271237]{padding:var(--mobile-space-md);gap:var(--mobile-space-sm)}.action-icon[data-v-50271237]{width:32px;height:32px}.action-icon svg[data-v-50271237]{width:16px;height:16px}.action-title[data-v-50271237]{font-size:var(--font-size-xs)}.action-description[data-v-50271237]{font-size:10px}.section-header[data-v-50271237]{flex-direction:column;align-items:flex-start;gap:var(--mobile-space-sm);margin-bottom:var(--mobile-space-lg)}.btn[data-v-50271237]{font-size:var(--mobile-font-size-base);font-weight:600;padding:var(--mobile-space-md) var(--mobile-space-lg);min-height:44px}}@media (max-width: 480px){.dashboard[data-v-50271237]{padding:var(--mobile-space-sm);gap:var(--mobile-space-md)}.welcome-banner[data-v-50271237]{padding:var(--mobile-space-lg)}.welcome-title[data-v-50271237]{font-size:var(--mobile-font-size-lg)!important;margin-bottom:var(--mobile-space-xs)}.welcome-subtitle[data-v-50271237]{font-size:11px!important}.welcome-actions .btn[data-v-50271237]{font-size:var(--mobile-font-size-xs);padding:var(--mobile-space-sm) var(--mobile-space-lg);min-height:40px}.welcome-visual[data-v-50271237]{width:60px;height:60px}.section-title[data-v-50271237]{font-size:var(--mobile-font-size-base)}.daily-progress-section[data-v-50271237]{padding:var(--mobile-space-lg)}.progress-card[data-v-50271237]{padding:var(--mobile-space-lg);gap:var(--mobile-space-md)}.progress-number[data-v-50271237]{font-size:var(--mobile-font-size-xl)}.progress-target[data-v-50271237]{font-size:var(--mobile-font-size-base)}.progress-label[data-v-50271237]{font-size:var(--mobile-font-size-xs)}.stats-section[data-v-50271237],.quick-actions[data-v-50271237]{padding:var(--mobile-space-md)}}.prose[data-v-182e67ec]{max-width:none}mark[data-v-182e67ec]{transition:all .2s ease}mark[data-v-182e67ec]:hover{background-color:#fef3c7;transform:scale(1.05)}.dark mark[data-v-182e67ec]:hover{background-color:#451a03}.contextual-learning-view[data-v-66f274fd]{max-height:100vh;display:flex;flex-direction:column}.page-header[data-v-66f274fd]{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-primary);padding:var(--space-4)}.header-content[data-v-66f274fd]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-main[data-v-66f274fd]{display:flex;align-items:center;gap:var(--space-3)}.header-icon[data-v-66f274fd]{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.header-text[data-v-66f274fd]{flex:1}.page-title[data-v-66f274fd]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.page-description[data-v-66f274fd]{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.header-actions[data-v-66f274fd]{display:flex;align-items:center;gap:var(--space-2)}.help-button[data-v-66f274fd]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.help-button[data-v-66f274fd]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.help-panel[data-v-66f274fd]{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-primary);padding:var(--space-4)}.help-content[data-v-66f274fd]{max-width:1400px;margin:0 auto}.help-title[data-v-66f274fd]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);margin:0 0 var(--space-2) 0}.help-steps[data-v-66f274fd]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.help-steps p[data-v-66f274fd]{margin:0 0 var(--space-1) 0}.help-steps p[data-v-66f274fd]:last-child{margin-bottom:0}.main-content[data-v-66f274fd]{flex:1;overflow-y:auto;padding:var(--space-4)}.content-container[data-v-66f274fd]{max-width:1400px;margin:0 auto}.main-content[data-v-66f274fd]::-webkit-scrollbar{width:6px}.main-content[data-v-66f274fd]::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}.main-content[data-v-66f274fd]::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.main-content[data-v-66f274fd]::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width: 768px){.header-content[data-v-66f274fd]{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.header-actions[data-v-66f274fd]{align-self:flex-end}.page-title[data-v-66f274fd]{font-size:var(--font-size-xl)}.page-description[data-v-66f274fd]{font-size:var(--font-size-sm)}}.modal-overlay[data-v-2d5e78dd]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-2d5e78dd]{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;border:1px solid var(--border-primary)}.modal-sm[data-v-2d5e78dd]{width:400px;max-width:90vw}.modal-md[data-v-2d5e78dd]{width:500px;max-width:90vw}.modal-lg[data-v-2d5e78dd]{width:600px;max-width:90vw}.modal-xl[data-v-2d5e78dd]{width:800px;max-width:90vw}.modal-full[data-v-2d5e78dd]{width:95vw;height:95vh}.modal-header[data-v-2d5e78dd]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-secondary) 100%)}.modal-header-content[data-v-2d5e78dd]{display:flex;align-items:center;gap:var(--space-3);flex:1}.modal-icon[data-v-2d5e78dd]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon svg[data-v-2d5e78dd]{width:20px;height:20px}.modal-icon-info[data-v-2d5e78dd]{background:#3b82f61a;color:var(--info-color)}.modal-icon-warning[data-v-2d5e78dd]{background:#f59e0b1a;color:var(--warning-color)}.modal-icon-error[data-v-2d5e78dd]{background:#ef44441a;color:var(--error-color)}.modal-icon-confirm[data-v-2d5e78dd]{background:#10b9811a;color:var(--success-color)}.modal-icon-default[data-v-2d5e78dd]{background:var(--bg-secondary);color:var(--text-secondary)}.modal-title-section[data-v-2d5e78dd]{flex:1}.modal-title[data-v-2d5e78dd]{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.modal-subtitle[data-v-2d5e78dd]{font-size:var(--font-size-base);color:var(--text-secondary);margin:var(--space-1) 0 0 0;line-height:1.4}.modal-close[data-v-2d5e78dd]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close[data-v-2d5e78dd]:hover{background:var(--bg-secondary);color:var(--text-primary);transform:rotate(90deg)}.modal-close svg[data-v-2d5e78dd]{width:20px;height:20px}.modal-content[data-v-2d5e78dd]{flex:1;padding:var(--space-5);overflow-y:auto;background:var(--bg-surface);color:var(--text-primary)}.modal-footer[data-v-2d5e78dd]{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-primary);background:var(--bg-surface)}.modal-footer-actions[data-v-2d5e78dd]{display:flex;gap:var(--space-3);justify-content:flex-end}.modal-enter-active[data-v-2d5e78dd],.modal-leave-active[data-v-2d5e78dd]{transition:opacity .2s ease}.modal-enter-active .modal-container[data-v-2d5e78dd],.modal-leave-active .modal-container[data-v-2d5e78dd]{transition:transform .2s ease}.modal-enter-from[data-v-2d5e78dd]{opacity:0}.modal-enter-from .modal-container[data-v-2d5e78dd]{transform:scale(.95) translateY(-10px)}.modal-leave-to[data-v-2d5e78dd]{opacity:0}.modal-leave-to .modal-container[data-v-2d5e78dd]{transform:scale(.95) translateY(-10px)}.light .modal-overlay[data-v-2d5e78dd]{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.light .modal-container[data-v-2d5e78dd]{background:var(--bg-surface);border:1px solid var(--border-primary);box-shadow:0 10px 25px #0000001a}.light .modal-header[data-v-2d5e78dd]{background:var(--bg-surface);border-bottom:1px solid var(--border-primary)}.light .modal-title[data-v-2d5e78dd]{color:var(--text-primary)}.light .modal-subtitle[data-v-2d5e78dd]{color:var(--text-secondary)}.light .modal-content[data-v-2d5e78dd]{background:var(--bg-surface);color:var(--text-primary)}.light .modal-footer[data-v-2d5e78dd]{background:var(--bg-surface);border-top:1px solid var(--border-primary)}.light .modal-icon.info[data-v-2d5e78dd]{background:#3b82f61a;color:var(--info-color)}.light .modal-icon.warning[data-v-2d5e78dd]{background:#f59e0b1a;color:var(--warning-color)}.light .modal-icon.error[data-v-2d5e78dd]{background:#ef44441a;color:var(--error-color)}.light .modal-icon.confirm[data-v-2d5e78dd]{background:#10b9811a;color:var(--success-color)}.dark .modal-overlay[data-v-2d5e78dd]{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .modal-container[data-v-2d5e78dd]{background:var(--bg-surface);border:1px solid var(--border-primary);box-shadow:0 10px 25px #0000004d}.dark .modal-header[data-v-2d5e78dd]{background:var(--bg-surface);border-bottom:1px solid var(--border-primary)}.dark .modal-title[data-v-2d5e78dd]{color:var(--text-primary)}.dark .modal-subtitle[data-v-2d5e78dd]{color:var(--text-secondary)}.dark .modal-content[data-v-2d5e78dd]{background:var(--bg-surface);color:var(--text-primary)}.dark .modal-footer[data-v-2d5e78dd]{background:var(--bg-surface);border-top:1px solid var(--border-primary)}.dark .modal-icon.info[data-v-2d5e78dd]{background:#3b82f633;color:var(--info-color)}.dark .modal-icon.warning[data-v-2d5e78dd]{background:#f59e0b33;color:var(--warning-color)}.dark .modal-icon.error[data-v-2d5e78dd]{background:#ef444433;color:var(--error-color)}.dark .modal-icon.confirm[data-v-2d5e78dd]{background:#10b98133;color:var(--success-color)}@media (max-width: 768px){.modal-sm[data-v-2d5e78dd],.modal-md[data-v-2d5e78dd],.modal-lg[data-v-2d5e78dd],.modal-xl[data-v-2d5e78dd]{width:95vw;max-width:95vw}.modal-header[data-v-2d5e78dd],.modal-content[data-v-2d5e78dd]{padding:var(--space-4)}.modal-footer[data-v-2d5e78dd]{padding:var(--space-3) var(--space-4)}.modal-footer-actions[data-v-2d5e78dd]{flex-direction:column;gap:var(--space-2)}.modal-footer-actions .unified-button[data-v-2d5e78dd]{width:100%}}@media (max-width: 480px){.modal-header[data-v-2d5e78dd],.modal-content[data-v-2d5e78dd]{padding:var(--space-3)}.modal-footer[data-v-2d5e78dd]{padding:var(--space-2) var(--space-3)}.modal-title[data-v-2d5e78dd]{font-size:var(--font-size-lg)}.modal-subtitle[data-v-2d5e78dd]{font-size:var(--font-size-sm)}}[data-v-b9e6f6e9]{scrollbar-width:none;-ms-overflow-style:none}[data-v-b9e6f6e9]::-webkit-scrollbar{display:none}html[data-v-b9e6f6e9],body[data-v-b9e6f6e9]{overflow:hidden!important;height:100%!important}.overflow-hidden[data-v-b9e6f6e9]{overflow:hidden!important}.flex-center[data-v-b9e6f6e9]{display:flex;align-items:center;justify-content:center}.spelling-word[data-v-b9e6f6e9]{letter-spacing:.06em;font-size:clamp(2rem,6vw,3rem)}.spelling-word .letter[data-v-b9e6f6e9]{transition:color .2s ease,transform .2s ease}.spelling-word .letter.typed[data-v-b9e6f6e9]{color:#22c55e}.spelling-word .letter.mismatch[data-v-b9e6f6e9]{color:#f87171}.spelling-word .letter.current[data-v-b9e6f6e9]{color:var(--color-text-primary);transform:translateY(-1px)}.spelling-word .letter.pending[data-v-b9e6f6e9]{color:var(--color-text-secondary)}.speaker-btn[data-v-b9e6f6e9]{width:36px;height:36px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-primary);transition:transform .2s ease,background .2s ease}.speaker-btn[data-v-b9e6f6e9]:hover{transform:scale(1.05)}@keyframes shake-b9e6f6e9{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.animate-shake[data-v-b9e6f6e9]{animation:shake-b9e6f6e9 .5s ease-in-out}.compact-translation[data-v-b9e6f6e9]{font-size:clamp(.9rem,1.2vw,1.125rem)}.text-center h1[data-v-b9e6f6e9]{font-size:clamp(1.25rem,4vw,1.75rem)}.max-w-3xl[data-v-b9e6f6e9]{max-width:48rem}.ls-sticky-header[data-v-b9e6f6e9]{position:sticky;top:0;z-index:40;background:var(--color-bg-primary);border-bottom:1px solid rgba(255,255,255,.06)}.timer-digits-plain[data-v-b9e6f6e9]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:700;letter-spacing:.02em}.progress-track[data-v-b9e6f6e9]{width:100%;height:10px;border-radius:9999px;background:linear-gradient(90deg,#ffffff14,#ffffff0f);overflow:hidden}.progress-fill[data-v-b9e6f6e9]{height:100%;border-radius:9999px;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#22c55e);background-size:200% 100%;animation:progressShimmer-b9e6f6e9 3s linear infinite}@keyframes progressShimmer-b9e6f6e9{0%{background-position:0% 50%}to{background-position:100% 50%}}.timer-widget[data-v-b9e6f6e9]{display:flex;align-items:center;gap:8px}.timer-ring[data-v-b9e6f6e9]{--accent: #8b5cf6;width:56px;height:56px;border-radius:9999px;position:relative;background:conic-gradient(from -90deg,var(--accent) 0 var(--progress-deg),rgba(255,255,255,.08) var(--progress-deg) 360deg);box-shadow:0 0 12px #8b5cf659,0 0 24px #06b6d440;animation:ringPulse-b9e6f6e9 2.8s ease-in-out infinite}.timer-ring-sm[data-v-b9e6f6e9]{width:55px;height:55px}.timer-inner[data-v-b9e6f6e9]{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:9999px;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center}.timer-digits[data-v-b9e6f6e9]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:700;font-size:.85rem;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#22c55e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:digitsShimmer-b9e6f6e9 4s linear infinite;text-shadow:0 0 8px rgba(139,92,246,.35)}.timer-label[data-v-b9e6f6e9]{font-size:12px;color:var(--color-text-secondary);opacity:.9}@keyframes digitsShimmer-b9e6f6e9{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes ringPulse-b9e6f6e9{0%,to{box-shadow:0 0 10px #8b5cf659,0 0 20px #06b6d440}50%{box-shadow:0 0 18px #8b5cf680,0 0 30px #06b6d459}}.mastery-success-toast[data-v-b9e6f6e9]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;opacity:0;transition:all .3s ease}.mastery-success-toast.show[data-v-b9e6f6e9]{opacity:1;transform:translate(-50%,-50%) scale(1)}.mastery-success-toast.hide[data-v-b9e6f6e9]{opacity:0;transform:translate(-50%,-50%) scale(.8)}.mastery-success-content[data-v-b9e6f6e9]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #10b9814d;display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px;animation:masterySuccessPulse-b9e6f6e9 .6s ease-out}.mastery-success-icon[data-v-b9e6f6e9]{width:24px;height:24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.mastery-success-text[data-v-b9e6f6e9]{font-size:15px}@keyframes masterySuccessPulse-b9e6f6e9{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.back-confirm-dialog[data-v-b9e6f6e9]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;transition:all .3s ease}.back-confirm-dialog.show[data-v-b9e6f6e9]{opacity:1}.back-confirm-dialog.hide[data-v-b9e6f6e9]{opacity:0}.back-confirm-overlay[data-v-b9e6f6e9]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}.back-confirm-content[data-v-b9e6f6e9]{background:var(--color-bg-surface);border-radius:16px;padding:24px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease}.back-confirm-dialog.show .back-confirm-content[data-v-b9e6f6e9]{transform:scale(1)}.back-confirm-dialog.hide .back-confirm-content[data-v-b9e6f6e9]{transform:scale(.9)}.back-confirm-header[data-v-b9e6f6e9]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back-confirm-icon[data-v-b9e6f6e9]{font-size:24px}.back-confirm-title[data-v-b9e6f6e9]{font-size:18px;font-weight:600;color:var(--color-text-primary)}.back-confirm-message[data-v-b9e6f6e9]{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px}.back-confirm-actions[data-v-b9e6f6e9]{display:flex;gap:12px;justify-content:flex-end}.back-confirm-cancel[data-v-b9e6f6e9],.back-confirm-confirm[data-v-b9e6f6e9]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.back-confirm-cancel[data-v-b9e6f6e9]{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.back-confirm-cancel[data-v-b9e6f6e9]:hover{background:var(--color-bg-secondary)}.back-confirm-confirm[data-v-b9e6f6e9]{background:#ef4444;color:#fff}.back-confirm-confirm[data-v-b9e6f6e9]:hover{background:#dc2626}.back-dialog-overlay[data-v-b9e6f6e9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000;animation:fadeIn-b9e6f6e9 .3s ease}.back-dialog-content[data-v-b9e6f6e9]{background:var(--color-bg-surface);border-radius:16px;padding:24px;max-width:400px;width:400px;min-width:300px;box-shadow:0 20px 60px #0000004d;transform:scale(.9);animation:scaleIn-b9e6f6e9 .3s ease forwards}.back-dialog-header[data-v-b9e6f6e9]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back-dialog-icon[data-v-b9e6f6e9]{font-size:24px}.back-dialog-title[data-v-b9e6f6e9]{font-size:18px;font-weight:600;color:var(--color-text-primary)}.back-dialog-message[data-v-b9e6f6e9]{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px}.back-dialog-actions[data-v-b9e6f6e9]{display:flex;gap:12px;justify-content:flex-end}.back-dialog-cancel[data-v-b9e6f6e9]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:var(--color-bg-tertiary);color:var(--color-text-primary)}.back-dialog-cancel[data-v-b9e6f6e9]:hover{background:var(--color-bg-secondary)}.back-dialog-confirm[data-v-b9e6f6e9]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:#ef4444;color:#fff}.back-dialog-confirm[data-v-b9e6f6e9]:hover{background:#dc2626}@keyframes fadeIn-b9e6f6e9{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-b9e6f6e9{0%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width: 480px){.back-dialog-content[data-v-b9e6f6e9]{width:90%;max-width:350px;min-width:280px;margin:0 16px}}.mastery-toast[data-v-b9e6f6e9]{position:fixed;top:20px;right:20px;z-index:9999;animation:masterySlideIn-b9e6f6e9 .4s ease}.mastery-toast-content[data-v-b9e6f6e9]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #10b9814d;display:flex;align-items:center;gap:12px;min-width:200px}.mastery-toast-icon[data-v-b9e6f6e9]{font-size:20px;font-weight:700}.mastery-toast-text[data-v-b9e6f6e9]{font-size:14px;font-weight:500}@keyframes masterySlideIn-b9e6f6e9{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.line-clamp-2[data-v-d3322ab5]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prose[data-v-17ed9193]{max-width:none}.line-clamp-3[data-v-05ddc76f]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.review-view[data-v-123ebe4c]{min-height:100vh;background:#f8fafc;padding:20px}.dark .review-view[data-v-123ebe4c]{background:#1f2937}.review-header[data-v-123ebe4c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.header-left[data-v-123ebe4c]{display:flex;align-items:center;gap:16px}.back-btn[data-v-123ebe4c]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.back-btn[data-v-123ebe4c]:hover{background:#e5e7eb}.header-left h2[data-v-123ebe4c]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.progress-info[data-v-123ebe4c]{font-size:16px;font-weight:500;color:#6b7280}.loading-container[data-v-123ebe4c],.empty-container[data-v-123ebe4c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#6b7280}.empty-container h3[data-v-123ebe4c]{font-size:20px;font-weight:600;color:#374151;margin:0}.review-content[data-v-123ebe4c]{max-width:800px;margin:0 auto}.task-info[data-v-123ebe4c]{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.task-meta[data-v-123ebe4c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.review-type[data-v-123ebe4c]{font-size:16px;font-weight:600;color:#3b82f6}.task-date[data-v-123ebe4c]{font-size:14px;color:#6b7280}.progress-bar[data-v-123ebe4c]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill[data-v-123ebe4c]{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease}.word-card[data-v-123ebe4c]{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a;text-align:center}.dark .word-card[data-v-123ebe4c]{background:#374151;box-shadow:0 4px 6px #0000004d}.word[data-v-123ebe4c]{font-size:48px;font-weight:700;color:#1f2937;margin:0 0 24px}.dark .word[data-v-123ebe4c]{color:#f9fafb}.answer-section[data-v-123ebe4c]{text-align:left;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.dark .answer-section[data-v-123ebe4c]{border-top-color:#4b5563}.translation[data-v-123ebe4c]{font-size:24px;font-weight:600;color:#059669;margin-bottom:16px}.definitions[data-v-123ebe4c],.examples[data-v-123ebe4c]{margin-bottom:16px}.definitions h4[data-v-123ebe4c],.examples h4[data-v-123ebe4c]{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.dark .definitions h4[data-v-123ebe4c],.dark .examples h4[data-v-123ebe4c]{color:#d1d5db}.definitions p[data-v-123ebe4c],.examples p[data-v-123ebe4c]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.dark .definitions p[data-v-123ebe4c],.dark .examples p[data-v-123ebe4c]{color:#9ca3af}.card-actions[data-v-123ebe4c]{margin-top:32px}.show-answer-btn[data-v-123ebe4c]{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.show-answer-btn[data-v-123ebe4c]:hover{background:#2563eb}.difficulty-buttons h4[data-v-123ebe4c]{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.button-group[data-v-123ebe4c]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.difficulty-btn[data-v-123ebe4c]{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.difficulty-btn.easy[data-v-123ebe4c]{background:#d1fae5;color:#065f46}.difficulty-btn.simple[data-v-123ebe4c]{background:#dbeafe;color:#1e40af}.difficulty-btn.normal[data-v-123ebe4c]{background:#fef3c7;color:#92400e}.difficulty-btn.hard[data-v-123ebe4c]{background:#fed7d7;color:#991b1b}.difficulty-btn.very-hard[data-v-123ebe4c]{background:#f3e8ff;color:#6b21a8}.difficulty-btn[data-v-123ebe4c]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.review-actions[data-v-123ebe4c]{display:flex;justify-content:space-between;gap:16px}.skip-btn[data-v-123ebe4c]{padding:12px 24px;background:#f3f4f6;color:#6b7280;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.skip-btn[data-v-123ebe4c]:hover{background:#e5e7eb}.next-btn[data-v-123ebe4c]{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.next-btn[data-v-123ebe4c]:hover:not(:disabled){background:#059669}.next-btn[data-v-123ebe4c]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-123ebe4c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-123ebe4c]{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%}.modal-header[data-v-123ebe4c]{padding:24px 24px 0}.modal-header h3[data-v-123ebe4c]{font-size:20px;font-weight:600;color:#1f2937;margin:0;text-align:center}.modal-body[data-v-123ebe4c]{padding:24px}.completion-stats[data-v-123ebe4c]{display:flex;flex-direction:column;gap:12px}.stat-item[data-v-123ebe4c]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px}.stat-label[data-v-123ebe4c]{font-weight:500;color:#374151}.stat-value[data-v-123ebe4c]{font-weight:600;color:#1f2937}.modal-footer[data-v-123ebe4c]{padding:0 24px 24px;display:flex;justify-content:center}.close-btn[data-v-123ebe4c]{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.close-btn[data-v-123ebe4c]:hover{background:#2563eb}@media (max-width: 768px){.review-view[data-v-123ebe4c]{padding:16px}.word[data-v-123ebe4c]{font-size:36px}.button-group[data-v-123ebe4c]{flex-direction:column;align-items:center}.difficulty-btn[data-v-123ebe4c]{width:200px}.review-actions[data-v-123ebe4c]{flex-direction:column}}.vocabulary-center[data-v-289b50c2]{padding:var(--space-4);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.page-header[data-v-289b50c2]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between}.header-content[data-v-289b50c2]{flex:1}.page-title[data-v-289b50c2]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.page-description[data-v-289b50c2]{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.header-actions[data-v-289b50c2]{display:flex;gap:var(--space-3)}.filter-section[data-v-289b50c2]{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-primary)}.filter-tabs[data-v-289b50c2]{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.filter-tab[data-v-289b50c2]{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.filter-tab[data-v-289b50c2]:hover{background:var(--color-bg-hover);border-color:var(--primary-color)}.filter-tab.active[data-v-289b50c2]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-controls[data-v-289b50c2]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.difficulty-filter[data-v-289b50c2],.sort-filter[data-v-289b50c2]{display:flex;align-items:center;gap:var(--space-2)}.difficulty-filter label[data-v-289b50c2],.sort-filter label[data-v-289b50c2]{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.filter-select[data-v-289b50c2]{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.search-box[data-v-289b50c2]{position:relative;flex:1;min-width:200px}.search-input[data-v-289b50c2]{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.search-input[data-v-289b50c2]:focus{outline:none;border-color:var(--primary-color)}.search-icon[data-v-289b50c2]{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-tertiary)}.vocabulary-list[data-v-289b50c2]{display:flex;flex-direction:column;gap:var(--space-4)}.libraries-grid[data-v-289b50c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-4);transition:gap .3s ease}.library-card[data-v-289b50c2]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);position:relative;transition:all .3s ease}.library-card[data-v-289b50c2]:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.library-card.in-plan[data-v-289b50c2]{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-bg-surface) 0%,rgba(34,197,94,.05) 100%)}.library-header[data-v-289b50c2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.library-icon[data-v-289b50c2]{width:40px;height:40px;background:var(--primary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.library-badge[data-v-289b50c2]{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;color:#fff;display:inline-block;margin-bottom:10px;letter-spacing:.5px}.category-考研[data-v-289b50c2]{background:var(--primary-color)}.category-CET4\/CET6[data-v-289b50c2]{background:var(--color-secondary)}.category-雅思\/托福[data-v-289b50c2]{background:var(--color-info)}.category-同义词替换[data-v-289b50c2]{background:var(--color-success)}.category-KET[data-v-289b50c2]{background:var(--color-warning)}.category-GRE[data-v-289b50c2]{background:var(--color-error)}.category-高考[data-v-289b50c2]{background:var(--color-accent)}.category-中考[data-v-289b50c2]{background:#8b5cf6}.category-专四[data-v-289b50c2]{background:#06b6d4}.category-专八[data-v-289b50c2]{background:#f59e0b}.library-content[data-v-289b50c2]{margin-bottom:var(--space-6)}.title-row[data-v-289b50c2]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.library-title[data-v-289b50c2]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:1.4}.library-description[data-v-289b50c2]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;line-height:1.5}.library-metadata[data-v-289b50c2]{display:flex;flex-direction:column;gap:var(--space-2)}.metadata-item[data-v-289b50c2]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metadata-icon[data-v-289b50c2]{font-size:var(--font-size-base)}.library-actions[data-v-289b50c2]{display:flex;gap:var(--space-3)}.action-button[data-v-289b50c2]{flex:1;transition:all .2s ease}.action-button.secondary.in-plan[data-v-289b50c2]{background:var(--color-success);border-color:var(--color-success);color:#fff}.action-button.secondary.in-plan[data-v-289b50c2]:hover{background:var(--color-success-dark, #059669);border-color:var(--color-success-dark, #059669)}.button-content[data-v-289b50c2]{display:flex;align-items:center;gap:var(--space-2)}.button-icon[data-v-289b50c2]{width:16px;height:16px;flex-shrink:0}.progress-item[data-v-289b50c2]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.progress-content[data-v-289b50c2]{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.progress-text[data-v-289b50c2]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.progress-label[data-v-289b50c2]{color:var(--color-text-secondary)}.progress-percentage[data-v-289b50c2]{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.progress-count[data-v-289b50c2]{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.progress-bar-container[data-v-289b50c2]{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden;position:relative}.progress-bar[data-v-289b50c2]{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--color-primary-light, #60a5fa));border-radius:3px;transition:width .3s ease;position:relative}.progress-bar[data-v-289b50c2]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine-289b50c2 2s infinite}@keyframes progress-shine-289b50c2{0%{transform:translate(-100%)}to{transform:translate(100%)}}.plan-badge[data-v-289b50c2]{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--color-success);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.loading-state[data-v-289b50c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-6)}.loading-skeleton[data-v-289b50c2]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-header[data-v-289b50c2]{height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:pulse-289b50c2 1.5s ease-in-out infinite}.skeleton-content[data-v-289b50c2]{height:120px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:pulse-289b50c2 1.5s ease-in-out infinite}.skeleton-actions[data-v-289b50c2]{height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:pulse-289b50c2 1.5s ease-in-out infinite}@keyframes pulse-289b50c2{0%,to{opacity:1}50%{opacity:.5}}.empty-state[data-v-289b50c2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;background:var(--color-bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.empty-icon[data-v-289b50c2]{font-size:64px;margin-bottom:var(--space-4);opacity:.6}.empty-title[data-v-289b50c2]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-description[data-v-289b50c2]{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.library-info[data-v-289b50c2]{margin-bottom:var(--space-6);text-align:center;padding:var(--space-4);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);display:block}.library-name[data-v-289b50c2]{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600;margin:0}.modes-container[data-v-289b50c2]{display:flex;flex-direction:column;gap:var(--space-4)}.mode-card[data-v-289b50c2]{background:#ffffff0d;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;display:flex;align-items:flex-start;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-card[data-v-289b50c2]:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:0 5px 15px #0003}.mode-card:hover .mode-icon[data-v-289b50c2]{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.mode-card-selected[data-v-289b50c2]{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1);box-shadow:0 5px 20px rgba(var(--primary-color-rgb),.2)}.mode-card-selected .mode-icon[data-v-289b50c2]{transform:scale(1.1);box-shadow:0 4px 16px #0003}.mode-icon[data-v-289b50c2]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0;transition:all .3s ease}.mode-icon svg[data-v-289b50c2]{width:24px;height:24px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.mode-icon.chinese-to-english[data-v-289b50c2]{background:#3498db33;color:#3498db}.mode-icon.chinese-to-english-spelling[data-v-289b50c2]{background:#e74c3c33;color:#e74c3c}.mode-icon.dictation[data-v-289b50c2]{background:#9b59b633;color:#9b59b6}.mode-title[data-v-289b50c2]{display:flex;align-items:center;margin-bottom:8px;gap:10px}.mode-name[data-v-289b50c2]{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mode-tag[data-v-289b50c2]{font-size:.75rem;padding:3px 8px;border-radius:20px;font-weight:500;color:#fff}.mode-tag.recommend[data-v-289b50c2]{background:#2ecc71}.mode-tag.enhance[data-v-289b50c2]{background:#e74c3c}.mode-tag.listening[data-v-289b50c2]{background:#9b59b6}.mode-desc[data-v-289b50c2]{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin:0}.selection-indicator[data-v-289b50c2]{position:absolute;top:20px;right:20px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.selection-indicator.selected[data-v-289b50c2]{border-color:var(--primary-color);background:var(--primary-color)}.selection-indicator.selected[data-v-289b50c2]:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.mode-content[data-v-289b50c2]{flex:1}.modal-footer-actions[data-v-289b50c2]{display:flex;gap:var(--space-3);justify-content:space-between;align-items:center;padding:20px 0 0}@media (min-width: 1600px){.vocabulary-center[data-v-289b50c2]{max-width:1400px;margin:0 auto}.libraries-grid[data-v-289b50c2]{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:var(--space-6)}}@media (min-width: 1200px) and (max-width: 1599px){.libraries-grid[data-v-289b50c2]{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-5)}}@media (min-width: 992px) and (max-width: 1199px){.libraries-grid[data-v-289b50c2]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}}@media (min-width: 769px) and (max-width: 991px){.vocabulary-center[data-v-289b50c2]{padding:var(--space-3)}.libraries-grid[data-v-289b50c2]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.filter-controls[data-v-289b50c2]{gap:var(--space-2)}}@media (max-width: 768px){.vocabulary-center[data-v-289b50c2]{padding:var(--mobile-space-md)}.page-title[data-v-289b50c2]{font-size:var(--mobile-font-size-xl);font-weight:700;line-height:var(--mobile-line-height-tight);margin-bottom:var(--mobile-space-sm)}.page-description[data-v-289b50c2]{font-size:var(--mobile-font-size-xs);line-height:var(--mobile-line-height-relaxed);margin:0}.page-header[data-v-289b50c2]{flex-direction:row;align-items:center;gap:var(--mobile-space-md);padding:var(--mobile-space-md);margin-bottom:var(--mobile-space-md);background:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.header-content[data-v-289b50c2]{flex:1;min-width:0}.header-actions[data-v-289b50c2]{flex-shrink:0}.header-actions button[data-v-289b50c2]{font-size:var(--mobile-font-size-xs);padding:var(--mobile-space-sm) var(--mobile-space-md)}.page-header[data-v-289b50c2]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--color-secondary))}.filter-controls[data-v-289b50c2]{flex-direction:row;align-items:center;gap:var(--mobile-space-sm);flex-wrap:wrap}.difficulty-filter[data-v-289b50c2]{display:flex;align-items:center;gap:var(--mobile-space-xs);white-space:nowrap}.difficulty-filter label[data-v-289b50c2]{font-size:var(--mobile-font-size-xs)}.filter-select[data-v-289b50c2]{font-size:var(--mobile-font-size-xs);padding:var(--mobile-space-xs) var(--mobile-space-sm);min-height:32px}.search-box[data-v-289b50c2]{flex:1;min-width:120px}.search-input[data-v-289b50c2]{font-size:var(--mobile-font-size-xs);padding:var(--mobile-space-xs) var(--mobile-space-sm);min-height:32px}.filter-tabs[data-v-289b50c2]{gap:var(--mobile-space-xs);flex-wrap:wrap}.filter-tab[data-v-289b50c2]{font-size:var(--mobile-font-size-xs);font-weight:600;padding:var(--mobile-space-xs) var(--mobile-space-sm);min-height:32px}.libraries-grid[data-v-289b50c2]{grid-template-columns:1fr;gap:var(--mobile-space-xl)}.library-card[data-v-289b50c2]{padding:var(--mobile-space-xl);border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a}.library-header .library-name[data-v-289b50c2]{font-size:var(--mobile-font-size-xl);font-weight:700;line-height:var(--mobile-line-height-tight)}.library-description[data-v-289b50c2]{font-size:var(--mobile-font-size-base);line-height:var(--mobile-line-height-relaxed);margin:var(--mobile-space-md) 0}.library-meta[data-v-289b50c2]{font-size:var(--mobile-font-size-sm);gap:var(--mobile-space-lg)}.meta-item[data-v-289b50c2]{font-size:var(--mobile-font-size-sm);font-weight:500}.library-actions[data-v-289b50c2]{flex-direction:column;gap:var(--mobile-space-md);margin-top:var(--mobile-space-lg)}.library-actions .btn[data-v-289b50c2]{font-size:var(--mobile-font-size-base);font-weight:600;padding:var(--mobile-space-md) var(--mobile-space-lg);min-height:44px;width:100%;justify-content:center}.category-badge[data-v-289b50c2],.difficulty-badge[data-v-289b50c2]{font-size:var(--mobile-font-size-xs);font-weight:600;padding:var(--mobile-space-sm) var(--mobile-space-md)}}@media (max-width: 480px){.vocabulary-center[data-v-289b50c2]{padding:var(--space-1)}.page-header[data-v-289b50c2]{padding:var(--space-2)}.libraries-grid[data-v-289b50c2]{gap:var(--space-2)}.library-card[data-v-289b50c2]{padding:var(--space-2)}.filter-tabs[data-v-289b50c2]{flex-wrap:wrap;gap:var(--space-1)}.filter-tab[data-v-289b50c2]{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}.form-group[data-v-289b50c2]{margin-bottom:24px}.form-label[data-v-289b50c2]{display:block;font-size:15px;font-weight:700;color:var(--text-primary)!important;margin-bottom:10px;line-height:1.4;letter-spacing:.3px}.form-input[data-v-289b50c2]{width:100%;padding:14px 16px;background:var(--bg-surface)!important;border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary)!important;font-size:16px;font-weight:600;transition:all .2s ease;line-height:1.4;letter-spacing:.3px}.form-input[data-v-289b50c2]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-input[type=number][data-v-289b50c2]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-input[type=number][data-v-289b50c2]::-webkit-outer-spin-button,.form-input[type=number][data-v-289b50c2]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.selected-library[data-v-289b50c2]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.selected-library[data-v-289b50c2]:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.library-details[data-v-289b50c2]{flex:1}.library-meta[data-v-289b50c2]{font-size:15px;color:var(--text-secondary);margin:0;display:flex;gap:8px;font-weight:600;letter-spacing:.3px}.library-meta span[data-v-289b50c2]:not(:last-child):after{content:"|";margin:0 8px}.completion-time[data-v-289b50c2]{background:var(--bg-surface)!important;border-radius:10px;padding:12px 16px;text-align:center;border:2px solid var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.15);display:flex;align-items:center;justify-content:center;gap:4px}.time-text[data-v-289b50c2]{font-size:14px;color:var(--text-secondary);margin:0;font-weight:600;letter-spacing:.2px}.time-days[data-v-289b50c2]{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.1);font-family:Arial,Helvetica,sans-serif}.custom-library-upload[data-v-63d0e485]{max-width:800px;margin:0 auto;padding:var(--space-4)}.upload-section[data-v-63d0e485]{margin-bottom:var(--space-6)}.upload-area[data-v-63d0e485]{border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all .3s ease;background:var(--color-bg-surface);position:relative;overflow:hidden}.upload-area[data-v-63d0e485]:hover{border-color:var(--primary-color);background:var(--color-bg-hover)}.upload-area.drag-over[data-v-63d0e485]{border-color:var(--primary-color);background:#10b9811a;transform:scale(1.02)}.upload-area.has-file[data-v-63d0e485]{border-color:var(--primary-color);background:var(--color-bg-surface);cursor:default}.upload-area.uploading[data-v-63d0e485]{cursor:not-allowed;opacity:.7}.upload-placeholder[data-v-63d0e485]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.upload-icon[data-v-63d0e485]{color:var(--color-text-secondary);opacity:.7}.upload-title[data-v-63d0e485]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.upload-description[data-v-63d0e485]{color:var(--color-text-secondary);margin:0}.upload-hint[data-v-63d0e485]{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.file-preview[data-v-63d0e485]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.file-info[data-v-63d0e485]{display:flex;align-items:center;gap:var(--space-3);flex:1}.file-icon[data-v-63d0e485]{color:var(--primary-color);flex-shrink:0}.file-details[data-v-63d0e485]{flex:1;text-align:left}.file-name[data-v-63d0e485]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.file-size[data-v-63d0e485],.file-type[data-v-63d0e485]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.remove-file-btn[data-v-63d0e485]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast);flex-shrink:0}.remove-file-btn[data-v-63d0e485]:hover{background:var(--color-bg-hover);color:var(--color-danger)}.upload-progress[data-v-63d0e485]{position:absolute;bottom:0;left:0;right:0;background:var(--color-bg-surface);padding:var(--space-3);border-top:1px solid var(--color-border-primary)}.progress-bar[data-v-63d0e485]{height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill[data-v-63d0e485]{height:100%;background:var(--primary-color);border-radius:2px;transition:width .3s ease}.progress-text[data-v-63d0e485]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;text-align:center}.format-guide[data-v-63d0e485]{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.format-guide h4[data-v-63d0e485]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.format-list[data-v-63d0e485]{display:flex;flex-direction:column;gap:var(--space-3)}.format-item[data-v-63d0e485]{padding:var(--space-3);background:var(--color-bg-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-secondary)}.format-item strong[data-v-63d0e485]{color:var(--color-text-primary);display:block;margin-bottom:var(--space-1)}.format-item p[data-v-63d0e485]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-2) 0}.format-item code[data-v-63d0e485]{display:block;background:var(--color-bg-tertiary);padding:var(--space-2);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--color-text-primary);border:1px solid var(--color-border-secondary)}.library-config[data-v-63d0e485]{margin-bottom:var(--space-6)}.library-config h3[data-v-63d0e485]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.form-group[data-v-63d0e485]{margin-bottom:var(--space-4)}.form-label[data-v-63d0e485]{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-control[data-v-63d0e485]{width:100%;padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.form-control[data-v-63d0e485]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #10b98133}.form-control[data-v-63d0e485]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-63d0e485]{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-1)}.tags-input[data-v-63d0e485]{display:flex;flex-direction:column;gap:var(--space-2)}.selected-tags[data-v-63d0e485]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag[data-v-63d0e485]{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.tag[data-v-63d0e485]:hover{background:var(--color-primary-dark)}.tag svg[data-v-63d0e485]{width:12px;height:12px}.available-tags[data-v-63d0e485]{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tags-label[data-v-63d0e485]{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-right:var(--space-2)}.tag-suggestion[data-v-63d0e485]{padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast);border:1px solid var(--color-border-secondary)}.tag-suggestion[data-v-63d0e485]:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--primary-color)}.action-buttons[data-v-63d0e485]{display:flex;gap:var(--space-3);justify-content:flex-end}.btn[data-v-63d0e485]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:var(--space-2)}.btn[data-v-63d0e485]:disabled{opacity:.6;cursor:not-allowed}@keyframes spin-63d0e485{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-alert[data-v-63d0e485],.success-alert[data-v-63d0e485]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-4)}.error-alert[data-v-63d0e485]{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.success-alert[data-v-63d0e485]{background:#10b9811a;color:var(--primary-color);border:1px solid rgba(16,185,129,.2)}@media (max-width: 768px){.custom-library-upload[data-v-63d0e485]{padding:var(--space-2)}.upload-area[data-v-63d0e485]{padding:var(--space-6)}.file-preview[data-v-63d0e485]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.file-info[data-v-63d0e485]{width:100%}.remove-file-btn[data-v-63d0e485]{align-self:flex-end}.format-list[data-v-63d0e485]{gap:var(--space-2)}.format-item[data-v-63d0e485]{padding:var(--space-2)}.action-buttons[data-v-63d0e485]{flex-direction:column}.btn[data-v-63d0e485]{width:100%;justify-content:center}}.upload-history[data-v-df886eb8]{max-width:1000px;margin:0 auto}.history-header[data-v-df886eb8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-primary)}.history-header h3[data-v-df886eb8]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.header-actions[data-v-df886eb8]{display:flex;gap:var(--space-2)}.btn[data-v-df886eb8]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex;align-items:center;gap:var(--space-1)}.btn[data-v-df886eb8]:disabled{opacity:.6;cursor:not-allowed}.loading-state[data-v-df886eb8]{display:flex;flex-direction:column;gap:var(--space-3)}.loading-skeleton[data-v-df886eb8]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-header[data-v-df886eb8]{height:20px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:pulse-df886eb8 1.5s ease-in-out infinite}.skeleton-content[data-v-df886eb8]{height:60px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:pulse-df886eb8 1.5s ease-in-out infinite}.skeleton-footer[data-v-df886eb8]{height:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);animation:pulse-df886eb8 1.5s ease-in-out infinite}@keyframes pulse-df886eb8{0%,to{opacity:1}50%{opacity:.5}}.empty-state[data-v-df886eb8]{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.empty-icon[data-v-df886eb8]{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state h4[data-v-df886eb8]{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-text-primary)}.empty-state p[data-v-df886eb8]{margin:0}.history-list[data-v-df886eb8]{display:flex;flex-direction:column;gap:var(--space-3)}.history-item[data-v-df886eb8]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast);margin-bottom:var(--space-3)}.history-item[data-v-df886eb8]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.item-header[data-v-df886eb8]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--color-border-primary)}.file-info[data-v-df886eb8]{display:flex;align-items:center;gap:var(--space-3);flex:1}.file-icon[data-v-df886eb8]{color:var(--color-primary);flex-shrink:0}.file-details[data-v-df886eb8]{flex:1}.file-name[data-v-df886eb8]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.file-meta[data-v-df886eb8]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.item-actions[data-v-df886eb8]{display:flex;align-items:center;gap:var(--space-2)}.status-badge[data-v-df886eb8]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-pending[data-v-df886eb8]{background:#f59e0b33;color:#f59e0b}.status-processing[data-v-df886eb8]{background:#3b82f633;color:#3b82f6}.status-completed[data-v-df886eb8]{background:#10b98133;color:var(--color-primary)}.status-failed[data-v-df886eb8]{background:#ef444433;color:var(--color-danger)}.action-btn[data-v-df886eb8]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast)}.action-btn[data-v-df886eb8]:hover{background:var(--color-bg-hover);color:var(--color-danger)}.item-content[data-v-df886eb8]{padding:var(--space-3)}.library-info[data-v-df886eb8]{margin-bottom:var(--space-3)}.library-header[data-v-df886eb8]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.library-name[data-v-df886eb8]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.library-description[data-v-df886eb8]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;line-height:1.4}.library-meta[data-v-df886eb8]{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.category-tag[data-v-df886eb8]{padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tags[data-v-df886eb8]{display:flex;gap:var(--space-1);flex-wrap:wrap}.tag[data-v-df886eb8]{padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.processing-info[data-v-df886eb8]{margin-top:var(--space-2)}.info-row[data-v-df886eb8]{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.info-item[data-v-df886eb8]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm)}.label[data-v-df886eb8]{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.value[data-v-df886eb8]{color:var(--color-text-primary)}.item-footer[data-v-df886eb8]{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary)}.footer-actions[data-v-df886eb8]{display:flex;gap:var(--space-2)}.pagination[data-v-df886eb8]{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.page-info[data-v-df886eb8]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-overlay[data-v-df886eb8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-df886eb8]{background:var(--color-bg-surface);border-radius:var(--radius-lg);width:85%;max-width:350px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-header[data-v-df886eb8]{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-df886eb8]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close[data-v-df886eb8]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close[data-v-df886eb8]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-body[data-v-df886eb8]{padding:var(--space-4)}.modal-body p[data-v-df886eb8]{color:var(--color-text-secondary);margin:0}.modal-footer[data-v-df886eb8]{padding:var(--space-4);border-top:1px solid var(--color-border-primary);display:flex;justify-content:flex-end;gap:var(--space-3)}@media (max-width: 768px){.history-header[data-v-df886eb8],.item-header[data-v-df886eb8]{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.item-actions[data-v-df886eb8]{width:100%;justify-content:space-between}.item-footer[data-v-df886eb8]{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-actions[data-v-df886eb8]{width:100%;justify-content:flex-end}.pagination[data-v-df886eb8]{flex-direction:column;gap:var(--space-2)}}.my-vocabulary[data-v-c684041d]{padding:var(--space-4);max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-4);box-sizing:border-box}.my-vocabulary[data-v-c684041d] *{box-sizing:border-box}.page-header[data-v-c684041d]{background:linear-gradient(135deg,var(--color-bg-surface),var(--color-bg-secondary));border:1px solid var(--color-border-primary);border-radius:16px;padding:var(--space-6);display:flex;align-items:center;justify-content:space-between}.header-content[data-v-c684041d]{flex:1}.page-title[data-v-c684041d]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.page-description[data-v-c684041d]{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.header-actions[data-v-c684041d]{display:flex;gap:var(--space-3);align-items:center}.header-buttons[data-v-c684041d]{display:flex;gap:var(--space-2);align-items:center}.search-container[data-v-c684041d]{position:relative;flex:1;min-width:360px}.search-container input[data-v-c684041d]{width:100%;padding:12px 16px 12px 40px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:var(--font-size-sm)}.search-icon[data-v-c684041d]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:16px;height:16px}.header-actions .btn[data-v-c684041d]{flex:0 0 auto}.btn[data-v-c684041d]{padding:6px 10px;border-radius:var(--radius-md);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1;white-space:nowrap}.filter-section[data-v-c684041d]{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-primary)}.filter-grid[data-v-c684041d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.filter-group[data-v-c684041d]{display:flex;flex-direction:column}.filter-label[data-v-c684041d]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.filter-control[data-v-c684041d]{padding:10px 36px 10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);font-size:var(--font-size-sm);transition:var(--transition-fast);color:var(--color-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.filter-control[data-v-c684041d]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #10b98133}.search-input[data-v-c684041d]{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394A3B8' viewBox='0 0 16 16'%3e%3cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.vocabulary-grid[data-v-c684041d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);width:100%}.vocabulary-card[data-v-c684041d]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-fast);display:flex;flex-direction:column;height:100%}.vocabulary-card[data-v-c684041d]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header[data-v-c684041d]{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center}.card-tags[data-v-c684041d]{display:flex;gap:var(--space-2)}.tag[data-v-c684041d]{font-size:var(--font-size-xs);padding:4px 8px;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.tag-exam[data-v-c684041d]{background:#10b98133;color:var(--primary-color)}.tag-business[data-v-c684041d]{background:#3b82f633;color:var(--color-accent-blue, #3b82f6)}.tag-secondary[data-v-c684041d]{background:#f59e0b33;color:#f59e0b}.difficulty[data-v-c684041d]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex;align-items:center}.difficulty-beginner[data-v-c684041d]{color:var(--primary-color)}.difficulty-intermediate[data-v-c684041d]{color:#f59e0b}.difficulty-advanced[data-v-c684041d]{color:#ef4444}.difficulty-expert[data-v-c684041d]{color:#8b5cf6}.difficulty[data-v-c684041d]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.difficulty-beginner[data-v-c684041d]:before{background:var(--primary-color)}.difficulty-intermediate[data-v-c684041d]:before{background:#f59e0b}.difficulty-advanced[data-v-c684041d]:before{background:#ef4444}.difficulty-expert[data-v-c684041d]:before{background:#8b5cf6}.card-body[data-v-c684041d]{padding:var(--space-4);flex:1}.card-title[data-v-c684041d]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.card-description[data-v-c684041d]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.card-stats[data-v-c684041d]{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.stat-item[data-v-c684041d]{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-icon[data-v-c684041d]{margin-right:2px;color:var(--color-text-secondary)}.progress-container[data-v-c684041d]{margin-bottom:var(--space-4)}.progress-label[data-v-c684041d]{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.progress-bar[data-v-c684041d]{height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill[data-v-c684041d]{height:100%;background:var(--primary-color);border-radius:3px;transition:width .6s ease}.card-footer[data-v-c684041d]{padding:var(--space-3);border-top:1px solid var(--color-border-primary);display:flex;gap:var(--space-3);justify-content:flex-end}.card-footer .btn[data-v-c684041d]{min-width:80px;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:center;gap:6px}.btn-icon[data-v-c684041d]{width:16px;height:16px;stroke-width:2;flex-shrink:0}.loading-state[data-v-c684041d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.loading-skeleton[data-v-c684041d]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-header[data-v-c684041d]{height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:pulse-c684041d 1.5s ease-in-out infinite}.skeleton-content[data-v-c684041d]{height:120px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:pulse-c684041d 1.5s ease-in-out infinite}.skeleton-footer[data-v-c684041d]{height:50px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:pulse-c684041d 1.5s ease-in-out infinite}@keyframes pulse-c684041d{0%,to{opacity:1}50%{opacity:.5}}.empty-state[data-v-c684041d]{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.empty-icon[data-v-c684041d]{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-title[data-v-c684041d]{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-text-primary)}.empty-description[data-v-c684041d]{margin-bottom:var(--space-6)}.modal-overlay[data-v-c684041d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-c684041d]{background:#fff!important;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;width:420px;max-width:420px;max-height:80vh;padding:24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000026,0 0 0 1px #0000000d;overflow:visible!important}.large-modal[data-v-c684041d]{max-width:700px;max-height:90vh}.modal-header[data-v-c684041d]{padding:20px 24px;background:linear-gradient(135deg,#2c3e50,#3498db);border-bottom:none;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-c684041d]{font-size:20px;font-weight:600;color:#fff;margin:0}.close-button[data-v-c684041d]{width:32px;height:32px;background:#fff3;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.close-button[data-v-c684041d]:hover{background:#ffffff4d;transform:scale(1.05)}.modal-body[data-v-c684041d]{flex:1;overflow-y:auto;padding:0;background:#fff}.modal-footer-actions[data-v-c684041d]{display:flex;gap:var(--space-3);justify-content:flex-end;align-items:center}.modal-footer[data-v-c684041d]{padding:16px 24px 24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:12px;background:#fff}.form-group[data-v-c684041d]{margin-bottom:var(--space-4)}.form-label[data-v-c684041d]{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.form-control[data-v-c684041d]{width:100%;padding:10px 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:var(--transition-fast)}.form-control[data-v-c684041d]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #10b98133}.library-info[data-v-c684041d]{margin-bottom:var(--space-4)}.library-info h4[data-v-c684041d]{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.library-info p[data-v-c684041d]{color:#7f8c8d;margin-bottom:12px}.info-stats[data-v-c684041d]{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#7f8c8d}.manage-actions[data-v-c684041d]{display:flex;gap:var(--space-3);flex-wrap:wrap}.study-plan-info[data-v-c684041d]{margin:16px 0;padding:16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-primary)}.study-plan-info h5[data-v-c684041d]{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.plan-stats[data-v-c684041d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.plan-stat-item[data-v-c684041d]{display:flex;flex-direction:column;gap:4px}.plan-stat-label[data-v-c684041d]{font-size:14px;color:var(--text-secondary);font-weight:600}.plan-stat-value[data-v-c684041d]{font-size:16px;color:var(--text-primary);font-weight:700}.form-help[data-v-c684041d]{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.days-selector[data-v-c684041d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.day-option[data-v-c684041d]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm)}.day-option[data-v-c684041d]:hover{background:var(--color-bg-hover)}.day-option input[type=checkbox][data-v-c684041d]{margin:0}.day-option input[type=checkbox]:checked+span[data-v-c684041d]{color:var(--primary-color);font-weight:var(--font-weight-medium)}.plan-preview[data-v-c684041d]{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.plan-preview h6[data-v-c684041d]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.preview-stats[data-v-c684041d]{display:flex;flex-direction:column;gap:var(--space-2)}.preview-stat[data-v-c684041d]{display:flex;justify-content:space-between;align-items:center}.preview-label[data-v-c684041d]{font-size:var(--font-size-md);color:var(--text-secondary);font-weight:600}.preview-value[data-v-c684041d]{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}@media (min-width: 1600px){.my-vocabulary[data-v-c684041d]{max-width:1400px;margin:0 auto;padding:var(--space-6)}.vocabulary-grid[data-v-c684041d]{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-6)}}@media (min-width: 1200px) and (max-width: 1599px){.my-vocabulary[data-v-c684041d]{max-width:1200px;padding:var(--space-5)}.vocabulary-grid[data-v-c684041d]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-5)}}@media (min-width: 992px) and (max-width: 1199px){.my-vocabulary[data-v-c684041d]{max-width:100%;padding:var(--space-4)}.vocabulary-grid[data-v-c684041d]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}}@media (min-width: 1025px) and (max-width: 1199px){.vocabulary-grid[data-v-c684041d]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}}@media (max-width: 1024px) and (min-width: 769px){.my-vocabulary[data-v-c684041d]{padding:var(--space-3);max-width:100%}.filter-grid[data-v-c684041d]{display:flex;gap:var(--space-2);overflow-x:auto}.filter-group[data-v-c684041d]{flex:1;min-width:100px}.vocabulary-grid[data-v-c684041d]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}}@media (min-width: 769px) and (max-width: 1024px){.my-vocabulary[data-v-c684041d]{padding:8px;box-sizing:border-box}.page-header[data-v-c684041d]{padding:16px;margin-bottom:16px}.page-title[data-v-c684041d]{font-size:18px;margin-bottom:8px}.page-description[data-v-c684041d]{font-size:12px;line-height:1.4}.vocabulary-card[data-v-c684041d]{padding:10px}.card-title[data-v-c684041d]{font-size:13px;margin-bottom:6px;line-height:1.2}.card-description[data-v-c684041d]{font-size:10px;margin-bottom:10px;-webkit-line-clamp:1;line-clamp:1;line-height:1.3}.card-stats[data-v-c684041d]{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.stat-item[data-v-c684041d]{font-size:12px;gap:2px;white-space:nowrap}.stat-icon[data-v-c684041d]{width:10px;height:10px}.card-footer[data-v-c684041d]{grid-template-columns:1fr 1fr;gap:4px;padding:6px 0}.card-footer .btn[data-v-c684041d]{padding:7px 5px;font-size:12px;min-height:30px;gap:2px;white-space:nowrap}.card-footer .btn-icon[data-v-c684041d]{width:10px;height:10px}.header-actions .btn[data-v-c684041d]{padding:8px 10px;font-size:11px;gap:3px;white-space:nowrap}.header-actions .btn-icon[data-v-c684041d]{width:12px;height:12px}}@media (max-width: 768px){.my-vocabulary[data-v-c684041d]{padding:var(--space-1);max-width:100%;width:100%;box-sizing:border-box}.page-header[data-v-c684041d]{background:linear-gradient(135deg,var(--color-bg-surface),var(--color-bg-secondary));border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #0000001a;flex-direction:column;align-items:flex-start;box-sizing:border-box}.header-content[data-v-c684041d]{width:100%;margin-bottom:20px}.page-title[data-v-c684041d]{font-size:18px;font-weight:600;margin-bottom:12px}.page-description[data-v-c684041d]{color:var(--color-text-secondary);font-size:13px;margin:0}.header-actions[data-v-c684041d]{display:flex;flex-direction:row;gap:8px;width:100%;align-items:center}.header-buttons[data-v-c684041d]{flex-direction:column;gap:6px;width:100%}.search-container[data-v-c684041d]{position:relative;flex:1}.search-container input[data-v-c684041d]{width:100%;padding:10px 12px 10px 36px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:13px}.search-icon[data-v-c684041d]{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:14px;height:14px}.header-actions .btn[data-v-c684041d]{background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:10px 12px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap;flex-shrink:0;min-width:80px}.header-actions .btn[data-v-c684041d]:hover{background-color:var(--primary-hover)}.header-actions .btn-icon[data-v-c684041d]{width:16px;height:16px}.vocabulary-grid[data-v-c684041d]{grid-template-columns:1fr;gap:var(--space-2);width:100%}.vocabulary-card[data-v-c684041d]{box-sizing:border-box;width:100%;padding:12px}.card-title[data-v-c684041d]{font-size:14px;font-weight:600;margin-bottom:8px;line-height:1.3}.card-description[data-v-c684041d]{font-size:11px;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-stats[data-v-c684041d]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-item[data-v-c684041d]{font-size:10px;display:flex;align-items:center;gap:3px}.stat-icon[data-v-c684041d]{width:10px;height:10px}.progress-container[data-v-c684041d]{margin-bottom:12px}.progress-label[data-v-c684041d]{font-size:10px;margin-bottom:4px}.progress-bar[data-v-c684041d]{height:4px}.card-footer[data-v-c684041d]{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0}.card-footer .btn[data-v-c684041d]{padding:7px 5px;border:1px solid var(--color-border-primary);background-color:transparent;color:var(--color-text-primary);border-radius:6px;font-size:9px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;min-height:30px}.card-footer .btn-secondary[data-v-c684041d]{background-color:transparent;border-color:var(--color-border-primary);color:var(--color-text-secondary)}.card-footer .btn-icon[data-v-c684041d]{width:12px;height:12px}.card-footer .btn[data-v-c684041d]:hover{background-color:#ffffff0d}.filter-section[data-v-c684041d]{padding:var(--space-1);box-sizing:border-box}.filter-grid[data-v-c684041d]{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;width:100%}.filter-group[data-v-c684041d]{flex:1;min-width:110px;position:relative}.filter-label[data-v-c684041d]{display:none}.filter-control[data-v-c684041d]{width:100%;padding:10px 12px;border-radius:8px;font-size:13px}}@media (max-width: 480px){.my-vocabulary[data-v-c684041d]{padding:6px;box-sizing:border-box}.page-header[data-v-c684041d]{padding:12px;margin-bottom:12px;box-sizing:border-box}.page-title[data-v-c684041d]{font-size:16px;margin-bottom:6px}.page-description[data-v-c684041d]{font-size:10px;line-height:1.3}.vocabulary-card[data-v-c684041d]{padding:10px}.card-title[data-v-c684041d]{font-size:13px;margin-bottom:6px}.card-description[data-v-c684041d]{font-size:10px;margin-bottom:10px;-webkit-line-clamp:1;line-clamp:1}.card-stats[data-v-c684041d]{grid-template-columns:1fr;gap:6px;margin-bottom:10px}.stat-item[data-v-c684041d]{font-size:8px;gap:2px}.stat-icon[data-v-c684041d]{width:8px;height:8px}.card-footer[data-v-c684041d]{grid-template-columns:1fr 1fr;gap:4px;padding:6px 0}.card-footer .btn[data-v-c684041d]{padding:5px 3px;font-size:8px;min-height:26px;gap:2px}.card-footer .btn-icon[data-v-c684041d]{width:8px;height:8px}.header-actions[data-v-c684041d]{gap:4px;flex-direction:row;align-items:center}.search-container input[data-v-c684041d]{padding:10px 12px 10px 36px;font-size:13px}.search-icon[data-v-c684041d]{width:14px;height:14px;left:10px}.header-actions .btn[data-v-c684041d]{font-size:12px;padding:6px;flex-shrink:0;justify-content:center;min-width:36px}.header-actions .btn .btn-icon[data-v-c684041d]{width:12px;height:12px}.header-actions .btn .btn-text[data-v-c684041d]{display:none}.filter-section[data-v-c684041d]{padding:var(--space-1)}.filter-label[data-v-c684041d]{min-width:50px;font-size:11px}.filter-control[data-v-c684041d]{font-size:11px;min-height:28px;padding:4px 8px}.vocabulary-grid[data-v-c684041d]{gap:var(--space-2)}.vocabulary-card[data-v-c684041d]{padding:8px}.card-footer[data-v-c684041d]{gap:2px;justify-content:space-between}.card-footer .btn[data-v-c684041d]{flex:1;padding:6px 4px;border:1px solid var(--color-border-primary);background-color:transparent;color:var(--color-text-primary);border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap;width:auto;min-width:0}.card-footer .btn[data-v-c684041d]:hover{background-color:#ffffff0d}.manage-actions[data-v-c684041d]{flex-direction:column;gap:var(--space-2)}.study-plan-info[data-v-c684041d]{margin:var(--space-3) 0;padding:var(--space-3)}.plan-stats[data-v-c684041d]{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.plan-stat-item[data-v-c684041d]{gap:2px}.plan-stat-label[data-v-c684041d]{font-size:11px}.plan-stat-value[data-v-c684041d]{font-size:12px}.days-selector[data-v-c684041d]{grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.day-option[data-v-c684041d]{padding:var(--space-1);font-size:12px}.plan-preview[data-v-c684041d]{margin-top:var(--space-3);padding:var(--space-2)}.preview-stats[data-v-c684041d]{gap:var(--space-1)}.preview-label[data-v-c684041d],.preview-value[data-v-c684041d]{font-size:12px}.large-modal[data-v-c684041d]{max-width:95vw;max-height:95vh;margin:var(--space-2)}}.library-info[data-v-c684041d]{margin-bottom:var(--space-6);text-align:center;padding:var(--space-4);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.library-name[data-v-c684041d]{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600;margin:0}.modes-container[data-v-c684041d]{display:flex;flex-direction:column;gap:var(--space-4)}.mode-card[data-v-c684041d]{background:#ffffff0d;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;display:flex;align-items:flex-start;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-card[data-v-c684041d]:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:0 5px 15px #0003}.mode-card-selected[data-v-c684041d]{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1);box-shadow:0 5px 20px rgba(var(--primary-color-rgb),.2)}.mode-icon[data-v-c684041d]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0;transition:all .3s ease}.mode-icon svg[data-v-c684041d]{width:24px;height:24px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.mode-icon.rapid-review[data-v-c684041d]{background:#10b98133;color:#10b981}.mode-icon.chinese-to-english[data-v-c684041d]{background:#3498db33;color:#3498db}.mode-icon.chinese-to-english-spelling[data-v-c684041d]{background:#e74c3c33;color:#e74c3c}.mode-icon.dictation[data-v-c684041d]{background:#9b59b633;color:#9b59b6}.mode-content[data-v-c684041d]{flex:1}.mode-title[data-v-c684041d]{display:flex;align-items:center;margin-bottom:8px;gap:10px}.mode-name[data-v-c684041d]{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mode-tag[data-v-c684041d]{font-size:.75rem;padding:3px 8px;border-radius:20px;font-weight:500;color:#fff}.mode-tag.rapid[data-v-c684041d]{background:#10b981}.mode-tag.recommend[data-v-c684041d]{background:#2ecc71}.mode-tag.enhance[data-v-c684041d]{background:#e74c3c}.mode-tag.listening[data-v-c684041d]{background:#9b59b6}.mode-desc[data-v-c684041d]{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin:0}.selection-indicator[data-v-c684041d]{position:absolute;top:20px;right:20px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.selection-indicator.selected[data-v-c684041d]{border-color:var(--primary-color);background:var(--primary-color)}.selection-indicator.selected[data-v-c684041d]:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.modal-footer-actions[data-v-c684041d]{display:flex;gap:var(--space-3);justify-content:space-between;align-items:center;padding:20px 0 0}.mode-description[data-v-c684041d]{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--font-size-base)}@media (max-width: 1024px) and (min-width: 769px){.modes-container[data-v-c684041d]{gap:var(--space-3)}.mode-card[data-v-c684041d]{padding:var(--space-4);min-height:180px}.mode-icon[data-v-c684041d]{width:50px;height:50px}.mode-icon svg[data-v-c684041d]{width:24px;height:24px}.mode-title[data-v-c684041d]{font-size:var(--font-size-sm)}.mode-desc[data-v-c684041d]{font-size:var(--font-size-xs)}}@media (max-width: 768px){.learning-mode-modal[data-v-c684041d]{margin:var(--space-4);max-width:calc(100vw - 2rem);max-height:90vh}.modes-container[data-v-c684041d]{gap:var(--space-3)}.mode-card[data-v-c684041d]{padding:var(--space-4);min-height:auto;flex-direction:row;text-align:left;gap:var(--space-4)}.mode-icon[data-v-c684041d]{width:48px;height:48px;flex-shrink:0}.mode-icon svg[data-v-c684041d]{width:22px;height:22px}.mode-content[data-v-c684041d]{align-items:flex-start;text-align:left}.mode-badge[data-v-c684041d]{align-self:flex-start}.mode-desc[data-v-c684041d]{text-align:left}}.word-list-item[data-v-83b458ae]{transition:all .2s ease}.word-list-item[data-v-83b458ae]:hover{transform:translate(2px)}.word-list-item.active[data-v-83b458ae]{box-shadow:0 2px 8px #0000001a}.word-list-container[data-v-83b458ae]{transition:all .3s ease-in-out;margin:0!important;padding:0!important;border:none!important;outline:none!important;transform:translate(0);opacity:1}.word-list-container[data-v-83b458ae]:not([style*="display: none"]){animation:slideInLeft-83b458ae .3s ease-in-out}@keyframes slideInLeft-83b458ae{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.overflow-hidden.flex[data-v-83b458ae]{gap:0!important}.overflow-hidden.flex[data-v-83b458ae]>*{margin:0!important;padding:0!important;border:none!important}.toggle-button[data-v-83b458ae]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;animation:fadeInScale-83b458ae .3s ease-out}@keyframes fadeInScale-83b458ae{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.overflow-y-auto[data-v-83b458ae]::-webkit-scrollbar{width:6px}.overflow-y-auto[data-v-83b458ae]::-webkit-scrollbar-track{background:transparent}.overflow-y-auto[data-v-83b458ae]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.overflow-y-auto[data-v-83b458ae]::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width: 768px){.w-80[data-v-83b458ae]{width:16rem}}@media (max-width: 640px){.flex[data-v-83b458ae]{flex-direction:column}.w-80[data-v-83b458ae]{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--color-border)}}.advanced-learning-session[data-v-906e917d]{background:var(--color-bg-primary)}.word-card[data-v-906e917d]{background:var(--color-bg-surface);border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--color-border-primary)}.smart-learning-test-view[data-v-ace4a675]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes fadeIn-ace4a675{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.space-y-6[data-v-ace4a675]>*{animation:fadeIn-ace4a675 .3s ease-out}@media (max-width: 768px){.grid-cols-1[data-v-ace4a675]{grid-template-columns:repeat(1,minmax(0,1fr))}}.help-center[data-v-223a9566]{max-width:1200px;margin:0 auto;padding:var(--space-6)}.help-header[data-v-223a9566]{text-align:center;margin-bottom:var(--space-8)}.help-title[data-v-223a9566]{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.help-subtitle[data-v-223a9566]{font-size:1.125rem;color:var(--color-text-secondary)}.search-section[data-v-223a9566]{margin-bottom:var(--space-8)}.search-container[data-v-223a9566]{position:relative;max-width:600px;margin:0 auto}.search-icon[data-v-223a9566]{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-secondary)}.search-input[data-v-223a9566]{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 3rem;border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:1rem;transition:border-color .2s ease}.search-input[data-v-223a9566]:focus{outline:none;border-color:var(--color-primary)}.quick-links[data-v-223a9566]{margin-bottom:var(--space-8)}.section-title[data-v-223a9566]{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6)}.links-grid[data-v-223a9566]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.link-card[data-v-223a9566]{padding:var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.link-card[data-v-223a9566]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.link-icon[data-v-223a9566]{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.link-icon svg[data-v-223a9566]{width:24px;height:24px;color:#fff}.link-card h3[data-v-223a9566]{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.link-card p[data-v-223a9566]{color:var(--color-text-secondary);font-size:.875rem}.help-content[data-v-223a9566]{display:flex;flex-direction:column;gap:var(--space-8)}.help-section[data-v-223a9566]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.faq-list[data-v-223a9566]{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item[data-v-223a9566]{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.faq-question[data-v-223a9566]{padding:var(--space-4);background:var(--color-bg-secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.faq-question[data-v-223a9566]:hover{background:var(--color-bg-hover)}.faq-question h3[data-v-223a9566]{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin:0}.faq-icon[data-v-223a9566]{width:20px;height:20px;color:var(--color-text-secondary);transition:transform .2s ease}.faq-icon.rotated[data-v-223a9566]{transform:rotate(180deg)}.faq-answer[data-v-223a9566]{padding:var(--space-4);background:var(--color-bg-surface);border-top:1px solid var(--color-border-primary)}.faq-answer p[data-v-223a9566]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.faq-answer ol[data-v-223a9566],.faq-answer ul[data-v-223a9566]{color:var(--color-text-secondary);line-height:1.6;padding-left:var(--space-6)}.faq-answer li[data-v-223a9566]{margin-bottom:var(--space-2)}.contact-info[data-v-223a9566]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.contact-card[data-v-223a9566]{text-align:center;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.contact-icon[data-v-223a9566]{width:64px;height:64px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.contact-icon svg[data-v-223a9566]{width:32px;height:32px;color:#fff}.contact-card h3[data-v-223a9566]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.contact-card p[data-v-223a9566]{color:var(--color-text-secondary);margin-bottom:var(--space-2)}@media (max-width: 768px){.help-center[data-v-223a9566]{padding:var(--space-4)}.help-title[data-v-223a9566]{font-size:2rem}.links-grid[data-v-223a9566],.contact-info[data-v-223a9566]{grid-template-columns:1fr}}.feedback-page[data-v-e0f42c94]{max-width:1200px;margin:0 auto;padding:var(--space-6)}.feedback-header[data-v-e0f42c94]{text-align:center;margin-bottom:var(--space-8)}.feedback-title[data-v-e0f42c94]{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.feedback-subtitle[data-v-e0f42c94]{font-size:1.125rem;color:var(--color-text-secondary)}.feedback-content[data-v-e0f42c94]{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8)}.feedback-form-section[data-v-e0f42c94]{min-width:0}.form-card[data-v-e0f42c94]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.form-title[data-v-e0f42c94]{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6)}.feedback-form[data-v-e0f42c94]{display:flex;flex-direction:column;gap:var(--space-5)}.form-group[data-v-e0f42c94]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-e0f42c94]{font-weight:500;color:var(--color-text-primary)}.form-input[data-v-e0f42c94],.form-select[data-v-e0f42c94],.form-textarea[data-v-e0f42c94]{padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem;transition:border-color .2s ease}.form-input[data-v-e0f42c94]:focus,.form-select[data-v-e0f42c94]:focus,.form-textarea[data-v-e0f42c94]:focus{outline:none;border-color:var(--color-primary)}.form-textarea[data-v-e0f42c94]{resize:vertical;min-height:120px}.priority-options[data-v-e0f42c94]{display:flex;gap:var(--space-3);flex-wrap:wrap}.priority-option[data-v-e0f42c94]{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.priority-option input[type=radio][data-v-e0f42c94]{margin:0}.priority-label[data-v-e0f42c94]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all .2s ease}.priority-label.low[data-v-e0f42c94]{background:#e5f3ff;color:#06c}.priority-label.medium[data-v-e0f42c94]{background:#fff3cd;color:#856404}.priority-label.high[data-v-e0f42c94]{background:#f8d7da;color:#721c24}.priority-label.urgent[data-v-e0f42c94]{background:#f5c6cb;color:#721c24}.priority-option input[type=radio]:checked+.priority-label[data-v-e0f42c94]{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.form-actions[data-v-e0f42c94]{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.feedback-guide-section[data-v-e0f42c94]{min-width:0}.guide-card[data-v-e0f42c94]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-6);position:sticky;top:var(--space-6)}.guide-title[data-v-e0f42c94]{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6)}.guide-content[data-v-e0f42c94]{display:flex;flex-direction:column;gap:var(--space-5)}.guide-item[data-v-e0f42c94]{display:flex;gap:var(--space-3);align-items:flex-start}.guide-icon[data-v-e0f42c94]{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-icon svg[data-v-e0f42c94]{width:20px;height:20px;color:#fff}.guide-text h3[data-v-e0f42c94]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.guide-text p[data-v-e0f42c94]{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.success-message[data-v-e0f42c94]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.success-content[data-v-e0f42c94]{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;max-width:400px;margin:var(--space-4)}.success-icon[data-v-e0f42c94]{width:48px;height:48px;color:#10b981;margin:0 auto var(--space-4)}.success-content h3[data-v-e0f42c94]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.success-content p[data-v-e0f42c94]{color:var(--color-text-secondary);margin-bottom:var(--space-6)}@media (max-width: 768px){.feedback-page[data-v-e0f42c94]{padding:var(--space-4)}.feedback-content[data-v-e0f42c94]{grid-template-columns:1fr;gap:var(--space-6)}.guide-card[data-v-e0f42c94]{position:static}.priority-options[data-v-e0f42c94]{flex-direction:column;align-items:flex-start}.form-actions[data-v-e0f42c94]{flex-direction:column}}.settings-page[data-v-a285d607]{max-width:800px;margin:0 auto;padding:var(--space-6)}.settings-header[data-v-a285d607]{text-align:center;margin-bottom:var(--space-8)}.settings-title[data-v-a285d607]{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.settings-subtitle[data-v-a285d607]{font-size:1.125rem;color:var(--color-text-secondary)}.settings-content[data-v-a285d607]{display:flex;flex-direction:column;gap:var(--space-8)}.settings-section[data-v-a285d607]{display:flex;flex-direction:column;gap:var(--space-4)}.section-title[data-v-a285d607]{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.settings-card[data-v-a285d607]{background:var(--color-bg-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.setting-item[data-v-a285d607]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-primary)}.setting-item[data-v-a285d607]:last-child{border-bottom:none}.setting-info[data-v-a285d607]{flex:1;min-width:0}.setting-name[data-v-a285d607]{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1)}.setting-description[data-v-a285d607]{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.setting-control[data-v-a285d607]{flex-shrink:0;margin-left:var(--space-4)}.switch[data-v-a285d607]{position:relative;display:inline-block;width:48px;height:24px}.switch input[data-v-a285d607]{opacity:0;width:0;height:0}.slider[data-v-a285d607]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border-primary);transition:.2s;border-radius:24px}.slider[data-v-a285d607]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider[data-v-a285d607]{background-color:var(--color-primary)}input:checked+.slider[data-v-a285d607]:before{transform:translate(24px)}.time-input[data-v-a285d607]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary)}.select-input[data-v-a285d607]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);min-width:150px}.theme-options[data-v-a285d607]{display:flex;gap:var(--space-3)}.theme-option[data-v-a285d607]{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.theme-option input[type=radio][data-v-a285d607]{margin:0}.theme-label[data-v-a285d607]{font-size:.875rem;color:var(--color-text-primary)}.font-size-control[data-v-a285d607]{display:flex;align-items:center;gap:var(--space-2)}.font-btn[data-v-a285d607]{width:32px;height:32px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}.font-btn[data-v-a285d607]:hover{background:var(--color-bg-hover)}.font-size-display[data-v-a285d607]{font-size:.875rem;color:var(--color-text-primary);min-width:40px;text-align:center}.about-info[data-v-a285d607]{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.app-logo[data-v-a285d607]{width:64px;height:64px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.app-logo svg[data-v-a285d607]{width:32px;height:32px;color:#fff}.app-name[data-v-a285d607]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.app-version[data-v-a285d607]{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.app-description[data-v-a285d607]{font-size:.875rem;color:var(--color-text-secondary)}.about-actions[data-v-a285d607]{display:flex;gap:var(--space-3);flex-wrap:wrap}.modal-overlay[data-v-a285d607]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-a285d607]{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:350px;margin:var(--space-4)}.modal-title[data-v-a285d607]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.modal-message[data-v-a285d607]{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.5}.modal-actions[data-v-a285d607]{display:flex;gap:var(--space-3);justify-content:flex-end}.sr-only[data-v-a285d607]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.settings-page[data-v-a285d607]{padding:var(--space-4)}.setting-item[data-v-a285d607]{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.setting-control[data-v-a285d607]{margin-left:0;width:100%}.theme-options[data-v-a285d607]{flex-direction:column;align-items:flex-start}.about-actions[data-v-a285d607],.modal-actions[data-v-a285d607]{flex-direction:column}}.toast-notification[data-v-058a5fb5]{position:fixed;top:20px;right:20px;min-width:320px;max-width:500px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 25px #0003;z-index:10000;overflow:hidden;animation:slideIn-058a5fb5 .3s ease-out}@keyframes slideIn-058a5fb5{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content[data-v-058a5fb5]{display:flex;align-items:flex-start;padding:16px;gap:12px}.toast-icon[data-v-058a5fb5]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success .toast-icon[data-v-058a5fb5]{background:#22c55e1a;color:#22c55e}.toast-error .toast-icon[data-v-058a5fb5]{background:#ef44441a;color:#ef4444}.toast-warning .toast-icon[data-v-058a5fb5]{background:#f59e0b1a;color:#f59e0b}.toast-info .toast-icon[data-v-058a5fb5]{background:#3b82f61a;color:#3b82f6}.toast-message[data-v-058a5fb5]{flex:1;min-width:0}.toast-title[data-v-058a5fb5]{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:4px}.toast-description[data-v-058a5fb5]{font-size:13px;color:var(--text-secondary);line-height:1.4}.toast-close[data-v-058a5fb5]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease}.toast-close[data-v-058a5fb5]:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-progress[data-v-058a5fb5]{height:3px;background:currentColor;transition:width .05s linear}.toast-success .toast-progress[data-v-058a5fb5]{background:#22c55e}.toast-error .toast-progress[data-v-058a5fb5]{background:#ef4444}.toast-warning .toast-progress[data-v-058a5fb5]{background:#f59e0b}.toast-info .toast-progress[data-v-058a5fb5]{background:#3b82f6}@media (max-width: 768px){.toast-notification[data-v-058a5fb5]{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content[data-v-058a5fb5]{padding:12px}.toast-title[data-v-058a5fb5]{font-size:13px}.toast-description[data-v-058a5fb5]{font-size:12px}}.toast-container[data-v-2f5b2bc6]{position:fixed;top:0;right:0;z-index:10000;pointer-events:none}.toast-container[data-v-2f5b2bc6]>*{pointer-events:auto}.icon-info[data-v-e13e7ee3]{background:#3b82f61a;color:#3b82f6}.icon-success[data-v-e13e7ee3]{background:#10b9811a;color:#10b981}.icon-warning[data-v-e13e7ee3]{background:#f59e0b1a;color:#f59e0b}.icon-error[data-v-e13e7ee3]{background:#ef44441a;color:#ef4444}.dark .icon-info[data-v-e13e7ee3]{background:#3b82f633;color:#60a5fa}.dark .icon-success[data-v-e13e7ee3]{background:#10b98133;color:#34d399}.dark .icon-warning[data-v-e13e7ee3]{background:#f59e0b33;color:#fbbf24}.dark .icon-error[data-v-e13e7ee3]{background:#ef444433;color:#f87171}.sidebar[data-v-a96e431c]{background-color:var(--bg-secondary);border-color:var(--border-primary);box-shadow:2px 0 8px #0000001a;z-index:20;width:256px;min-width:256px}.sidebar.w-16[data-v-a96e431c]{width:64px!important;min-width:64px!important}.sidebar-header[data-v-a96e431c]{padding:var(--space-6);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;min-height:64px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo[data-v-a96e431c]{display:flex;align-items:center;gap:var(--space-3);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-text[data-v-a96e431c]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap}.toggle-button[data-v-a96e431c]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.toggle-button[data-v-a96e431c]:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}.toggle-button[data-v-a96e431c]:active{transform:scale(.95)}.badge-inline[data-v-a96e431c]{background:var(--primary-color);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm);margin-left:auto;white-space:nowrap}.sidebar-nav[data-v-a96e431c]{flex:1;padding:var(--space-4);overflow-y:auto;overflow-x:hidden}.nav-list[data-v-a96e431c]{list-style:none;margin:0;padding:0}.nav-item[data-v-a96e431c]{margin-bottom:var(--space-1)}.nav-link[data-v-a96e431c]{text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;display:flex;align-items:center;min-height:44px;padding:12px 16px;width:100%}.nav-icon[data-v-a96e431c]{flex-shrink:0;width:20px;height:20px}.nav-text[data-v-a96e431c]{margin-left:var(--space-3);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-footer[data-v-a96e431c]{padding:var(--space-4);border-top:1px solid var(--border-primary);flex-shrink:0}.user-info[data-v-a96e431c]{display:flex;align-items:center;gap:var(--space-3);overflow:hidden;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color .2s ease}.user-info[data-v-a96e431c]:hover{background:var(--bg-hover)}.user-avatar[data-v-a96e431c]{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--border-primary);transition:border-color .2s ease}.user-info:hover .user-avatar[data-v-a96e431c]{border-color:var(--primary-color)}.user-avatar img[data-v-a96e431c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-a96e431c]{width:100%;height:100%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.user-details[data-v-a96e431c]{flex:1;min-width:0;overflow:hidden}.user-name[data-v-a96e431c]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-role[data-v-a96e431c]{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.2;margin-top:2px}.fade-slide-enter-active[data-v-a96e431c],.fade-slide-leave-active[data-v-a96e431c]{transition:all .3s ease}.fade-slide-enter-from[data-v-a96e431c],.fade-slide-leave-to[data-v-a96e431c]{opacity:0;transform:translate(-10px)}.sidebar.w-16 .nav-link[data-v-a96e431c]{justify-content:center;padding:12px 8px;width:100%}.sidebar.w-16 .user-info[data-v-a96e431c]{justify-content:center;padding:var(--space-3)}.sidebar.w-16 .sidebar-header[data-v-a96e431c]{justify-content:center;padding:var(--space-4) var(--space-2);flex-direction:column;gap:var(--space-2);border-bottom-color:rgba(var(--color-primary-rgb, 37, 99, 235),.2);border-bottom-width:2px}.sidebar.w-16 .logo[data-v-a96e431c]{justify-content:center;width:100%;position:relative}.sidebar.w-16 .toggle-button[data-v-a96e431c]{position:static;background:var(--bg-hover);border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);width:32px;height:32px;padding:var(--space-1);margin-top:var(--space-1);transition:all .2s ease}.sidebar.w-16 .toggle-button[data-v-a96e431c]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.sidebar.w-16 .logo svg[data-v-a96e431c]{width:28px;height:28px;color:var(--primary-color);transition:all .2s ease}.sidebar.w-16 .logo:hover svg[data-v-a96e431c]{transform:scale(1.1);color:var(--color-primary-hover, var(--primary-color))}.sidebar.w-16 .sidebar-header[data-v-a96e431c]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-hover) 100%);opacity:.3;border-radius:0;z-index:-1}.nav-link[title][data-v-a96e431c]:hover:after,.user-info[title][data-v-a96e431c]:hover:after,.toggle-button[title][data-v-a96e431c]:hover:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--color-bg-tooltip, #1f2937);color:var(--color-text-tooltip, white);padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026;pointer-events:none;animation:tooltip-fade-in-a96e431c .2s ease}@keyframes tooltip-fade-in-a96e431c{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 1024px) and (min-width: 769px){.sidebar[data-v-a96e431c]{width:64px}.sidebar.w-64[data-v-a96e431c]{width:240px}}@media (max-width: 768px){.sidebar[data-v-a96e431c]{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open[data-v-a96e431c]{transform:translate(0)}.sidebar.w-16 .toggle-button[data-v-a96e431c]{right:var(--space-2);position:relative}.sidebar-nav[data-v-a96e431c]{padding:var(--space-2)}.nav-link[data-v-a96e431c]{min-height:48px}}@media (max-width: 480px){.sidebar[data-v-a96e431c]{width:280px}.sidebar-header[data-v-a96e431c]{padding:var(--space-4)}.user-info[data-v-a96e431c]{padding:var(--space-2)}}.bg-primary[data-v-a96e431c]{background-color:var(--primary-color)}.bg-hover[data-v-a96e431c]{background-color:var(--color-bg-hover)}.text-text-primary[data-v-a96e431c]{color:var(--text-primary)}.text-text-secondary[data-v-a96e431c]{color:var(--text-secondary)}.border-border-primary[data-v-a96e431c]{border-color:var(--color-border-primary)}.topbar[data-v-3563b40e]{position:fixed;top:0;left:0;right:0;width:100%;height:64px;background:var(--bg-surface);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.topbar[data-v-3563b40e]:not(.sidebar-collapsed){left:256px;width:calc(100% - 256px)}.topbar.sidebar-collapsed[data-v-3563b40e]{left:64px;width:calc(100% - 64px)}@media (max-width: 768px){.topbar[data-v-3563b40e]{left:0!important;width:100%!important}}.topbar-content[data-v-3563b40e]{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-6);gap:var(--space-4);max-width:100%}.left-section[data-v-3563b40e]{display:flex;align-items:center;gap:var(--space-3);flex:1}.back-button[data-v-3563b40e]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.back-button[data-v-3563b40e]:hover{background:var(--bg-hover);color:var(--text-primary)}.page-title[data-v-3563b40e]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;white-space:nowrap}.topbar-actions[data-v-3563b40e]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.search-container[data-v-3563b40e]{position:relative;flex:1;max-width:500px;min-width:200px}.search-input-wrapper[data-v-3563b40e]{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.search-input-wrapper[data-v-3563b40e]:hover{border-color:var(--color-border-hover, var(--border-secondary));box-shadow:0 2px 8px #00000014}.search-input-wrapper[data-v-3563b40e]:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a,0 2px 8px #00000014;background:var(--bg-primary)}.search-icon[data-v-3563b40e]{position:absolute;left:var(--space-3);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none;transition:color .2s ease}.search-input-wrapper:focus-within .search-icon[data-v-3563b40e]{color:var(--primary-color)}.search-input[data-v-3563b40e]{width:100%;height:40px;padding:0 var(--space-4) 0 44px;background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.search-input[data-v-3563b40e]:focus{outline:none}.search-input[data-v-3563b40e]::-moz-placeholder{color:var(--text-tertiary);-moz-transition:color .2s ease;transition:color .2s ease}.search-input[data-v-3563b40e]::placeholder{color:var(--text-tertiary);transition:color .2s ease}.search-input[data-v-3563b40e]:focus::-moz-placeholder{color:var(--color-text-quaternary, var(--text-tertiary))}.search-input[data-v-3563b40e]:focus::placeholder{color:var(--color-text-quaternary, var(--text-tertiary))}.theme-toggle-btn[data-v-3563b40e],.notification-btn[data-v-3563b40e]{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;pointer-events:auto}.theme-toggle-btn[data-v-3563b40e]:hover,.notification-btn[data-v-3563b40e]:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-border-hover, var(--border-secondary));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.theme-toggle-btn[data-v-3563b40e]:active,.notification-btn[data-v-3563b40e]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.theme-icon[data-v-3563b40e]{width:18px;height:18px;transition:transform .2s ease}.theme-toggle-btn:hover .theme-icon[data-v-3563b40e]{transform:scale(1.1)}.mobile-search-btn[data-v-3563b40e]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-search-btn[data-v-3563b40e]:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--color-border-hover, var(--border-secondary));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.notification-container[data-v-3563b40e]{position:relative}.notification-panel[data-v-3563b40e]{position:absolute;top:100%;right:0;width:320px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:50;margin-top:var(--space-2)}.notification-header[data-v-3563b40e]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.notification-title[data-v-3563b40e]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.close-btn[data-v-3563b40e]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.close-btn[data-v-3563b40e]:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-content[data-v-3563b40e]{padding:var(--space-2);max-height:300px;overflow-y:auto}.notification-item[data-v-3563b40e]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.notification-item[data-v-3563b40e]:hover{background:var(--bg-hover)}.notification-icon[data-v-3563b40e]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--primary-color);flex-shrink:0}.notification-text[data-v-3563b40e]{flex:1}.notification-message[data-v-3563b40e]{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:1.4}.notification-time[data-v-3563b40e]{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.notification-badge[data-v-3563b40e]{position:absolute;top:8px;right:8px}.user-menu[data-v-3563b40e]{position:relative}.user-menu-trigger[data-v-3563b40e]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:10;pointer-events:auto;min-width:120px}.user-menu-trigger[data-v-3563b40e]:hover{background:var(--bg-hover);border-color:var(--color-border-hover, var(--border-secondary));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-avatar[data-v-3563b40e]{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden}.user-avatar img[data-v-3563b40e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-3563b40e]{width:100%;height:100%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.user-name[data-v-3563b40e]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dropdown-icon[data-v-3563b40e]{width:16px;height:16px;transition:transform var(--transition-fast)}.user-menu-trigger:hover .dropdown-icon[data-v-3563b40e]{transform:rotate(180deg)}.user-menu-dropdown[data-v-3563b40e]{position:absolute;top:100%;right:0;width:440px;min-width:360px;max-width:calc(100vw - 24px);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:50;margin-top:var(--space-2);overflow:hidden}.user-menu-header[data-v-3563b40e]{padding:var(--space-6);border-bottom:1px solid var(--border-primary);background:var(--bg-surface)}.user-info[data-v-3563b40e]{display:flex;align-items:center;gap:var(--space-4);position:relative}.user-avatar-large[data-v-3563b40e]{width:64px;height:64px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--border-primary);flex-shrink:0}.user-avatar-large img[data-v-3563b40e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder-large[data-v-3563b40e]{width:100%;height:100%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.user-details[data-v-3563b40e]{flex:1;min-width:0}.user-name-large[data-v-3563b40e]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-email[data-v-3563b40e]{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-menu-items[data-v-3563b40e]{padding:var(--space-3);max-height:400px;overflow-y:auto}.menu-item[data-v-3563b40e]{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-5);background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;position:relative;text-align:left}.menu-item[data-v-3563b40e]:hover{background:var(--bg-hover);text-decoration:none}.menu-item[data-v-3563b40e]:active{background:var(--color-bg-active, var(--bg-hover))}.menu-icon[data-v-3563b40e]{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary);transition:color .15s ease;display:inline-flex;align-items:center;justify-content:center}.menu-item:hover .menu-icon[data-v-3563b40e]{color:var(--text-primary)}.menu-divider[data-v-3563b40e]{height:1px;background:var(--border-primary);margin:var(--space-2) 0}.logout-item[data-v-3563b40e]{color:var(--error-color);font-weight:var(--font-weight-normal)}.logout-item[data-v-3563b40e]:hover{background:#ef44441a;color:#dc2626}.logout-item:hover .menu-icon[data-v-3563b40e]{color:#dc2626}.menu-section[data-v-3563b40e]{margin:var(--space-2) 0}.section-title[data-v-3563b40e]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-5)}@media (max-width: 768px){.topbar[data-v-3563b40e]{left:0;height:60px;padding:0;background:var(--bg-surface);border-bottom:1px solid var(--border-primary);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.user-menu-dropdown[data-v-3563b40e]{width:360px;right:-10px}.user-menu-header[data-v-3563b40e]{padding:var(--space-5)}.user-avatar-large[data-v-3563b40e]{width:56px;height:56px}.user-name-large[data-v-3563b40e]{font-size:var(--font-size-base)}.menu-item[data-v-3563b40e]{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.menu-icon[data-v-3563b40e]{width:16px;height:16px}.topbar-content[data-v-3563b40e]{padding:0 var(--mobile-space-lg);gap:var(--mobile-space-md);height:60px;align-items:center}.left-section[data-v-3563b40e]{gap:var(--mobile-space-md);flex:1;align-items:center}.page-title[data-v-3563b40e]{font-size:var(--mobile-font-size-lg);font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;line-height:var(--mobile-line-height-tight)}.topbar-actions[data-v-3563b40e]{gap:var(--mobile-space-sm);flex-shrink:0;align-items:center}.search-container[data-v-3563b40e]{display:none}.mobile-search-btn[data-v-3563b40e]{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-search-btn[data-v-3563b40e]:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.user-name[data-v-3563b40e]{display:none}.user-menu-trigger[data-v-3563b40e]{min-width:auto;padding:2px;width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-primary);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.user-menu-trigger[data-v-3563b40e]:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.theme-toggle-btn[data-v-3563b40e],.notification-btn[data-v-3563b40e]{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn[data-v-3563b40e]:hover,.notification-btn[data-v-3563b40e]:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.user-avatar[data-v-3563b40e]{width:38px;height:38px;border:2px solid var(--border-primary);box-shadow:0 2px 4px #0000001a;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.notification-badge[data-v-3563b40e]{top:-2px;right:-2px;width:16px;height:16px;font-size:10px;font-weight:700}}@media (max-width: 480px){.topbar[data-v-3563b40e]{height:56px}.topbar-content[data-v-3563b40e]{padding:0 var(--mobile-space-md);gap:var(--mobile-space-sm);height:56px}.left-section[data-v-3563b40e]{gap:var(--mobile-space-sm)}.page-title[data-v-3563b40e]{font-size:var(--mobile-font-size-base);max-width:140px}.topbar-actions[data-v-3563b40e]{gap:var(--mobile-space-xs)}.mobile-search-btn[data-v-3563b40e],.user-menu-trigger[data-v-3563b40e],.theme-toggle-btn[data-v-3563b40e],.notification-btn[data-v-3563b40e],.user-avatar[data-v-3563b40e]{width:36px;height:36px}.user-menu-trigger[data-v-3563b40e]{width:42px;height:42px}.user-menu-dropdown[data-v-3563b40e]{width:320px;right:-15px}.user-menu-header[data-v-3563b40e]{padding:var(--space-4)}.user-avatar-large[data-v-3563b40e]{width:48px;height:48px}.user-name-large[data-v-3563b40e]{font-size:var(--font-size-sm)}.user-email[data-v-3563b40e]{font-size:var(--font-size-xs)}.menu-item[data-v-3563b40e]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.menu-icon[data-v-3563b40e]{width:14px;height:14px}.search-container[data-v-3563b40e]{max-width:200px;min-width:120px}.search-input[data-v-3563b40e]::-moz-placeholder{font-size:var(--font-size-xs)}.search-input[data-v-3563b40e]::placeholder{font-size:var(--font-size-xs)}}@media (prefers-color-scheme: dark){.topbar[data-v-3563b40e]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-input-wrapper[data-v-3563b40e]:focus-within{box-shadow:0 0 0 3px #10b98133,0 2px 8px #0003}}.sun-icon[data-v-3563b40e]{color:#f59e0b}.moon-icon[data-v-3563b40e]{color:#6366f1}.mobile-bottom-nav[data-v-d3539610]{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:space-around;z-index:50;padding:0 8px;box-shadow:0 -2px 8px #0000001a}.nav-item[data-v-d3539610]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:60px;color:var(--color-text-tertiary);position:relative;min-height:44px}.nav-item[data-v-d3539610]:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.nav-item.active[data-v-d3539610]{color:var(--color-primary);background:var(--color-bg-tertiary)}.nav-icon[data-v-d3539610]{width:20px;height:20px;margin-bottom:2px;flex-shrink:0}.nav-label[data-v-d3539610]{font-size:10px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-badge[data-v-d3539610]{position:absolute;top:4px;right:4px;background:var(--color-primary);color:var(--color-text-inverse);font-size:8px;font-weight:600;padding:1px 4px;border-radius:6px;line-height:1;min-width:12px;text-align:center}@media (max-width: 768px){.mobile-bottom-nav[data-v-d3539610]{display:flex}}@media (min-width: 769px){.mobile-bottom-nav[data-v-d3539610]{display:none}}@media (max-width: 480px){.nav-item[data-v-d3539610]{min-width:50px;padding:4px 6px}.nav-label[data-v-d3539610]{font-size:9px}.nav-icon[data-v-d3539610]{width:18px;height:18px}}.main-layout[data-v-034c348c]{display:flex;min-height:100vh;background:var(--bg-primary);max-width:100vw;overflow-x:hidden}.main-content[data-v-034c348c]{flex:1;margin-left:224px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:calc(100vh - 64px);position:relative;padding-top:48px;max-width:calc(100vw - 224px);overflow-x:hidden}.main-content.sidebar-collapsed[data-v-034c348c]{margin-left:32px;max-width:calc(100vw - 32px)}.page-content[data-v-034c348c]{padding:var(--space-4);min-height:calc(100vh - 64px);background:var(--bg-primary);transition:padding .3s cubic-bezier(.4,0,.2,1);max-width:100%;overflow-x:hidden}.mobile-overlay[data-v-034c348c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:35;display:none}@media (min-width: 1400px){.page-content[data-v-034c348c]{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (max-width: 1024px) and (min-width: 769px){.main-content[data-v-034c348c],.main-content.sidebar-collapsed[data-v-034c348c]{margin-left:52px}.page-content[data-v-034c348c]{padding-left:var(--space-3);padding-right:var(--space-3)}}.main-content.mobile-layout[data-v-034c348c]{margin-left:0;padding-bottom:80px;max-width:100vw}.page-content.mobile-content[data-v-034c348c]{padding-bottom:var(--space-4);max-width:100%}@media (max-width: 768px){.main-content[data-v-034c348c]{margin-left:0;padding-top:0;max-width:100vw}.main-content.sidebar-collapsed[data-v-034c348c]{margin-left:0;max-width:100vw}.mobile-overlay[data-v-034c348c]{display:block}.page-content[data-v-034c348c]{padding-top:60px;padding-left:var(--space-2);padding-right:var(--space-2);max-width:100%;overflow-x:hidden}}@media (max-width: 480px){.page-content[data-v-034c348c]{padding-top:56px;padding-left:var(--space-1);padding-right:var(--space-1);padding-bottom:var(--space-2);max-width:100%;overflow-x:hidden}}@media (min-width: 1920px){.page-content[data-v-034c348c]{max-width:1600px;margin:0 auto;padding-left:var(--space-12);padding-right:var(--space-12)}}.modal-test-page[data-v-8d03d9e3]{padding:var(--space-6);max-width:1200px;margin:0 auto;background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.test-section[data-v-8d03d9e3]{margin-bottom:var(--space-8)}.test-section h2[data-v-8d03d9e3]{margin-bottom:var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600}.button-group[data-v-8d03d9e3]{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.result-box[data-v-8d03d9e3]{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.result-box p[data-v-8d03d9e3]{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-md)}.content-grid[data-v-8d03d9e3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.content-item[data-v-8d03d9e3]{background:var(--color-bg-secondary);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);text-align:center}.full-content[data-v-8d03d9e3]{height:100%}.content-list[data-v-8d03d9e3]{max-height:400px;overflow-y:auto;margin-top:var(--space-4)}.list-item[data-v-8d03d9e3]{padding:var(--space-2);border-bottom:1px solid var(--color-border-primary)}.list-item[data-v-8d03d9e3]:last-child{border-bottom:none}.custom-content[data-v-8d03d9e3]{padding:var(--space-4)}.form-group[data-v-8d03d9e3]{margin-bottom:var(--space-4)}.form-group label[data-v-8d03d9e3]{display:block;margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:500}.form-input[data-v-8d03d9e3],.form-select[data-v-8d03d9e3]{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-md)}.form-input[data-v-8d03d9e3]:focus,.form-select[data-v-8d03d9e3]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px rgba(var(--color-border-focus-rgb),.2)}.custom-footer[data-v-8d03d9e3]{display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width: 768px){.modal-test-page[data-v-8d03d9e3]{padding:var(--space-4)}.button-group[data-v-8d03d9e3]{flex-direction:column}.button-group .unified-button[data-v-8d03d9e3]{width:100%}.content-grid[data-v-8d03d9e3]{grid-template-columns:1fr}.custom-footer[data-v-8d03d9e3]{flex-direction:column}.custom-footer .unified-button[data-v-8d03d9e3]{width:100%}}.skeleton[data-v-2814bb1c]{width:100%}.skeleton--animated .skeleton-line[data-v-2814bb1c],.skeleton--animated .skeleton-avatar[data-v-2814bb1c],.skeleton--animated .skeleton-button[data-v-2814bb1c],.skeleton--animated .skeleton-chart__bar[data-v-2814bb1c]{animation:skeleton-pulse-2814bb1c 1.5s ease-in-out infinite}.skeleton-line[data-v-2814bb1c]{height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton-line--title[data-v-2814bb1c]{height:20px;width:60%}.skeleton-line--subtitle[data-v-2814bb1c]{height:14px;width:40%}.skeleton-line--short[data-v-2814bb1c]{width:50%}.skeleton-line--header[data-v-2814bb1c]{height:18px;background:var(--bg-secondary)}.skeleton-avatar[data-v-2814bb1c]{width:40px;height:40px;background:var(--bg-tertiary);border-radius:50%;flex-shrink:0}.skeleton-avatar--small[data-v-2814bb1c]{width:32px;height:32px}.skeleton-button[data-v-2814bb1c]{height:32px;width:80px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.skeleton-text[data-v-2814bb1c]{width:100%}.skeleton-card[data-v-2814bb1c]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-card__header[data-v-2814bb1c]{display:flex;align-items:center;gap:var(--space-3)}.skeleton-card__body[data-v-2814bb1c]{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card__footer[data-v-2814bb1c]{display:flex;gap:var(--space-2);justify-content:flex-end}.skeleton-list[data-v-2814bb1c]{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-list-item[data-v-2814bb1c]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.skeleton-content[data-v-2814bb1c]{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-table[data-v-2814bb1c]{width:100%;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table__header[data-v-2814bb1c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.skeleton-table__row[data-v-2814bb1c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-primary)}.skeleton-table__row[data-v-2814bb1c]:last-child{border-bottom:none}.skeleton-chart[data-v-2814bb1c]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.skeleton-chart__header[data-v-2814bb1c]{margin-bottom:var(--space-4)}.skeleton-chart__content[data-v-2814bb1c]{height:200px;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-2) 0}.skeleton-chart__bars[data-v-2814bb1c]{display:flex;align-items:flex-end;gap:var(--space-1);height:100%;width:100%}.skeleton-chart__bar[data-v-2814bb1c]{flex:1;background:var(--bg-tertiary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:20px}.skeleton-custom[data-v-2814bb1c]{width:100%}@keyframes skeleton-pulse-2814bb1c{0%,to{opacity:1}50%{opacity:.5}}.light .skeleton-line[data-v-2814bb1c],.light .skeleton-avatar[data-v-2814bb1c],.light .skeleton-button[data-v-2814bb1c],.light .skeleton-chart__bar[data-v-2814bb1c]{background:#e2e8f0}.light .skeleton-line--header[data-v-2814bb1c]{background:#f1f5f9}.dark .skeleton-line[data-v-2814bb1c],.dark .skeleton-avatar[data-v-2814bb1c],.dark .skeleton-button[data-v-2814bb1c],.dark .skeleton-chart__bar[data-v-2814bb1c]{background:#334155}.dark .skeleton-line--header[data-v-2814bb1c]{background:#475569}@media (max-width: 768px){.skeleton-card[data-v-2814bb1c]{padding:var(--space-3)}.skeleton-card__header[data-v-2814bb1c]{gap:var(--space-2)}.skeleton-avatar[data-v-2814bb1c]{width:32px;height:32px}.skeleton-avatar--small[data-v-2814bb1c]{width:28px;height:28px}.skeleton-line[data-v-2814bb1c]{height:14px}.skeleton-line--title[data-v-2814bb1c]{height:18px}.skeleton-line--subtitle[data-v-2814bb1c]{height:12px}.skeleton-button[data-v-2814bb1c]{height:28px;width:60px}.skeleton-chart__content[data-v-2814bb1c]{height:150px}.skeleton-table__header[data-v-2814bb1c],.skeleton-table__row[data-v-2814bb1c]{gap:var(--space-2);padding:var(--space-2)}}.loading-test-page[data-v-07bacfcb]{min-height:100vh;background:var(--bg-primary);padding:var(--space-6)}.container[data-v-07bacfcb]{max-width:1200px;margin:0 auto}h1[data-v-07bacfcb]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}h2[data-v-07bacfcb]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}h3[data-v-07bacfcb]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-4)}.test-section[data-v-07bacfcb]{margin-bottom:var(--space-8)}.test-grid[data-v-07bacfcb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.test-item[data-v-07bacfcb]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.test-content[data-v-07bacfcb]{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.demo-grid[data-v-07bacfcb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.demo-card[data-v-07bacfcb]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.demo-loading[data-v-07bacfcb],.demo-content[data-v-07bacfcb]{margin-bottom:var(--space-4)}.demo-content h4[data-v-07bacfcb]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.demo-content p[data-v-07bacfcb]{color:var(--text-secondary);margin-bottom:var(--space-1)}.list-item[data-v-07bacfcb]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-primary)}.list-item[data-v-07bacfcb]:last-child{border-bottom:none}.item-avatar[data-v-07bacfcb]{width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold)}.item-content[data-v-07bacfcb]{flex:1}.item-name[data-v-07bacfcb]{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.item-desc[data-v-07bacfcb]{font-size:var(--font-size-sm);color:var(--text-secondary)}.demo-button[data-v-07bacfcb]{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.demo-button[data-v-07bacfcb]:hover{background:var(--primary-hover);transform:translateY(-1px)}.custom-skeleton[data-v-07bacfcb]{display:flex;flex-direction:column;gap:var(--space-3)}.custom-header[data-v-07bacfcb],.custom-body[data-v-07bacfcb]{display:flex;flex-direction:column;gap:var(--space-2)}.custom-footer[data-v-07bacfcb]{display:flex;gap:var(--space-2);justify-content:flex-end}.skeleton-line[data-v-07bacfcb]{height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.skeleton-line--title[data-v-07bacfcb]{height:20px;width:60%}.skeleton-line--subtitle[data-v-07bacfcb]{height:14px;width:40%}.skeleton-line--short[data-v-07bacfcb]{width:50%}.skeleton-button[data-v-07bacfcb]{height:32px;width:80px;background:var(--bg-tertiary);border-radius:var(--radius-md)}@media (max-width: 768px){.loading-test-page[data-v-07bacfcb]{padding:var(--space-4)}.test-grid[data-v-07bacfcb],.demo-grid[data-v-07bacfcb]{grid-template-columns:1fr;gap:var(--space-4)}h1[data-v-07bacfcb]{font-size:var(--font-size-2xl)}h2[data-v-07bacfcb]{font-size:var(--font-size-xl)}h3[data-v-07bacfcb]{font-size:var(--font-size-base)}}.enhanced-card[data-v-52bc3c6c]{position:relative;background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.enhanced-card--default[data-v-52bc3c6c]{border:1px solid var(--border-primary);box-shadow:0 1px 3px #0000001a}.enhanced-card--elevated[data-v-52bc3c6c]{border:none;box-shadow:0 4px 12px #00000026}.enhanced-card--outlined[data-v-52bc3c6c]{border:2px solid var(--border-primary);box-shadow:none}.enhanced-card--filled[data-v-52bc3c6c]{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:none}.enhanced-card--sm[data-v-52bc3c6c]{padding:var(--space-3)}.enhanced-card--md[data-v-52bc3c6c]{padding:var(--space-4)}.enhanced-card--lg[data-v-52bc3c6c]{padding:var(--space-6)}.enhanced-card--hoverable[data-v-52bc3c6c]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.enhanced-card--clickable[data-v-52bc3c6c]{cursor:pointer}.enhanced-card--clickable[data-v-52bc3c6c]:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.enhanced-card--loading[data-v-52bc3c6c]{opacity:.7;pointer-events:none}.enhanced-card--disabled[data-v-52bc3c6c]{opacity:.5;pointer-events:none}.card-hover-effect[data-v-52bc3c6c]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.enhanced-card--hovered .card-hover-effect[data-v-52bc3c6c]{opacity:1}.card-header[data-v-52bc3c6c]{margin-bottom:var(--space-3)}.card-title[data-v-52bc3c6c]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.card-subtitle[data-v-52bc3c6c]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.card-content[data-v-52bc3c6c]{flex:1}.card-footer[data-v-52bc3c6c]{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.light .enhanced-card--default[data-v-52bc3c6c]{box-shadow:0 1px 3px #0000001a}.light .enhanced-card--elevated[data-v-52bc3c6c]{box-shadow:0 4px 12px #00000026}.light .enhanced-card--hoverable[data-v-52bc3c6c]:hover{box-shadow:0 8px 25px #00000026}.dark .enhanced-card--default[data-v-52bc3c6c]{box-shadow:0 1px 3px #0000004d}.dark .enhanced-card--elevated[data-v-52bc3c6c]{box-shadow:0 4px 12px #0006}.dark .enhanced-card--hoverable[data-v-52bc3c6c]:hover{box-shadow:0 8px 25px #0006}@media (max-width: 768px){.enhanced-card--sm[data-v-52bc3c6c]{padding:var(--space-2)}.enhanced-card--md[data-v-52bc3c6c]{padding:var(--space-3)}.enhanced-card--lg[data-v-52bc3c6c]{padding:var(--space-4)}.enhanced-card--hoverable[data-v-52bc3c6c]:hover{transform:translateY(-1px)}.card-title[data-v-52bc3c6c]{font-size:var(--font-size-base)}.card-subtitle[data-v-52bc3c6c]{font-size:var(--font-size-xs)}}@media (hover: none) and (pointer: coarse){.enhanced-card--hoverable[data-v-52bc3c6c]:hover{transform:none;box-shadow:inherit}.card-hover-effect[data-v-52bc3c6c]{display:none}}.fade-enter-active[data-v-da44ed2d],.fade-leave-active[data-v-da44ed2d]{transition:opacity .3s ease}.fade-enter-from[data-v-da44ed2d],.fade-leave-to[data-v-da44ed2d]{opacity:0}.slide-enter-active[data-v-da44ed2d],.slide-leave-active[data-v-da44ed2d]{transition:all .3s ease}.slide-enter-from[data-v-da44ed2d]{transform:translate(-100%);opacity:0}.slide-leave-to[data-v-da44ed2d]{transform:translate(100%);opacity:0}.scale-enter-active[data-v-da44ed2d],.scale-leave-active[data-v-da44ed2d]{transition:all .3s ease}.scale-enter-from[data-v-da44ed2d],.scale-leave-to[data-v-da44ed2d]{transform:scale(.8);opacity:0}.flip-enter-active[data-v-da44ed2d],.flip-leave-active[data-v-da44ed2d]{transition:all .3s ease}.flip-enter-from[data-v-da44ed2d]{transform:rotateY(-90deg);opacity:0}.flip-leave-to[data-v-da44ed2d]{transform:rotateY(90deg);opacity:0}.bounce-enter-active[data-v-da44ed2d]{animation:bounce-in-da44ed2d .5s ease}.bounce-leave-active[data-v-da44ed2d]{animation:bounce-out-da44ed2d .3s ease}@keyframes bounce-in-da44ed2d{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes bounce-out-da44ed2d{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}.page-enter-active[data-v-da44ed2d],.page-leave-active[data-v-da44ed2d]{transition:all .4s cubic-bezier(.4,0,.2,1)}.page-enter-from[data-v-da44ed2d]{transform:translate(30px);opacity:0}.page-leave-to[data-v-da44ed2d]{transform:translate(-30px);opacity:0}.modal-enter-active[data-v-da44ed2d],.modal-leave-active[data-v-da44ed2d]{transition:all .3s ease}.modal-enter-from[data-v-da44ed2d],.modal-leave-to[data-v-da44ed2d]{opacity:0;transform:scale(.9)}.list-item-enter-active[data-v-da44ed2d],.list-item-leave-active[data-v-da44ed2d]{transition:all .3s ease}.list-item-enter-from[data-v-da44ed2d],.list-item-leave-to[data-v-da44ed2d]{opacity:0;transform:translateY(20px)}.list-item-move[data-v-da44ed2d]{transition:transform .3s ease}.card-enter-active[data-v-da44ed2d],.card-leave-active[data-v-da44ed2d]{transition:all .3s ease}.card-enter-from[data-v-da44ed2d]{opacity:0;transform:translateY(20px) scale(.95)}.card-leave-to[data-v-da44ed2d]{opacity:0;transform:translateY(-20px) scale(.95)}.loading-enter-active[data-v-da44ed2d],.loading-leave-active[data-v-da44ed2d]{transition:all .2s ease}.loading-enter-from[data-v-da44ed2d],.loading-leave-to[data-v-da44ed2d]{opacity:0;transform:scale(.8)}.keyboard-navigator[data-v-4a2629db]{outline:none}.keyboard-navigator[data-v-4a2629db]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.keyboard-navigator--disabled[data-v-4a2629db]{pointer-events:none;opacity:.6}.keyboard-navigator[data-v-4a2629db] *{outline-offset:1px}.keyboard-navigator[data-v-4a2629db] *:focus{outline:2px solid var(--primary-color);outline-offset:1px}@media (prefers-contrast: high){.keyboard-navigator[data-v-4a2629db]:focus{outline-width:3px}.keyboard-navigator[data-v-4a2629db] *:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.keyboard-navigator[data-v-4a2629db] *{transition:none!important}}.ux-test-page[data-v-12ca3d51]{min-height:100vh;background:var(--bg-primary);padding:var(--space-6)}.container[data-v-12ca3d51]{max-width:1200px;margin:0 auto}h1[data-v-12ca3d51]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}h2[data-v-12ca3d51]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}h3[data-v-12ca3d51]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-4)}.test-section[data-v-12ca3d51]{margin-bottom:var(--space-8)}.test-grid[data-v-12ca3d51]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.test-item[data-v-12ca3d51]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.test-content[data-v-12ca3d51]{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.demo-box[data-v-12ca3d51]{background:var(--primary-color);color:#fff;padding:var(--space-4);border-radius:var(--radius-md);text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.demo-button[data-v-12ca3d51]{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.demo-button[data-v-12ca3d51]:hover{background:var(--primary-hover);transform:translateY(-1px)}.demo-hint[data-v-12ca3d51]{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-2);font-style:italic}.keyboard-demo[data-v-12ca3d51]{display:flex;gap:var(--space-2);padding:var(--space-3);border:2px dashed var(--border-primary);border-radius:var(--radius-md)}.keyboard-demo-vertical[data-v-12ca3d51]{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:2px dashed var(--border-primary);border-radius:var(--radius-md);max-width:200px}@media (max-width: 768px){.ux-test-page[data-v-12ca3d51]{padding:var(--space-4)}.test-grid[data-v-12ca3d51]{grid-template-columns:1fr;gap:var(--space-4)}h1[data-v-12ca3d51]{font-size:var(--font-size-2xl)}h2[data-v-12ca3d51]{font-size:var(--font-size-xl)}h3[data-v-12ca3d51]{font-size:var(--font-size-base)}.keyboard-demo[data-v-12ca3d51]{flex-direction:column}.keyboard-demo-vertical[data-v-12ca3d51]{max-width:none}}