*{box-sizing:border-box;margin:0;padding:0}body{color:#1a3a2a;-webkit-font-smoothing:antialiased;background:#fbfff2;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{min-height:100vh}[class$=-page]{background:#fbfff2!important}.header,.exam-header,.card,.entry-card,.mode-card,.group-card,.exam-entry-card,.type-card,.word-item,.flash-card,.word-card,.help-content,.modal-content,.detail-panel,.compare-panel,.empty,.help-modal .help-content{background:#fff!important;border:2px solid #1a3a2a!important;border-radius:0!important;box-shadow:4px 4px #1a3a2a!important}.home-header{color:#fff!important;background:linear-gradient(135deg,#008e6b 0%,#00634e 100%)!important;border:2px solid #1a3a2a!important;border-radius:0!important;box-shadow:4px 4px #1a3a2a!important}.home-header .title,.home-header .subtitle-desc,.home-header .subtitle{color:#fff!important}button:not(.color-dot):not(.tool-btn):not(.quick-speaker-btn):not(.btn-speak):not(.btn-phrase-speak):not(.btn-close-help):not(.segment-btn){font-weight:600;transition:transform 80ms,box-shadow 80ms;border:2px solid #1a3a2a!important;border-radius:0!important;box-shadow:3px 3px #1a3a2a!important}button:not(.color-dot):not(.tool-btn):not(.quick-speaker-btn):not(.btn-speak):not(.btn-phrase-speak):not(.btn-close-help):not(.segment-btn):active{transform:translate(2px,2px);box-shadow:1px 1px #1a3a2a!important}.btn-start,.btn-submit,.btn-back,.btn-primary,.btn-generate,.btn-analysis,.btn-nav,.btn-reset{color:#fff!important;background:#008e6b!important}.btn-start:hover:not(:disabled),.btn-submit:hover:not(:disabled),.btn-back:hover,.btn-primary:hover,.btn-generate:hover,.btn-analysis:hover,.btn-nav:hover:not(:disabled),.btn-reset:hover{background:#46b065!important}.home-header .btn-data,.home-header .btn-help,.home-header .header-actions button{color:#1a3a2a!important;background:#fff!important;border:2px solid #1a3a2a!important;box-shadow:3px 3px #1a3a2a!important}.home-header .btn-data:hover,.home-header .header-actions button:hover{transform:translateY(-1px);background:#dcecb5!important}.home-header .btn-help{border-radius:50%!important}input[type=text],input[type=number],textarea,select{background:#fff;border:2px solid #1a3a2a!important;border-radius:0!important}input:focus,textarea:focus{outline:none;box-shadow:3px 3px #81c570!important}.segment-btn.active,.mode-card.active,.group-card.group-selected,.home-tab.active{color:#1a3a2a!important;background:#dcecb5!important;box-shadow:3px 3px #1a3a2a!important}.type-bar-fill,.progress-fill,.bar-fill{background:#46b065!important}button,[role=button],.clickable,.card,.entry-card,.mode-card,.group-card,.exam-entry-card,.type-card,.home-tab,.option,.word,.btn-back,.btn-close-help{-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.2,.8,.3,1.2),box-shadow .12s,background .2s}button:active,[role=button]:active,.clickable:active,.card:active,.entry-card:active,.mode-card:active,.group-card:active,.exam-entry-card:active,.type-card:active,.home-tab:active,.option:active,.word:active{transition-duration:60ms;transform:scale(.94)}.home-page[data-v-f81f4103]{max-width:900px;min-height:100vh;margin:0 auto;padding:40px 24px}.home-header[data-v-f81f4103]{text-align:center;margin-bottom:48px;position:relative}.title[data-v-f81f4103]{color:#1a3a2a;margin:0 0 8px;font-size:36px;font-weight:700}.subtitle[data-v-f81f4103]{color:#888;margin:0;font-size:16px}.subtitle-desc[data-v-f81f4103]{color:#aaa;margin:0 0 4px;font-size:14px}.home-tabs[data-v-f81f4103]{justify-content:center;gap:12px;margin-bottom:32px;display:flex}.home-tab[data-v-f81f4103]{cursor:pointer;color:#666;background:#fff;border:2px solid #e0e0e0;border-radius:12px;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.home-tab[data-v-f81f4103]:hover{background:#fffdf5;border-color:#d4a853}.home-tab.active[data-v-f81f4103]{color:#1a3a2a;background:#f0f7f0;border-color:#1a3a2a;font-weight:600}.tab-icon[data-v-f81f4103]{font-size:20px}.tab-text[data-v-f81f4103]{font-size:16px}.home-section[data-v-f81f4103]{margin-bottom:20px}.exam-entries[data-v-f81f4103]{flex-direction:column;gap:16px;max-width:600px;margin:0 auto;display:flex}.exam-entry-card[data-v-f81f4103]{cursor:pointer;background:#f5f9ff;border:2px solid #e3f2fd;border-radius:16px;align-items:center;gap:20px;padding:24px 28px;transition:all .2s;display:flex}.exam-entry-card[data-v-f81f4103]:hover{background:#e3f2fd;border-color:#90caf9;transform:translateY(-2px);box-shadow:0 4px 12px #42a5f51f}.exam-entry-icon[data-v-f81f4103]{flex-shrink:0;font-size:36px}.exam-entry-info[data-v-f81f4103]{flex-direction:column;flex:1;gap:6px;display:flex}.exam-entry-label[data-v-f81f4103]{color:#1a3a2a;font-size:18px;font-weight:600}.exam-entry-desc[data-v-f81f4103]{color:#666;font-size:14px;line-height:1.5}.entries-row[data-v-f81f4103]{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.entry-card[data-v-f81f4103]{cursor:pointer;border:2px solid;border-radius:16px;align-items:center;gap:16px;min-height:72px;padding:20px 24px;transition:all .2s;display:flex}.entry-card[data-v-f81f4103]:hover{transform:translateY(-2px)}.entry-icon[data-v-f81f4103]{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 2px 6px #0000000f}.familiar-entry[data-v-f81f4103]{background:#f1f8e9;border-color:#e8f5e9}.familiar-entry[data-v-f81f4103]:hover{background:#e8f5e9;border-color:#a5d6a7;box-shadow:0 4px 12px #4caf501f}.familiar-icon[data-v-f81f4103]{color:#d4a853}.unknown-entry[data-v-f81f4103]{background:#fff5f5;border-color:#fce4ec}.unknown-entry[data-v-f81f4103]:hover{background:#ffebee;border-color:#ef9a9a;box-shadow:0 4px 12px #f443361f}.unknown-icon[data-v-f81f4103]{color:#f44336;font-weight:700}.compare-entry[data-v-f81f4103]{background:#f5f9ff;border-color:#e3f2fd}.compare-entry[data-v-f81f4103]:hover{background:#e3f2fd;border-color:#90caf9;box-shadow:0 4px 12px #42a5f51f}.compare-icon[data-v-f81f4103]{color:#42a5f5;font-size:20px}.entry-info[data-v-f81f4103]{flex-direction:column;flex:1;gap:2px;display:flex}.entry-label[data-v-f81f4103]{color:#1a3a2a;font-size:16px;font-weight:600}.entry-count[data-v-f81f4103]{color:#888;font-size:13px}.entry-arrow[data-v-f81f4103]{color:#ccc;flex-shrink:0;font-size:24px}.section-title[data-v-f81f4103]{color:#1a3a2a;margin:0 0 20px;font-size:18px;font-weight:600}.mode-selector[data-v-f81f4103]{margin-bottom:40px}.mode-selector-header[data-v-f81f4103]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mode-selector-header .section-title[data-v-f81f4103]{margin-bottom:0}.mode-grid[data-v-f81f4103]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mode-btn[data-v-f81f4103]{cursor:pointer;text-align:center;background:#fff;border:2px solid #e8e8e8;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:all .2s;display:flex}.mode-btn[data-v-f81f4103]:hover{background:#fffdf5;border-color:#d4a853}.mode-btn.active[data-v-f81f4103]{background:#f0f7f0;border-color:#1a3a2a}.mode-btn-icon[data-v-f81f4103]{font-size:28px;line-height:1}.mode-btn-name[data-v-f81f4103]{color:#333;font-size:15px;font-weight:600}.mode-btn-desc[data-v-f81f4103]{color:#999;font-size:12px;line-height:1.4}.group-selector-header .section-title[data-v-f81f4103]{margin-bottom:0}.flash-segmented[data-v-f81f4103]{background:#f5f5f5;border-radius:8px;gap:8px;padding:4px;display:flex}.segment-btn[data-v-f81f4103]{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.segment-btn[data-v-f81f4103]:hover{color:#1a3a2a}.segment-btn.active[data-v-f81f4103]{color:#fff;background:#1a3a2a;font-weight:600}.switch[data-v-f81f4103]{width:48px;height:26px;display:inline-block;position:relative}.switch input[data-v-f81f4103]{opacity:0;width:0;height:0}.slider[data-v-f81f4103]{cursor:pointer;background-color:#ccc;border-radius:26px;transition:all .3s;position:absolute;inset:0}.slider[data-v-f81f4103]:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-f81f4103]{background-color:#4caf50}input:checked+.slider[data-v-f81f4103]:before{transform:translate(22px)}.tooltip-trigger[data-v-f81f4103]{color:#666;cursor:help;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.tooltip-trigger[data-v-f81f4103]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#333;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:400;position:absolute;bottom:130%;left:50%;transform:translate(-50%)}.mode-cards[data-v-f81f4103]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.mode-card[data-v-f81f4103]{cursor:pointer;background:#fff;border:2px solid #e8e8e8;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;transition:all .2s;display:flex}.mode-card[data-v-f81f4103]:hover{background:#fffdf5;border-color:#d4a853}.mode-card.active[data-v-f81f4103]{background:#fff8e1;border-color:#d4a853;box-shadow:0 0 0 3px #d4a85326}.mode-card.flash-card.active[data-v-f81f4103]{background:#e3f2fd;border-color:#42a5f5;box-shadow:0 0 0 3px #42a5f526}.mode-icon[data-v-f81f4103]{font-size:32px}.mode-name[data-v-f81f4103]{color:#1a3a2a;font-size:16px;font-weight:600}.mode-desc[data-v-f81f4103]{color:#999;font-size:13px}.group-selector[data-v-f81f4103]{margin-bottom:40px}.group-selector-header[data-v-f81f4103]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.group-selector-header .start-section[data-v-f81f4103]{opacity:0;visibility:hidden;background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;padding:0;transition:opacity .2s,visibility .2s;display:flex}.group-selector-header .start-section.visible[data-v-f81f4103]{opacity:1;visibility:visible}.group-selector-header .start-info[data-v-f81f4103]{color:#1a3a2a;white-space:nowrap;font-size:14px;font-weight:600}.group-selector-header .btn-start[data-v-f81f4103]{white-space:nowrap;padding:8px 20px;font-size:14px}.group-grid[data-v-f81f4103]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.group-btn[data-v-f81f4103]{cursor:pointer;background:#fff;border:2px solid #e8e8e8;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;transition:all .2s;display:flex}.group-btn[data-v-f81f4103]:hover{background:#f0f7f4;border-color:#1a3a2a;transform:translateY(-2px);box-shadow:0 4px 12px #1a3a2a1a}.group-range[data-v-f81f4103]{color:#1a3a2a;font-size:15px;font-weight:600}.group-count[data-v-f81f4103]{color:#666;font-size:13px}.group-size[data-v-f81f4103]{color:#999;background:#f0f0f0;border-radius:10px;padding:2px 8px;font-size:12px}.group-remaining[data-v-f81f4103]{color:#f57c00;background:#fff3e0;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.group-btn.selected[data-v-f81f4103]{background:#e8f5e9;border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.group-btn.selected[data-v-f81f4103]:hover{background:#e8f5e9;border-color:#45a049}.btn-start[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:12px;padding:14px 48px;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #4caf504d}.btn-start[data-v-f81f4103]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-start[data-v-f81f4103]:active{transform:translateY(0)}.detail-page[data-v-f81f4103]{max-width:900px;min-height:100vh;margin:0 auto;padding:40px 24px}.detail-header[data-v-f81f4103]{align-items:center;gap:16px;margin-bottom:32px;display:flex}.detail-header .btn-back[data-v-f81f4103]{flex-shrink:0}.detail-title[data-v-f81f4103]{color:#1a3a2a;white-space:nowrap;margin:0;font-size:24px;font-weight:700}.detail-title-row[data-v-f81f4103]{flex:1;align-items:center;gap:8px;display:flex}.btn-start-wrong[data-v-f81f4103]{color:#fff;cursor:pointer;background:#ef5350;border:none;border-radius:8px;margin-left:auto;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-start-wrong[data-v-f81f4103]:hover{background:#e53935;transform:translateY(-1px);box-shadow:0 4px 12px #ef53504d}.btn-back[data-v-f81f4103]{cursor:pointer;color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:14px;transition:all .2s}.btn-back[data-v-f81f4103]:hover{background:#f5f5f5;border-color:#ccc}.detail-title[data-v-f81f4103]{color:#1a3a2a;margin:0;font-size:24px;font-weight:700}.detail-title-row[data-v-f81f4103]{align-items:center;gap:12px;display:flex}.detail-empty[data-v-f81f4103]{text-align:center;color:#999;padding:60px 20px}.detail-empty p[data-v-f81f4103]{margin:0;font-size:16px}.detail-empty-hint[data-v-f81f4103]{color:#bbb;margin-top:8px;font-size:13px}.detail-grid[data-v-f81f4103]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.detail-item[data-v-f81f4103]{border:2px solid;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.detail-item[data-v-f81f4103]:hover{box-shadow:0 2px 8px #0000000f}.familiar-item[data-v-f81f4103]{background:#f1f8e9;border-color:#e8f5e9}.familiar-item[data-v-f81f4103]:hover{border-color:#a5d6a7}.unknown-item[data-v-f81f4103]{background:#fff5f5;border-color:#fce4ec}.unknown-item[data-v-f81f4103]:hover{border-color:#ef9a9a}.compare-item[data-v-f81f4103]{background:#f5f9ff;border-color:#e3f2fd}.compare-item[data-v-f81f4103]:hover{border-color:#90caf9}.wrong-entry[data-v-f81f4103]{background:#fff5f5;border-color:#fce4ec}.wrong-entry[data-v-f81f4103]:hover{background:#fce4ec;border-color:#ef9a9a;box-shadow:0 4px 12px #f443361f}.wrong-icon[data-v-f81f4103]{color:#f44336;font-size:20px;font-weight:700}.wrong-item[data-v-f81f4103]{background:#fff5f5;border-color:#fce4ec}.wrong-item[data-v-f81f4103]:hover{border-color:#ef9a9a}.completed-entry[data-v-f81f4103]{background:#f1f8e9;border-color:#e8f5e9}.completed-entry[data-v-f81f4103]:hover{background:#e8f5e9;border-color:#a5d6a7;box-shadow:0 4px 12px #4caf501f}.completed-icon[data-v-f81f4103]{color:#4caf50;font-size:20px;font-weight:700}.completed-item[data-v-f81f4103]{background:#f1f8e9;border-color:#e8f5e9}.completed-item[data-v-f81f4103]:hover{border-color:#a5d6a7}.search-entry[data-v-f81f4103]{background:#f0f7ff;border-color:#e3f2fd}.search-entry[data-v-f81f4103]:hover{background:#e3f2fd;border-color:#90caf9;box-shadow:0 4px 12px #2196f31f}.search-icon[data-v-f81f4103]{font-size:28px}.verb-entry[data-v-f81f4103]{background:#fff8e1;border-color:#fff3e0}.verb-entry[data-v-f81f4103]:hover{background:#fff3e0;border-color:#ffb74d;box-shadow:0 4px 12px #ff98001f}.verb-icon[data-v-f81f4103]{font-size:28px}.exam-entry[data-v-f81f4103]{background:#f5f9ff;border-color:#e3f2fd}.exam-entry[data-v-f81f4103]:hover{background:#e3f2fd;border-color:#42a5f5;box-shadow:0 4px 12px #2196f31f}.exam-icon[data-v-f81f4103]{font-size:28px}.exam-vocab-entry[data-v-f81f4103]{background:#fff5f8;border-color:#fce4ec}.exam-vocab-entry[data-v-f81f4103]:hover{background:#fce4ec;border-color:#ec407a;box-shadow:0 4px 12px #e91e631f}.exam-vocab-icon[data-v-f81f4103]{font-size:28px}.compare-checkbox[data-v-f81f4103]{cursor:pointer;accent-color:#4caf50;flex-shrink:0;width:18px;height:18px}.compare-item.selected[data-v-f81f4103]{background:#e8f5e9;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.btn-compare-table[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border:1px solid #4caf50;border-radius:8px;flex-shrink:0;margin-left:auto;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-compare-table[data-v-f81f4103]:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.compare-table-modal[data-v-f81f4103]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.compare-table-content[data-v-f81f4103]{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1200px;max-height:85vh;display:flex;box-shadow:0 8px 32px #0003}.compare-table-header[data-v-f81f4103]{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.compare-table-header h2[data-v-f81f4103]{color:#1a3a2a;margin:0;font-size:20px;font-weight:600}.compare-table-title-row[data-v-f81f4103]{align-items:center;gap:12px;display:flex}.btn-play-all[data-v-f81f4103]{cursor:pointer;background:#e8f5e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.btn-play-all[data-v-f81f4103]:hover{background:#c8e6c9;transform:scale(1.1)}.table-drag-handle[data-v-f81f4103]{cursor:grab;color:#999;text-align:center;-webkit-user-select:none;user-select:none;width:40px;padding:8px}.table-drag-handle[data-v-f81f4103]:active{cursor:grabbing}.dragging-row[data-v-f81f4103]{opacity:.5;background:#e3f2fd}.btn-close[data-v-f81f4103]{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.btn-close[data-v-f81f4103]:hover{color:#333;background:#e0e0e0}.btn-table-delete[data-v-f81f4103]{cursor:pointer;color:#ff5252;background:#fff;border:1px solid #ff5252;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-table-delete[data-v-f81f4103]:hover{color:#fff;background:#ff5252;transform:scale(1.1)}.compare-table-body[data-v-f81f4103]{padding:24px;overflow:auto}.compare-table-footer[data-v-f81f4103]{border-top:1px solid #e0e0e0;justify-content:flex-end;padding:16px 24px;display:flex}.compare-table-actions[data-v-f81f4103]{align-items:center;gap:12px;display:flex}.btn-save-group[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .2s}.btn-save-group[data-v-f81f4103]:hover{background:#45a049;transform:translateY(-1px)}.compare-table[data-v-f81f4103]{border-collapse:collapse;width:100%;font-size:15px}.compare-table thead[data-v-f81f4103]{z-index:10;background:#f5f5f5;position:sticky;top:0}.compare-table th[data-v-f81f4103]{text-align:left;color:#1a3a2a;border-bottom:2px solid #e0e0e0;padding:12px 16px;font-weight:600}.compare-table td[data-v-f81f4103]{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:16px}.compare-table tr[data-v-f81f4103]:hover{background:#f9f9f9}.table-word-cell[data-v-f81f4103]{vertical-align:top}.table-word-row[data-v-f81f4103]{align-items:center;gap:8px;display:flex}.table-word-name[data-v-f81f4103]{color:#2196f3;font-size:16px;font-weight:600;line-height:1.3}.table-word-phonetic[data-v-f81f4103]{color:#999;margin-top:2px;font-size:12px;font-weight:400;line-height:1.3;display:block}.btn-speak[data-v-f81f4103]{color:#666;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-speak[data-v-f81f4103]:hover{color:#2196f3;background:#e3f2fd;border-color:#2196f3}.table-meaning[data-v-f81f4103]{color:#333;line-height:1.6}.table-derivatives[data-v-f81f4103]{color:#666;font-size:14px;line-height:1.6}.detail-info[data-v-f81f4103]{flex-direction:column;flex:1;gap:4px;display:flex}.detail-word[data-v-f81f4103]{color:#1a3a2a;font-size:16px;font-weight:600}.detail-meaning[data-v-f81f4103]{color:#666;font-size:13px}.btn-unmark[data-v-f81f4103]{color:#999;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.btn-unmark[data-v-f81f4103]:hover{color:#f44336;background:#ffebee;border-color:#f44336}.btn-add-to-group[data-v-f81f4103]{color:#999;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.btn-add-to-group[data-v-f81f4103]:hover{color:#4caf50;background:#e8f5e9;border-color:#4caf50}.add-group-modal[data-v-f81f4103]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-group-content[data-v-f81f4103]{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0003}.add-group-content h3[data-v-f81f4103]{color:#333;margin:0 0 20px;font-size:18px}.no-groups[data-v-f81f4103]{text-align:center;color:#999;padding:40px 0}.group-list[data-v-f81f4103]{max-height:300px;margin-bottom:20px;overflow-y:auto}.group-item[data-v-f81f4103]{cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.group-item[data-v-f81f4103]:hover{background:#f1f8e9;border-color:#4caf50}.group-item .group-name[data-v-f81f4103]{color:#333;font-size:15px;font-weight:500}.group-item .group-count[data-v-f81f4103]{color:#999;font-size:13px}.btn-cancel[data-v-f81f4103]{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}.save-group-dialog[data-v-f81f4103]{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0003}.save-group-dialog h3[data-v-f81f4103]{color:#1a3a2a;margin:0 0 16px;font-size:18px;font-weight:600}.group-name-input[data-v-f81f4103]{border:2px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-size:14px;transition:border-color .2s}.group-name-input[data-v-f81f4103]:focus{border-color:#4caf50;outline:none}.save-group-actions[data-v-f81f4103]{justify-content:flex-end;gap:12px;display:flex}.btn-cancel[data-v-f81f4103]{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.btn-cancel[data-v-f81f4103]:hover{background:#e0e0e0}.btn-save[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.btn-save[data-v-f81f4103]:hover{background:#45a049}.compare-groups-section[data-v-f81f4103]{border-top:2px solid #e0e0e0;margin-top:32px;padding-top:32px}.groups-title-row[data-v-f81f4103]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.groups-title-left[data-v-f81f4103]{align-items:center;gap:16px;display:flex}.groups-title[data-v-f81f4103]{color:#1a3a2a;margin:0;font-size:18px;font-weight:600}.groups-select-btns[data-v-f81f4103]{align-items:center;gap:8px;display:flex}.groups-title-actions[data-v-f81f4103]{align-items:center;gap:10px;display:flex}.btn-select-groups[data-v-f81f4103]{color:#4caf50;cursor:pointer;background:#fff;border:1px solid #4caf50;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.btn-select-groups[data-v-f81f4103]:hover{background:#e8f5e9}.btn-select-groups.active[data-v-f81f4103]{color:#fff;background:#4caf50}.groups-list[data-v-f81f4103]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.group-card[data-v-f81f4103]{cursor:pointer;background:#fff;border:2px solid #e8f5e9;border-radius:12px;padding:16px;transition:all .2s}.group-card[data-v-f81f4103]:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.group-card.group-selected[data-v-f81f4103]{background:#f1f8f4;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.group-header[data-v-f81f4103]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.group-header-left[data-v-f81f4103]{align-items:center;gap:8px;display:flex}.group-checkbox[data-v-f81f4103]{cursor:pointer;accent-color:#4caf50;width:18px;height:18px}.group-name[data-v-f81f4103]{color:#1a3a2a;font-size:16px;font-weight:600}.btn-start-compare-quiz[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-start-compare-quiz[data-v-f81f4103]:hover:not(:disabled){background:#45a049;box-shadow:0 2px 8px #4caf504d}.btn-start-compare-quiz[data-v-f81f4103]:disabled{cursor:not-allowed;background:#ccc}.group-actions[data-v-f81f4103]{gap:8px;display:flex}.btn-load-group[data-v-f81f4103],.btn-copy-group[data-v-f81f4103],.btn-delete-group[data-v-f81f4103]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-load-group[data-v-f81f4103]{color:#2196f3;background:#e3f2fd}.btn-load-group[data-v-f81f4103]:hover{color:#fff;background:#2196f3}.btn-copy-group[data-v-f81f4103]{color:#43a047;background:#e8f5e9}.btn-copy-group[data-v-f81f4103]:hover{color:#fff;background:#43a047}.btn-delete-group[data-v-f81f4103]{color:#f44336;background:#ffebee}.btn-delete-group[data-v-f81f4103]:hover{color:#fff;background:#f44336}.group-words[data-v-f81f4103]{flex-wrap:wrap;gap:8px;display:flex}.group-word-tag[data-v-f81f4103]{color:#666;background:#f5f5f5;border-radius:16px;padding:4px 12px;font-size:13px}.toast-success[data-v-f81f4103]{color:#fff;z-index:10000;background:#4caf50;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #4caf504d}.toast-enter-active[data-v-f81f4103],.toast-leave-active[data-v-f81f4103]{transition:all .3s}.toast-enter-from[data-v-f81f4103],.toast-leave-to[data-v-f81f4103]{opacity:0;transform:translate(-50%)translateY(20px)}.compare-two-columns[data-v-f81f4103]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compare-column[data-v-f81f4103]{flex-direction:column;gap:8px;display:flex}.compare-column .detail-item[data-v-f81f4103]{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:flex-start;gap:12px}.compare-column .detail-item .btn-unmark[data-v-f81f4103]{flex-shrink:0;margin-left:auto}.compare-column .detail-item[data-v-f81f4103]:active{cursor:grabbing}.drag-handle[data-v-f81f4103]{color:#ccc;letter-spacing:1px;flex-shrink:0;margin-right:8px;font-size:14px}.compare-column .detail-item.dragging[data-v-f81f4103]{opacity:.4;background:#e3f2fd;border-color:#42a5f5}.compare-column .detail-item.drag-over[data-v-f81f4103]{background:#e3f2fd;border-color:#42a5f5;transform:scale(1.02)}.search-page-content[data-v-f81f4103]{max-width:800px;margin:0 auto;padding:0 24px}.search-page-content .search-input-wrapper[data-v-f81f4103]{background:#fff;border:2px solid #e0e0e0;border-radius:12px;align-items:center;margin-bottom:24px;padding:0 16px;transition:border-color .2s;display:flex}.search-page-content .search-input-wrapper[data-v-f81f4103]:focus-within{border-color:#4caf50}.search-page-input[data-v-f81f4103]{background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px}.search-page-content .btn-clear[data-v-f81f4103]{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.search-page-content .btn-clear[data-v-f81f4103]:hover{color:#666}.search-results-list[data-v-f81f4103]{flex-direction:column;gap:8px;display:flex}.search-result-item[data-v-f81f4103]{cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.search-result-item[data-v-f81f4103]:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf501a}.search-result-info[data-v-f81f4103]{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.search-result-word[data-v-f81f4103]{color:#1a3a2a;white-space:nowrap;font-size:17px;font-weight:600}.search-result-meaning[data-v-f81f4103]{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.search-result-btns[data-v-f81f4103]{flex-shrink:0;gap:8px;margin-left:12px;display:flex}.search-btn-familiar[data-v-f81f4103],.search-btn-compare[data-v-f81f4103]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.search-btn-familiar[data-v-f81f4103]:hover{background:#fff8e1;border-color:#ffc107}.search-btn-familiar.active[data-v-f81f4103]{color:#f57f17;background:#fff8e1;border-color:#ffc107}.search-btn-compare[data-v-f81f4103]:hover{background:#e3f2fd;border-color:#2196f3}.search-btn-compare.active[data-v-f81f4103]{color:#1976d2;background:#e3f2fd;border-color:#2196f3}.header-actions[data-v-f81f4103]{align-items:center;gap:12px;display:flex;position:absolute;top:20px;right:20px}.order-toggle[data-v-f81f4103]{background:#f5f5f5;border-radius:8px;padding:3px;display:flex}.order-btn[data-v-f81f4103]{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.order-btn[data-v-f81f4103]:hover{color:#333}.order-btn.active[data-v-f81f4103]{color:#fff;background:#1a3a2a;font-weight:600}.btn-data[data-v-f81f4103]{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:18px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.btn-data[data-v-f81f4103]:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-1px)}.btn-data-icon[data-v-f81f4103]{font-size:16px}.btn-data-text[data-v-f81f4103]{font-size:13px}.btn-help[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:20px;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #00000026}.btn-help[data-v-f81f4103]:hover{background:#45a049;transform:scale(1.1)}.btn-import-file[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border-radius:20px;padding:10px 28px;font-size:15px;transition:all .2s;display:inline-block}.btn-import-file[data-v-f81f4103]:hover{background:#45a049}.import-feedback[data-v-f81f4103]{margin-top:16px;font-size:14px}.import-feedback.success[data-v-f81f4103]{color:#4caf50}.import-feedback.error[data-v-f81f4103]{color:#f44336}.help-modal[data-v-f81f4103]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-content[data-v-f81f4103]{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.help-header[data-v-f81f4103]{border-bottom:1px solid #e0e0e0;align-items:center;gap:16px;padding:24px;display:flex}.help-header h2[data-v-f81f4103]{color:#1a3a2a;flex-shrink:0;margin:0;font-size:24px}.help-tip[data-v-f81f4103]{color:#999;flex:1;font-size:12px}.btn-close-help[data-v-f81f4103]{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;transition:all .2s}.btn-close-help[data-v-f81f4103]:hover{background:#e0e0e0}.help-body[data-v-f81f4103]{padding:24px;overflow-y:auto}.help-section[data-v-f81f4103]{margin-bottom:28px}.help-section[data-v-f81f4103]:last-child{margin-bottom:0}.help-section h3[data-v-f81f4103]{color:#1a3a2a;margin:0 0 12px;font-size:18px;font-weight:600}.help-section ul[data-v-f81f4103]{margin:0;padding-left:20px}.help-section li[data-v-f81f4103]{color:#555;margin-bottom:8px;line-height:1.6}.help-section li[data-v-f81f4103]:last-child{margin-bottom:0}.help-section strong[data-v-f81f4103]{color:#1a3a2a;font-weight:600}.btn-select-all[data-v-f81f4103]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.btn-select-all[data-v-f81f4103]:hover{background:#45a049}.btn-deselect-all[data-v-f81f4103]{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.btn-deselect-all[data-v-f81f4103]:hover{background:#e0e0e0}.mobile-warning-overlay[data-v-f81f4103]{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-warning-modal[data-v-f81f4103]{text-align:center;background:#fff;border-radius:20px;width:85%;max-width:360px;padding:40px 32px 32px;box-shadow:0 12px 40px #0000004d}.mobile-warning-qr[data-v-f81f4103]{object-fit:contain;border:1px solid #e0e0e0;border-radius:12px;width:180px;height:180px;margin:16px auto 8px;display:block}.miniapp-section[data-v-f81f4103]{text-align:center;background:#fbfff2;border:2px solid #81c570;border-radius:12px;padding:20px}.miniapp-tip[data-v-f81f4103]{color:#666;margin:4px 0 12px;font-size:13px}.miniapp-qr[data-v-f81f4103]{object-fit:contain;border:1px solid #e0e0e0;border-radius:10px;width:160px;height:160px}.mobile-warning-icon[data-v-f81f4103]{background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:32px;display:flex}.mobile-warning-icon[data-v-f81f4103]:after{content:"💻"}.mobile-warning-title[data-v-f81f4103]{color:#1a3a2a;margin:0 0 16px;font-size:22px;font-weight:700}.mobile-warning-text[data-v-f81f4103]{color:#666;margin:0 0 28px;font-size:15px;line-height:1.8}.mobile-warning-btn[data-v-f81f4103]{color:#fff;cursor:pointer;background:#1a3a2a;border:none;border-radius:12px;padding:12px 48px;font-size:16px;font-weight:600;transition:all .2s}.mobile-warning-btn[data-v-f81f4103]:hover{background:#2d5a42;transform:translateY(-1px);box-shadow:0 4px 12px #1a3a2a4d}.word-detail-overlay[data-v-f81f4103]{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.word-detail-modal[data-v-f81f4103]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:92vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.word-detail-close[data-v-f81f4103]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.word-detail-close[data-v-f81f4103]:hover{color:#f44336;border-color:#f44336}.word-detail-header[data-v-f81f4103]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.word-detail-word[data-v-f81f4103]{color:#1a3a2a;margin:0;font-size:36px;font-weight:700}.word-detail-speak[data-v-f81f4103]{color:#fff;cursor:pointer;background:#d4a853;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:transform .2s;display:flex}.word-detail-speak[data-v-f81f4103]:hover{transform:scale(1.1)}.word-detail-action-btn[data-v-f81f4103]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.detail-btn-unknown[data-v-f81f4103]{color:#ff9800;border-color:#ff9800}.detail-btn-unknown[data-v-f81f4103]:hover,.detail-btn-unknown.active[data-v-f81f4103]{color:#fff;background:#ff9800}.detail-btn-compare[data-v-f81f4103]{color:#42a5f5;border-color:#42a5f5}.detail-btn-compare[data-v-f81f4103]:hover,.detail-btn-compare.active[data-v-f81f4103]{color:#fff;background:#42a5f5}.word-detail-phonetic[data-v-f81f4103]{color:#888;margin:0 0 12px;font-size:16px}.word-detail-meaning[data-v-f81f4103]{color:#333;margin:0 0 24px;font-size:18px;line-height:1.6}.word-detail-sections[data-v-f81f4103]{flex-direction:column;gap:20px;display:flex}.detail-label[data-v-f81f4103]{color:#1a3a2a;margin-bottom:8px;font-size:14px;font-weight:600}.detail-mnemonic[data-v-f81f4103]{background:#f8f9fa;border-radius:12px;padding:16px}.detail-mnemonic .mnemonic-item[data-v-f81f4103]{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.detail-mnemonic .mnemonic-item[data-v-f81f4103]:last-child{margin-bottom:0}.detail-mnemonic .mnemonic-tag[data-v-f81f4103]{color:#fff;background:#42a5f5;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600}.detail-mnemonic .mnemonic-text[data-v-f81f4103]{color:#555;font-size:14px;line-height:1.6}.detail-phrases[data-v-f81f4103]{background:#f8f9fa;border-radius:12px;padding:16px}.detail-phrases-list[data-v-f81f4103]{flex-direction:column;gap:12px;display:flex}.detail-phrases .phrase-item[data-v-f81f4103]{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.detail-phrases .phrase-text[data-v-f81f4103]{color:#1a3a2a;flex:1;font-size:14px;font-weight:500}.detail-phrases .phrase-speak-btn[data-v-f81f4103]{color:#fff;cursor:pointer;background:#d4a853;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:transform .2s;display:flex}.detail-phrases .phrase-speak-btn[data-v-f81f4103]:hover{transform:scale(1.1)}.detail-phrases .phrase-translation[data-v-f81f4103]{color:#888;font-size:13px}.detail-derivatives[data-v-f81f4103]{background:#f8f9fa;border-radius:12px;padding:16px}.detail-derivatives .derivatives-text[data-v-f81f4103]{color:#555;margin:0;font-size:14px;line-height:1.6}.detail-compare-group[data-v-f81f4103]{background:#f8f9fa;border-radius:12px;padding:16px}.detail-compare-table[data-v-f81f4103]{border-collapse:collapse;width:100%;margin-top:8px}.detail-compare-table th[data-v-f81f4103]{text-align:left;color:#666;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:8px 12px;font-size:12px;font-weight:600}.detail-compare-table td[data-v-f81f4103]{border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:13px}.detail-compare-table tr:last-child td[data-v-f81f4103]{border-bottom:none}.detail-compare-table tr.current-word-row[data-v-f81f4103]{background:#fff9e6}.detail-compare-word[data-v-f81f4103]{color:#1a3a2a;align-items:center;gap:6px;font-weight:600;display:flex}.detail-compare-speak[data-v-f81f4103]{color:#fff;cursor:pointer;background:#d4a853;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;line-height:1;transition:transform .2s;display:flex}.detail-compare-speak[data-v-f81f4103]:hover{transform:scale(1.1)}.detail-compare-meaning[data-v-f81f4103]{color:#555;line-height:1.4}