.achievement-toast-list[data-v-d9da1a4b]{position:fixed;top:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:1000;pointer-events:none;width:min(420px,90vw)}.achievement-toast[data-v-d9da1a4b]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:16px;background:linear-gradient(135deg,#fff8e1,#ffe082);border:3px solid #ffd700;box-shadow:0 8px 24px #00000026;pointer-events:auto}.icon[data-v-d9da1a4b]{font-size:clamp(1.5rem,5vw,2.5rem);flex-shrink:0}.content[data-v-d9da1a4b]{display:flex;flex-direction:column;gap:2px;min-width:0}.title[data-v-d9da1a4b]{font-size:var(--font-body);font-weight:700;color:var(--color-text)}.desc[data-v-d9da1a4b]{font-size:var(--font-small);color:var(--color-text-light)}.reward[data-v-d9da1a4b]{font-size:var(--font-small);color:#ff9800;font-weight:700}.toast-enter-active[data-v-d9da1a4b],.toast-leave-active[data-v-d9da1a4b]{transition:all .4s ease}.toast-enter-from[data-v-d9da1a4b]{opacity:0;transform:translateY(-30px)}.toast-leave-to[data-v-d9da1a4b]{opacity:0;transform:translate(30px)}.toast-move[data-v-d9da1a4b]{transition:transform .4s ease}@media (max-width: 480px){.achievement-toast[data-v-d9da1a4b]{border-radius:12px;border-width:2px}}.app-root[data-v-51c3d6c6]{width:100vw;height:100vh;height:100dvh;overflow:hidden}.app-root[data-v-51c3d6c6]>*:first-child{height:100%}.player-profile[data-v-aa97865b]{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-card);padding:var(--spacing-sm) var(--spacing-md);border-radius:100px;box-shadow:var(--shadow-sm);min-width:min(260px,30vw);max-width:100%}.avatar[data-v-aa97865b]{width:clamp(36px,4vw,48px);height:clamp(36px,4vw,48px);border-radius:50%;background:linear-gradient(135deg,#90caf9,#64b5f6);display:flex;align-items:center;justify-content:center;font-size:clamp(1.25rem,2.5vw,1.75rem);flex-shrink:0}.info[data-v-aa97865b]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.top-row[data-v-aa97865b]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-small);color:var(--color-text)}.level[data-v-aa97865b]{font-weight:700;color:var(--color-primary)}.title[data-v-aa97865b]{color:var(--color-text-light)}.exp-bar[data-v-aa97865b]{position:relative;height:clamp(8px,1.2vw,10px);background:#e8e4d9;border-radius:100px;overflow:hidden;width:min(160px,14vw)}.fill[data-v-aa97865b]{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));border-radius:100px;transition:width .3s ease}.label[data-v-aa97865b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(.5rem,1vw,.625rem);color:var(--color-text);text-shadow:0 0 2px rgba(255,255,255,.8)}.coins[data-v-aa97865b]{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--color-gold);flex-shrink:0}.coin-icon[data-v-aa97865b]{font-size:clamp(1rem,2vw,1.25rem)}.coin-value[data-v-aa97865b]{font-size:var(--font-small)}.compact[data-v-aa97865b]{min-width:min(220px,28vw);padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.compact .avatar[data-v-aa97865b]{width:clamp(32px,3.5vw,40px);height:clamp(32px,3.5vw,40px);font-size:clamp(1rem,2vw,1.25rem)}.compact .exp-bar[data-v-aa97865b]{width:min(120px,12vw)}.large[data-v-aa97865b]{width:min(280px,32vw);padding:var(--spacing-sm) var(--spacing-md)}.large .avatar[data-v-aa97865b]{width:clamp(44px,5vw,56px);height:clamp(44px,5vw,56px);font-size:clamp(1.5rem,3vw,2rem)}.large .top-row[data-v-aa97865b]{font-size:var(--font-body)}.large .exp-bar[data-v-aa97865b]{height:clamp(10px,1.5vw,12px);width:min(180px,16vw)}.title-screen[data-v-0627232d]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);position:relative;overflow:hidden}.title-profile[data-v-0627232d]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10}.cloud-1[data-v-0627232d]{top:12%;left:8%;width:120px;height:40px}.cloud-1[data-v-0627232d]:before{width:50px;height:50px;top:-20px;left:15px}.cloud-1[data-v-0627232d]:after{width:40px;height:40px;top:-12px;right:15px}.cloud-2[data-v-0627232d]{top:22%;right:18%;width:90px;height:32px}.cloud-2[data-v-0627232d]:before{width:38px;height:38px;top:-14px;left:12px}.cloud-2[data-v-0627232d]:after{width:32px;height:32px;top:-10px;right:12px}.cloud-3[data-v-0627232d]{top:8%;left:35%;width:70px;height:26px;opacity:.7}.cloud-3[data-v-0627232d]:before{width:30px;height:30px;top:-10px;left:10px}.cloud-3[data-v-0627232d]:after{width:24px;height:24px;top:-8px;right:10px}.flower-1[data-v-0627232d]{left:8%;bottom:6%}.flower-2[data-v-0627232d]{right:12%;bottom:8%}.flower-3[data-v-0627232d]{left:22%;bottom:4%}.flower-2 .petals[data-v-0627232d]{background:#90caf9}.flower-3 .petals[data-v-0627232d]{background:#fff176}.book-card[data-v-0627232d]{position:relative;z-index:5;width:min(520px,42vw);background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.book-spine[data-v-0627232d]{width:18px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));flex-shrink:0}.book-content[data-v-0627232d]{flex:1;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.grade-tag[data-v-0627232d]{padding:var(--spacing-xs) var(--spacing-lg);background:#f5f0e1;border-radius:100px;font-size:var(--font-body);color:var(--color-text);font-weight:700}.book-icon[data-v-0627232d]{font-size:clamp(2rem,4vw,3rem)}.title[data-v-0627232d]{font-size:var(--font-title);font-weight:700;line-height:1.1}.title .green[data-v-0627232d]{color:var(--color-title)}.title .orange[data-v-0627232d]{color:var(--color-title-accent)}.subtitle[data-v-0627232d]{font-size:var(--font-h2);color:var(--color-text-light);font-weight:400}.star-divider[data-v-0627232d]{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;justify-content:center}.star-divider .line[data-v-0627232d]{width:min(80px,10vw);height:1px;background:#e8e4d9}.star-divider .star[data-v-0627232d]{font-size:var(--font-body)}.start-btn[data-v-0627232d]{width:100%;max-width:320px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-h3);font-weight:700;color:#fff;background:var(--color-primary);border-radius:var(--radius-xl);box-shadow:0 4px 16px #6db56b66;transition:transform .1s}.start-btn[data-v-0627232d]:active{transform:scale(.97)}.secondary-actions[data-v-0627232d]{display:flex;gap:var(--spacing-md);width:100%;max-width:320px}.secondary-actions button[data-v-0627232d]{flex:1;padding:var(--spacing-md);font-size:var(--font-body);font-weight:700;color:var(--color-text);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:transform .1s,border-color .2s}.secondary-actions button[data-v-0627232d]:active{transform:scale(.97)}.secondary-actions .icon[data-v-0627232d]{font-size:var(--font-h3)}.version[data-v-0627232d]{font-size:var(--font-small);color:var(--color-text-light);margin-top:var(--spacing-sm)}.star-display[data-v-782596dd]{display:flex;gap:var(--spacing-xs)}.star[data-v-782596dd]{font-size:var(--star-size);opacity:.25;filter:grayscale(1);transition:opacity .2s,filter .2s}.star.filled[data-v-782596dd]{opacity:1;filter:grayscale(0)}.large .star[data-v-782596dd]{font-size:var(--star-size-large)}.level-select[data-v-9d562c3e]{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md);position:relative;overflow:hidden}.select-header[data-v-9d562c3e]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-shrink:0}.select-header h1[data-v-9d562c3e]{font-size:var(--font-h2);color:var(--color-text);font-weight:700}.chapter-card[data-v-9d562c3e]{display:flex;align-items:center;justify-content:space-between;background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md);flex-shrink:0}.chapter-tag[data-v-9d562c3e]{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#6db56b1f;color:var(--color-primary);border-radius:100px;font-size:var(--font-small);font-weight:700;margin-bottom:var(--spacing-xs)}.chapter-name[data-v-9d562c3e]{font-size:var(--font-h2);color:var(--color-text);font-weight:700}.chapter-desc[data-v-9d562c3e]{font-size:var(--font-body);color:var(--color-text-light);margin-top:2px}.chapter-progress[data-v-9d562c3e]{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.progress-text[data-v-9d562c3e]{font-size:var(--font-body);color:var(--color-text);font-weight:700;white-space:nowrap}.chapter-progress .progress-bar[data-v-9d562c3e]{flex:1;max-width:240px}.chapter-decor[data-v-9d562c3e]{display:flex;gap:var(--spacing-md);padding-right:var(--spacing-lg)}.chapter-decor .decor-flower[data-v-9d562c3e]{position:relative;bottom:auto}.chapter-decor .decor-flower.blue .petals[data-v-9d562c3e]{background:#90caf9}.levels-scroll[data-v-9d562c3e]{flex:1;overflow-y:auto;padding-right:var(--spacing-xs);margin-bottom:var(--spacing-md)}.levels-grid[data-v-9d562c3e]{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--spacing-md)}.level-node[data-v-9d562c3e]{aspect-ratio:1;min-height:80px;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .1s,border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.level-node[data-v-9d562c3e]:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.level-node.locked[data-v-9d562c3e]{opacity:.55;cursor:not-allowed;background:#f0ede4}.level-node.active[data-v-9d562c3e]{border-color:var(--color-gold);background:#fff8e1;box-shadow:0 0 0 3px #ffb80033}.level-node.boss.challenge[data-v-9d562c3e]{border:2px dashed #F48FB1;background:#fff0f5}.level-node.boss.challenge.locked[data-v-9d562c3e]{opacity:.6}.level-id[data-v-9d562c3e]{font-size:var(--font-body);font-weight:700;color:var(--color-text)}.mini-stars[data-v-9d562c3e]{transform:scale(.85)}.mini-stars[data-v-9d562c3e] .star{font-size:var(--font-small)}.lock[data-v-9d562c3e],.play-icon[data-v-9d562c3e],.empty[data-v-9d562c3e]{font-size:var(--font-body)}.play-icon[data-v-9d562c3e]{color:var(--color-gold)}.status-text[data-v-9d562c3e]{font-size:10px;color:var(--color-gold);font-weight:700}.bottom-bar[data-v-9d562c3e]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.hint[data-v-9d562c3e]{font-size:var(--font-small);color:var(--color-text-light)}.levels-scroll[data-v-9d562c3e]::-webkit-scrollbar{width:8px}.levels-scroll[data-v-9d562c3e]::-webkit-scrollbar-track{background:#0000000d;border-radius:6px}.levels-scroll[data-v-9d562c3e]::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px}.pinyin-pool[data-v-f308ae3d]{padding:var(--spacing-sm);background:#f5f2e8;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.group[data-v-f308ae3d]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.tile[data-v-f308ae3d]{width:var(--tile-size);height:var(--tile-size);min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--tile-font);font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .1s;touch-action:none;border:2px solid transparent}.tile.initial[data-v-f308ae3d]{background:var(--color-initial-bg);color:var(--color-initial);border-color:var(--color-initial)}.tile.final[data-v-f308ae3d]{background:var(--color-final-bg);color:var(--color-final);border-color:var(--color-final)}.tile[data-v-f308ae3d]:active{cursor:grabbing;transform:scale(1.1)}.drop-zone-wrapper[data-v-2009e142]{position:relative;display:flex;align-items:center;justify-content:center;min-width:clamp(80px,12vw,140px);height:var(--dropzone-size);min-height:80px}.zone-label[data-v-2009e142]{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:var(--font-body);font-weight:700;color:var(--color-text);white-space:nowrap}.drop-zone[data-v-2009e142]{position:relative;width:var(--dropzone-size);height:var(--dropzone-size);min-width:80px;min-height:80px;border:3px dashed #ccc;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--dropzone-font);background:#fff;transition:border-color .2s,background .2s,transform .2s}.type-initial .zone-label[data-v-2009e142],.type-initial .value[data-v-2009e142]{color:var(--color-initial)}.type-initial .drop-zone[data-v-2009e142]{border-color:var(--color-initial);background:var(--color-initial-bg)}.type-final .zone-label[data-v-2009e142],.type-final .value[data-v-2009e142]{color:var(--color-final)}.type-final .drop-zone[data-v-2009e142]{border-color:var(--color-final);background:var(--color-final-bg)}.type-medial .zone-label[data-v-2009e142],.type-medial .value[data-v-2009e142]{color:var(--color-primary)}.type-medial .drop-zone[data-v-2009e142]{border-color:var(--color-primary);background:#6db56b1a}.drop-zone.active[data-v-2009e142],.drop-zone.touch-drag-over[data-v-2009e142]{transform:scale(1.05);box-shadow:0 0 0 4px #6db56b26}.drop-zone.filled[data-v-2009e142]{border-style:solid}.drop-zone.locked[data-v-2009e142]{border-style:solid;opacity:.95}.drop-zone.error[data-v-2009e142]{animation:shake-2009e142 .3s ease-in-out;border-color:var(--color-error)!important;background:#e07a5f1a!important}.drop-zone.pulse[data-v-2009e142]{animation:pulse-green-2009e142 .5s ease-in-out}.check[data-v-2009e142]{position:absolute;top:-10px;right:-10px;width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);border-radius:50%;background:var(--color-success);color:#fff;font-size:clamp(.875rem,1.8vw,1.25rem);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026}.placeholder[data-v-2009e142]{font-size:clamp(.875rem,2vw,1.25rem);color:var(--color-text-light)}.tone-selector[data-v-2009e142],.tone-spacer[data-v-2009e142],.tone-mark[data-v-2009e142]{position:absolute;bottom:-44px;left:50%;transform:translate(-50%);height:clamp(2rem,5vw,2.5rem);display:flex;align-items:center;justify-content:center;white-space:nowrap}.tone-selector[data-v-2009e142]{gap:8px}.tone-selector button[data-v-2009e142]{width:clamp(2rem,4.5vw,2.5rem);height:clamp(2rem,4.5vw,2.5rem);min-width:36px;min-height:36px;border-radius:50%;background:#f0ede4;color:var(--color-text);font-size:clamp(.875rem,2vw,1.1rem);border:2px solid transparent;transition:background .2s,border-color .2s}.tone-selector button.active[data-v-2009e142]{background:var(--color-primary);color:#fff}.tone-selector button.error[data-v-2009e142]{background:var(--color-error);color:#fff;animation:shake-2009e142 .3s ease-in-out}.tone-mark[data-v-2009e142]{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--color-text)}@keyframes shake-2009e142{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pulse-green-2009e142{0%{box-shadow:0 0 #6db56bb3;transform:scale(1)}50%{box-shadow:0 0 20px 10px #6db56b00;transform:scale(1.08)}to{box-shadow:0 0 #6db56b00;transform:scale(1)}}.word-card[data-v-c74e8233]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.grid-paper[data-v-c74e8233]{width:clamp(100px,14vw,160px);height:clamp(100px,14vw,160px);border:2px solid #E8A0A0;border-radius:var(--radius-sm);background:#fff;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px #0000000a}.grid-paper[data-v-c74e8233]:before,.grid-paper[data-v-c74e8233]:after{content:"";position:absolute;background:#e8a0a066}.grid-paper[data-v-c74e8233]:before{width:1px;height:100%;left:50%;transform:translate(-50%)}.grid-paper[data-v-c74e8233]:after{width:100%;height:1px;top:50%;transform:translateY(-50%)}.grid-cell[data-v-c74e8233]{font-size:var(--word-size);font-weight:700;color:var(--color-text);position:relative;z-index:1}.speaker[data-v-c74e8233]{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent}.speaker .icon[data-v-c74e8233]{width:clamp(44px,6vw,60px);height:clamp(44px,6vw,60px);border-radius:50%;background:var(--color-gold);display:flex;align-items:center;justify-content:center;font-size:clamp(1.25rem,2.5vw,1.75rem);box-shadow:0 4px 12px #ffb80059;transition:transform .1s}.speaker:active .icon[data-v-c74e8233]{transform:scale(.95)}.speaker .label[data-v-c74e8233]{font-size:var(--font-small);color:var(--color-text-light)}.word-info[data-v-c3350edc]{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.success-title[data-v-c3350edc]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-h2);font-weight:700;color:var(--color-text)}.mini-stars[data-v-c3350edc]{display:flex;gap:2px}.mini-star[data-v-c3350edc]{font-size:var(--font-body)}.correct-pinyin[data-v-c3350edc]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.pinyin-text[data-v-c3350edc]{font-size:var(--font-h3);font-weight:700;color:var(--color-text)}.pinyin-tip[data-v-c3350edc]{font-size:var(--font-small);color:var(--color-text-light)}.info-card[data-v-c3350edc]{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.card-header[data-v-c3350edc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.section-title[data-v-c3350edc]{font-size:var(--font-body);font-weight:700;color:var(--color-primary)}.speak-btn[data-v-c3350edc]{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background:var(--color-gold);font-size:14px;display:flex;align-items:center;justify-content:center;transition:transform .1s}.speak-btn[data-v-c3350edc]:active{transform:scale(.95)}.meaning-text[data-v-c3350edc]{font-size:var(--font-body);color:var(--color-text);line-height:1.5;margin:0}.phrase-list[data-v-c3350edc]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.phrase-tag[data-v-c3350edc]{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-body);font-weight:700;background:#6db56b1f;color:var(--color-primary);border:1px solid rgba(109,181,107,.3);border-radius:100px;cursor:pointer;transition:transform .1s,background .2s}.phrase-tag[data-v-c3350edc]:active{transform:scale(.95);background:#6db56b33}.next-btn[data-v-c3350edc]{width:100%;padding:var(--spacing-md);font-size:var(--font-h3);font-weight:700;color:#fff;background:var(--color-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 4px 12px #6db56b59;transition:transform .1s}.next-btn[data-v-c3350edc]:active{transform:scale(.97)}.next-btn .arrow[data-v-c3350edc]{font-size:var(--font-h2)}.game-play[data-v-8e5897ae]{height:100%;display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm);overflow:hidden}.game-header[data-v-8e5897ae]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-shrink:0}.header-left[data-v-8e5897ae]{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.level-badge[data-v-8e5897ae]{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-card);border-radius:100px;font-size:var(--font-body);font-weight:700;color:var(--color-text);box-shadow:var(--shadow-sm)}.exit-btn[data-v-8e5897ae]{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-body);font-weight:700;color:#fff;background:var(--color-error);border-radius:var(--radius-md)}.header-center[data-v-8e5897ae]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:360px}.timer-bar .progress-bar[data-v-8e5897ae]{width:100%}.status-row[data-v-8e5897ae]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.combo[data-v-8e5897ae]{font-size:var(--font-body);font-weight:700;color:var(--color-secondary)}.game-body[data-v-8e5897ae]{flex:1;display:flex;gap:var(--spacing-md);min-height:0}.game-card[data-v-8e5897ae]{flex:1;background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden}.step-badge[data-v-8e5897ae]{align-self:flex-start;padding:4px var(--spacing-md);border-radius:100px;font-size:var(--font-small);font-weight:700}.step-badge.blue[data-v-8e5897ae]{background:var(--color-initial-bg);color:var(--color-initial)}.step-badge.pink[data-v-8e5897ae]{background:var(--color-final-bg);color:var(--color-final)}.illustration[data-v-8e5897ae]{flex:1;min-height:0;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 16px #0000000a;overflow:hidden;padding:var(--spacing-sm)}.word-image[data-v-8e5897ae]{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm)}.image-placeholder[data-v-8e5897ae]{font-size:clamp(4rem,12vw,8rem)}.word-row[data-v-8e5897ae]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md)}.tip[data-v-8e5897ae]{text-align:center;font-size:var(--font-small);color:var(--color-text-light)}.drop-area[data-v-8e5897ae]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:32px 0 56px}.plus[data-v-8e5897ae]{font-size:var(--font-h2);color:var(--color-text-light);font-weight:700}.pool-section[data-v-8e5897ae]{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.pool-header[data-v-8e5897ae]{display:flex;align-items:center;gap:var(--spacing-sm)}.pool-title[data-v-8e5897ae]{font-size:var(--font-h3);font-weight:700;color:var(--color-text)}.pool-hint[data-v-8e5897ae]{font-size:var(--font-small);color:var(--color-text-light)}.pool-section[data-v-8e5897ae] .pinyin-pool{flex:1;overflow-y:auto}.word-progress[data-v-8e5897ae]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-size:var(--font-small);color:var(--color-text-light)}.dot-indicators[data-v-8e5897ae]{display:flex;gap:6px}.dot[data-v-8e5897ae]{width:8px;height:8px;border-radius:50%;background:#e8e4d9}.dot.active[data-v-8e5897ae]{background:var(--color-gold)}.dot.done[data-v-8e5897ae]{background:var(--color-primary)}.result-area[data-v-8e5897ae]{flex:1;display:flex;align-items:center;justify-content:center}.result-card[data-v-8e5897ae]{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;min-width:min(400px,50vw)}.result-card h1[data-v-8e5897ae]{font-size:var(--font-h2)}.rewards[data-v-8e5897ae]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.reward-float[data-v-8e5897ae]{font-size:var(--font-h3);font-weight:700;opacity:0}.reward-float.exp[data-v-8e5897ae]{color:var(--color-secondary)}.reward-float.coin[data-v-8e5897ae]{color:var(--color-gold)}.result-actions[data-v-8e5897ae]{display:flex;gap:var(--spacing-md)}.result-screen[data-v-6755bf1a]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);font-size:var(--font-h3);text-align:center}.result-screen h1[data-v-6755bf1a]{font-size:var(--font-h2)}.actions[data-v-6755bf1a]{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;width:min(100%,400px)}button[data-v-6755bf1a]{flex:1;min-width:140px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-body);border-radius:12px;background:var(--color-primary);color:#fff}@media (max-width: 480px){.actions[data-v-6755bf1a]{flex-direction:column}button[data-v-6755bf1a]{width:100%}}.settings[data-v-9156fb97]{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);gap:var(--spacing-md)}.page-title[data-v-9156fb97]{width:100%;max-width:720px;font-size:var(--font-h2);color:var(--color-text);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.page-title .icon[data-v-9156fb97]{font-size:var(--font-h2)}.settings-card[data-v-9156fb97]{width:100%;max-width:720px;background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section[data-v-9156fb97]{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-section+.settings-section[data-v-9156fb97]{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.section-title[data-v-9156fb97]{font-size:var(--font-h3);color:var(--color-primary);font-weight:700}.option[data-v-9156fb97]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.option label[data-v-9156fb97]{font-size:var(--font-body);color:var(--color-text)}.slider-group[data-v-9156fb97]{display:flex;align-items:center;gap:var(--spacing-md);flex:1;justify-content:flex-end}.slider-group input[type=range][data-v-9156fb97]{width:min(280px,40vw);height:8px;border-radius:100px;background:#e8e4d9;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.slider-group input[type=range][data-v-9156fb97]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--color-primary);box-shadow:0 2px 6px #00000026;cursor:pointer}.slider-group input[type=range][data-v-9156fb97]::-webkit-slider-runnable-track{height:8px;border-radius:100px}.percent[data-v-9156fb97]{min-width:48px;text-align:right;font-size:var(--font-body);color:var(--color-text-light)}.toggle-option[data-v-9156fb97]{padding:var(--spacing-xs) 0}.toggle[data-v-9156fb97]{width:52px;height:28px;border-radius:100px;background:#e8e4d9;position:relative;transition:background .2s;cursor:pointer}.toggle.active[data-v-9156fb97]{background:var(--color-primary)}.toggle .thumb[data-v-9156fb97]{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.toggle.active .thumb[data-v-9156fb97]{transform:translate(24px)}.danger-row[data-v-9156fb97]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#e07a5f14;border:2px solid rgba(224,122,95,.3);border-radius:var(--radius-md);font-size:var(--font-body);color:var(--color-text)}.reset-btn[data-v-9156fb97]{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-body);font-weight:700;color:#fff;background:var(--color-error);border-radius:var(--radius-md)}.actions[data-v-9156fb97]{display:flex;gap:var(--spacing-md)}.footer-hint[data-v-9156fb97]{font-size:var(--font-small);color:var(--color-text-light)}.collection[data-v-3848deaf]{height:100%;display:flex;flex-direction:column;padding:var(--spacing-md);overflow:hidden}.collection-header[data-v-3848deaf]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-shrink:0}.title-group h1[data-v-3848deaf]{font-size:var(--font-h2);color:var(--color-text);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.title-group h1 .icon[data-v-3848deaf]{font-size:var(--font-h2)}.subtitle[data-v-3848deaf]{font-size:var(--font-body);color:var(--color-text-light);margin-top:4px}.collection-body[data-v-3848deaf]{flex:1;overflow-y:auto;padding-right:var(--spacing-xs)}.section[data-v-3848deaf]{margin-bottom:var(--spacing-lg)}.section-title[data-v-3848deaf]{font-size:var(--font-h3);color:var(--color-text);font-weight:700;margin-bottom:var(--spacing-md)}.title-cards[data-v-3848deaf]{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}.title-card[data-v-3848deaf]{position:relative;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center;box-shadow:var(--shadow-sm);transition:transform .1s,border-color .2s}.title-card.active[data-v-3848deaf]{border-color:var(--color-gold);box-shadow:0 0 0 3px #ffb80026}.using-badge[data-v-3848deaf]{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:2px 8px;background:var(--color-gold);color:#fff;border-radius:100px;font-size:10px;font-weight:700}.title-icon[data-v-3848deaf]{width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3vw,2rem)}.title-card .name[data-v-3848deaf]{font-size:var(--font-body);font-weight:700;color:var(--color-text)}.title-card .range[data-v-3848deaf]{font-size:var(--font-small);color:var(--color-text-light)}.achievement-header[data-v-3848deaf]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.achievement-header .section-title[data-v-3848deaf]{margin-bottom:0}.progress-text[data-v-3848deaf]{font-size:var(--font-body);color:var(--color-text);font-weight:700}.progress-bar.small[data-v-3848deaf]{width:120px;height:8px}.achievements[data-v-3848deaf]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}.achievement-card[data-v-3848deaf]{position:relative;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center;box-shadow:var(--shadow-sm)}.achievement-card.locked[data-v-3848deaf]{opacity:.55;background:#f0ede4}.lock-icon[data-v-3848deaf]{position:absolute;top:8px;right:8px;font-size:var(--font-small)}.achievement-icon[data-v-3848deaf]{width:clamp(40px,5vw,56px);height:clamp(40px,5vw,56px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.25rem,2.5vw,1.75rem)}.achievement-card .name[data-v-3848deaf]{font-size:var(--font-body);font-weight:700;color:var(--color-text)}.achievement-card .desc[data-v-3848deaf]{font-size:var(--font-small);color:var(--color-text-light)}.btn-back[data-v-3848deaf]{margin-top:var(--spacing-md);align-self:flex-start}:root{--color-primary: #6DB56B;--color-primary-dark: #5A9E58;--color-secondary: #FF6B35;--color-gold: #FFB800;--color-success: #6DB56B;--color-error: #E07A5F;--color-bg: #F5F0E1;--color-card: #FFFDF7;--color-text: #4A4A4A;--color-text-light: #8A8A8A;--color-border: #E8E4D9;--color-initial: #5B9BD5;--color-initial-bg: #E8F4FC;--color-final: #E07A9F;--color-final-bg: #FCE8EF;--color-title: #6DB56B;--color-title-accent: #FF6B35;--font-title: clamp(2.5rem, 6vw, 5rem);--font-h2: clamp(1.5rem, 3vw, 2.5rem);--font-h3: clamp(1.25rem, 2.5vw, 1.75rem);--font-body: clamp(1rem, 1.5vw, 1.125rem);--font-small: clamp(.75rem, 1.2vw, .875rem);--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, .75rem);--spacing-md: clamp(.75rem, 1.5vw, 1rem);--spacing-lg: clamp(1rem, 2vw, 1.5rem);--spacing-xl: clamp(1.5rem, 3vw, 2.5rem);--tile-size: clamp(3rem, 6vw, 4rem);--tile-font: clamp(1.25rem, 3vw, 1.75rem);--dropzone-size: clamp(5rem, 11vw, 7rem);--dropzone-font: clamp(2rem, 4.5vw, 3rem);--word-size: clamp(4rem, 9vw, 6rem);--star-size: clamp(1.25rem, 2.5vw, 1.75rem);--star-size-large: clamp(2rem, 4vw, 3rem);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;background-color:var(--color-bg);color:var(--color-text)}button{cursor:pointer;border:none;outline:none;font-family:inherit;touch-action:manipulation}img{max-width:100%;display:block}.page-container{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--spacing-md);position:relative;overflow:hidden}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn-primary{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-h3);font-weight:700;color:#fff;background:var(--color-primary);border-radius:var(--radius-xl);box-shadow:0 4px 12px #6db56b59;transition:transform .1s,box-shadow .2s}.btn-primary:active{transform:scale(.97)}.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-body);font-weight:700;color:var(--color-text);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);transition:transform .1s,border-color .2s}.btn-secondary:active{transform:scale(.97)}.btn-back{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-body);font-weight:700;color:#fff;background:var(--color-error);border-radius:var(--radius-md);transition:transform .1s}.btn-back:active{transform:scale(.97)}.decor-sun{position:absolute;top:5%;right:8%;width:clamp(80px,12vw,160px);height:clamp(80px,12vw,160px);border-radius:50%;background:#f4c77d;opacity:.85;pointer-events:none}.decor-cloud{position:absolute;background:#fff;border-radius:50px;opacity:.9;pointer-events:none}.decor-cloud:before,.decor-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.decor-hill{position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(180deg,#c8e6c9,#a5d6a7);border-radius:50% 50% 0 0/80px 80px 0 0;pointer-events:none}.decor-hill:before{content:"";position:absolute;bottom:0;left:-10%;width:70%;height:80%;background:linear-gradient(180deg,#d8edd8,#b8deb8);border-radius:50% 50% 0 0/100px 100px 0 0}.decor-flower{position:absolute;bottom:5%;width:32px;height:48px;pointer-events:none}.decor-flower .stem{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:24px;background:#81c784;border-radius:2px}.decor-flower .petals{position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:#f48fb1}.decor-flower .petals:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ffeb3b}.progress-bar{height:clamp(10px,1.5vw,14px);background:#e8e4d9;border-radius:100px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--color-primary);border-radius:100px;transition:width .3s ease}@media (max-width: 1024px){:root{--tile-size: clamp(2.5rem, 5vw, 3rem);--tile-font: clamp(1rem, 2.5vw, 1.25rem);--dropzone-size: clamp(4rem, 9vw, 5.5rem);--dropzone-font: clamp(1.75rem, 3.5vw, 2.25rem);--word-size: clamp(3rem, 7vw, 4.5rem)}}@media (max-width: 768px){:root{--font-title: clamp(2rem, 8vw, 3rem);--font-h2: clamp(1.25rem, 5vw, 1.75rem);--font-h3: clamp(1.1rem, 4vw, 1.5rem);--font-body: clamp(.875rem, 3.5vw, 1rem);--tile-size: clamp(2.25rem, 6vw, 2.75rem);--tile-font: clamp(1rem, 3vw, 1.15rem);--dropzone-size: clamp(3.5rem, 10vw, 4.5rem);--dropzone-font: clamp(1.5rem, 4vw, 2rem);--word-size: clamp(2.75rem, 8vw, 3.5rem)}}