body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#app{min-height:100vh}.char-box[data-v-30528878]{width:80px;height:90px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;background:#e0e0e0;color:#000}.char-box.correct[data-v-30528878]{background:#00bcd4}.char-box.present[data-v-30528878]{background:#e0e0e0}.char-box.correct .pinyin[data-v-30528878],.char-box.correct .char[data-v-30528878]{color:#fff}.char-box.present .char[data-v-30528878]{color:#ff6a00}.pinyin .initial.correct[data-v-30528878],.pinyin .final.correct[data-v-30528878],.pinyin .tone.correct[data-v-30528878]{color:#00bcd4;font-weight:700}.pinyin .initial.present[data-v-30528878],.pinyin .final.present[data-v-30528878],.pinyin .tone.present[data-v-30528878]{color:#ff6a00}.char-box.correct .pinyin .initial.correct[data-v-30528878],.char-box.correct .pinyin .final.correct[data-v-30528878],.char-box.correct .pinyin .tone.correct[data-v-30528878]{color:#fff;font-weight:700}.char-box.correct .pinyin .initial.present[data-v-30528878],.char-box.correct .pinyin .final.present[data-v-30528878],.char-box.correct .pinyin .tone.present[data-v-30528878]{color:#fff;font-weight:400}.pinyin[data-v-30528878]{font-size:16px;color:#666;display:flex;align-items:flex-start;font-family:Consolas,Monaco,Courier New,monospace}.final-wrapper[data-v-30528878]{position:relative;display:inline-block}.final-wrapper.tone-number-mode[data-v-30528878]{display:inline}.pinyin .tone.tone-symbol[data-v-30528878]{position:absolute;top:-10px;left:0;width:10px;height:5px}.pinyin .tone.tone-number[data-v-30528878]{margin-left:2px}.char[data-v-30528878]{font-size:28px;font-weight:400}.congrats-modal[data-v-2147239e]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-2147239e .3s ease-in}.congrats-content[data-v-2147239e]{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:500px;max-height:80vh;overflow-y:auto;animation:scaleIn-2147239e .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 60px #0000004d}.congrats-icon[data-v-2147239e]{font-size:80px;animation:bounce-2147239e 1s infinite}.congrats-content h2[data-v-2147239e]{color:#333;margin:20px 0 10px;font-size:24px}.congrats-content p[data-v-2147239e]{color:#666;margin-bottom:30px;font-size:18px}.congrats-buttons[data-v-2147239e]{display:flex;gap:10px;justify-content:center}.congrats-buttons button[data-v-2147239e]{padding:10px 20px;font-size:16px;background:#00bcd4;color:#fff;border:none;border-radius:4px;cursor:pointer}.congrats-buttons button[data-v-2147239e]:hover{background:#0097a7}.cancel-btn[data-v-2147239e]{background:#9e9e9e}.cancel-btn[data-v-2147239e]:hover{background:#757575}.results-summary[data-v-2147239e]{margin:20px 0;text-align:left}.result-item[data-v-2147239e]{background:#f5f5f5;padding:12px;margin-bottom:10px;border-radius:8px}.result-header[data-v-2147239e]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.result-number[data-v-2147239e]{font-weight:700;color:#666}.result-idiom[data-v-2147239e]{font-size:18px;font-weight:700;color:#333;flex:1}.result-status[data-v-2147239e]{font-size:20px}.result-status.success[data-v-2147239e]{color:#4caf50}.result-status.failed[data-v-2147239e]{color:#f44336}.result-details[data-v-2147239e]{display:flex;gap:15px;font-size:14px;color:#666}.total-stats[data-v-2147239e]{margin-top:15px;padding:15px;background:#e3f2fd;border-radius:8px;font-weight:700;color:#1976d2;display:flex;justify-content:space-around;font-size:16px}.toggle-idioms-btn[data-v-2147239e]{margin-bottom:15px;padding:8px 16px;font-size:14px;background:transparent;color:#666;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.toggle-idioms-btn[data-v-2147239e]:hover{background:#f5f5f5;border-color:#00bcd4;color:#00bcd4}.toggle-idioms-btn.active[data-v-2147239e]{background:#00bcd4;color:#fff;border-color:#00bcd4}@keyframes fadeIn-2147239e{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-2147239e{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce-2147239e{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.modal[data-v-cfb03cef]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-cfb03cef .3s ease-in}.modal-content[data-v-cfb03cef]{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:350px;animation:scaleIn-cfb03cef .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 60px #0000004d}.modal-content h2[data-v-cfb03cef]{color:#333;margin:0 0 10px;font-size:24px}.modal-content p[data-v-cfb03cef]{color:#666;margin-bottom:30px;font-size:18px}.idiom-inputs[data-v-cfb03cef]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;align-items:center}.idiom-input-row[data-v-cfb03cef]{display:flex;gap:8px;width:100%;align-items:center}.idiom-input[data-v-cfb03cef]{flex:1;padding:10px;font-size:16px;border:2px solid #ddd;border-radius:4px;text-align:center}.delete-btn[data-v-cfb03cef]{width:30px;height:30px;padding:0;font-size:20px;background:#f44336;border-radius:4px;flex-shrink:0;border:none;color:#fff;cursor:pointer}.delete-btn[data-v-cfb03cef]:hover{background:#d32f2f}.add-btn[data-v-cfb03cef]{width:40px;height:40px;padding:0;font-size:20px;background:#4caf50;border-radius:4px;border:none;color:#fff;cursor:pointer}.add-btn[data-v-cfb03cef]:hover{background:#45a049}.modal-buttons[data-v-cfb03cef]{display:flex;gap:10px;justify-content:center}.modal-buttons button[data-v-cfb03cef]{padding:10px 20px;font-size:16px;background:#00bcd4;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-buttons button[data-v-cfb03cef]:hover{background:#0097a7}@keyframes fadeIn-cfb03cef{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-cfb03cef{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.hint-panel[data-v-54f3caec]{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:8px}.hint-section[data-v-54f3caec]{margin-bottom:15px}.hint-section[data-v-54f3caec]:last-child{margin-bottom:0}h3[data-v-54f3caec]{font-size:14px;color:#666;margin:0 0 10px;text-align:center}.pinyin-grid[data-v-54f3caec]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pinyin-item[data-v-54f3caec]{padding:4px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;min-width:28px;text-align:center}.pinyin-item.excluded[data-v-54f3caec]{background:#e0e0e0;color:#999;text-decoration:line-through}.progress-nav[data-v-0d3873f6]{background:#f5f5f5;padding:15px;border-radius:8px;margin-bottom:20px}.progress-title[data-v-0d3873f6]{font-size:14px;color:#666;margin-bottom:10px;font-weight:700}.progress-items[data-v-0d3873f6]{display:flex;gap:8px;flex-wrap:wrap}.progress-item[data-v-0d3873f6]{display:flex;align-items:center;gap:4px;padding:6px 10px;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.progress-item[data-v-0d3873f6]:hover:not(:disabled){border-color:#00bcd4;transform:translateY(-2px)}.progress-item[data-v-0d3873f6]:disabled{opacity:.5;cursor:not-allowed}.progress-item.current[data-v-0d3873f6]{border-color:#00bcd4;background:#e0f7fa;font-weight:700}.progress-item.success[data-v-0d3873f6]{border-color:#4caf50}.progress-item.failed[data-v-0d3873f6]{border-color:#f44336}.item-icon[data-v-0d3873f6]{font-size:16px}.item-number[data-v-0d3873f6]{color:#333}.modal-overlay[data-v-b7f62e67]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-b7f62e67]{background:#fff;padding:30px;border-radius:8px;max-width:450px;width:90%;max-height:80vh;overflow-y:auto}h2[data-v-b7f62e67]{color:#333;margin:0 0 20px;text-align:center;font-size:20px}.rules[data-v-b7f62e67]{text-align:left;line-height:1.6;color:#666;font-size:14px}.rules>p[data-v-b7f62e67]{margin:0 0 20px}.example-section[data-v-b7f62e67]{margin-bottom:25px}.example-row[data-v-b7f62e67]{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.hint[data-v-b7f62e67]{font-size:13px;color:#666;margin:0;line-height:1.5}.close-btn[data-v-b7f62e67]{width:100%;margin-top:20px;padding:12px;background:#00bcd4;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.close-btn[data-v-b7f62e67]:hover{background:#0097a7}.modal-overlay[data-v-a4454521]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-a4454521]{background:#fff;padding:30px;border-radius:8px;max-width:400px;width:90%;position:relative}.close-x[data-v-a4454521]{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1}.close-x[data-v-a4454521]:hover{color:#666}h2[data-v-a4454521]{color:#333;margin:0 0 20px;text-align:center;font-size:20px}.settings[data-v-a4454521]{text-align:left}.setting-item[data-v-a4454521]{margin-bottom:20px}.setting-item>label[data-v-a4454521]{display:block;font-weight:700;color:#333;margin-bottom:12px;font-size:15px}.button-group[data-v-a4454521]{display:flex;gap:10px}.option-btn[data-v-a4454521]{flex:1;padding:12px;background:#fff;color:#666;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.option-btn[data-v-a4454521]:hover{border-color:#00bcd4}.option-btn.active[data-v-a4454521]{background:#00bcd4;color:#fff;border-color:#00bcd4}.modal-overlay[data-v-3379fb16]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-3379fb16]{background:#fff;padding:30px;border-radius:12px;min-width:300px;max-width:400px}.modal-content h2[data-v-3379fb16]{margin:0 0 20px;color:#333;font-size:24px}.share-options[data-v-3379fb16]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.share-option[data-v-3379fb16]{padding:12px 20px;font-size:16px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none;color:#333;display:block;text-align:center}.share-option[data-v-3379fb16]:hover{background:#e0e0e0;border-color:#00bcd4}.close-btn[data-v-3379fb16]{width:100%;padding:10px;background:#9e9e9e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}.close-btn[data-v-3379fb16]:hover{background:#757575}.modal-overlay[data-v-e0539b9d]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-e0539b9d]{background:#fff;padding:30px;border-radius:12px;text-align:center;max-width:400px}.modal-content h3[data-v-e0539b9d]{margin:0 0 15px;font-size:24px}.modal-content p[data-v-e0539b9d]{margin:0 0 20px;color:#666}.qr-container[data-v-e0539b9d]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.qr-item img[data-v-e0539b9d]{max-width:150px;height:auto}.qr-item p[data-v-e0539b9d]{font-size:12px;color:#999;margin-top:8px}.close-btn[data-v-e0539b9d]{width:100%;padding:10px;background:#00bcd4;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}.close-btn[data-v-e0539b9d]:hover{background:#0097a7}.game[data-v-1c6a9763]{max-width:500px;margin:50px auto;padding:20px;text-align:center}.header[data-v-1c6a9763]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}h1[data-v-1c6a9763]{color:#333;margin:0;position:absolute;left:50%;transform:translate(-50%)}.header-buttons[data-v-1c6a9763]{display:flex;gap:8px}.share-btn[data-v-1c6a9763]{background:transparent;border:1px solid #ddd;font-size:18px;padding:6px 10px;cursor:pointer;border-radius:4px;transition:all .2s}.share-btn[data-v-1c6a9763]:hover{background:#f5f5f5;border-color:#00bcd4}.action-buttons[data-v-1c6a9763]{display:flex;gap:10px;justify-content:center;margin-top:15px}.share-question-btn[data-v-1c6a9763]{background:#ff9800;font-size:14px}.share-question-btn[data-v-1c6a9763]:hover{background:#f57c00}.custom-mode-header[data-v-1c6a9763]{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.exit-btn[data-v-1c6a9763]{background:#f44336;font-size:14px;padding:6px 12px}.exit-btn[data-v-1c6a9763]:hover{background:#d32f2f}.progress[data-v-1c6a9763]{font-size:16px;color:#666;margin-bottom:20px}.attempts-left[data-v-1c6a9763]{font-size:14px;color:#ff9800;font-weight:700}.guesses[data-v-1c6a9763]{margin-bottom:30px}.guess-row[data-v-1c6a9763]{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.input-area[data-v-1c6a9763]{display:flex;flex-direction:column;align-items:center;gap:10px}.input-row[data-v-1c6a9763]{display:flex;justify-content:center;gap:10px}.input-row input[data-v-1c6a9763]{width:200px;padding:10px;font-size:16px;border:2px solid #ddd;border-radius:4px}button[data-v-1c6a9763]{padding:10px 20px;font-size:16px;background:#00bcd4;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-1c6a9763]:hover{background:#0097a7}.hint-link[data-v-1c6a9763]{color:#00bcd4;text-decoration:none;font-size:14px;margin-top:8px;display:inline-block}.hint-link[data-v-1c6a9763]:hover{text-decoration:underline}.message[data-v-1c6a9763]{margin:20px 0;font-size:20px;color:#4caf50;font-weight:700}.message.failed[data-v-1c6a9763]{color:#f44336}.pet-dialog[data-v-1c6a9763]{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000004d;text-align:center;max-width:300px}.modal-overlay[data-v-1c6a9763]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pet-dialog h3[data-v-1c6a9763]{margin:0 0 15px;font-size:24px}.pet-dialog p[data-v-1c6a9763]{margin:0 0 20px;color:#666}.pet[data-v-1c6a9763]{-webkit-user-select:none;user-select:none;position:fixed;bottom:20px;left:10px;font-size:32px;cursor:pointer;z-index:9999;transition:transform .2s,left .3s}.pet[data-v-1c6a9763]:hover{transform:scale(1.2)}.hide-pet-btn[data-v-1c6a9763]{background:#9e9e9e}.hide-pet-btn[data-v-1c6a9763]:hover{background:#757575}.hide-pet-btn-mobile[data-v-1c6a9763]{display:none}@media(max-width:480px){.action-buttons[data-v-1c6a9763]{flex-direction:column}.hide-pet-btn-mobile[data-v-1c6a9763]{display:inline-block}.pet.pet-hidden[data-v-1c6a9763]{left:-30px}}