.typing-planet-container[data-v-75b58738]{font-family:Comic Sans MS,楷体,cursive;margin:15px;padding:20px;background:#fff;border-radius:20px;height:calc(100vh - 130px);display:flex;flex-direction:column;position:relative;overflow:hidden}.typing-planet-container[data-v-75b58738]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://wugecdn.steam.fun/typefun/images/pattern.png);background-size:200px;opacity:.05;pointer-events:none;z-index:0}.header[data-v-75b58738]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px;position:relative;z-index:1}.header-left[data-v-75b58738]{min-width:100px}.back-button[data-v-75b58738]{display:flex;align-items:center;padding:10px 18px;color:#909399;border:none;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.back-button[data-v-75b58738]:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(25,118,210,.4)}.back-button[data-v-75b58738]:active{transform:translateY(-1px);box-shadow:0 2px 4px rgba(25,118,210,.3)}.back-icon[data-v-75b58738]{font-style:normal;margin-right:8px;font-weight:700;font-size:18px}.header h1[data-v-75b58738]{color:#1565c0;font-size:32px;text-shadow:2px 2px 0 hsla(0,0%,100%,.8),3px 3px 0 rgba(0,0,0,.1);margin:0;letter-spacing:1px}.score-board[data-v-75b58738]{background:linear-gradient(135deg,#ff9800,#ff5722);padding:10px 22px;border-radius:50px;font-size:20px;font-weight:700;color:#fff;box-shadow:0 5px 10px rgba(255,87,34,.3);display:flex;align-items:center;border:3px solid #fff}.star-icon[data-v-75b58738]{width:24px;height:24px;margin-right:8px;animation:pulse-data-v-75b58738 2s infinite}.game-area[data-v-75b58738]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:20px;flex:1;width:100%;box-sizing:border-box;min-height:0;background-color:hsla(0,0%,100%,.8);box-shadow:0 8px 25px rgba(0,0,0,.1);position:relative;z-index:1}.fruit-card[data-v-75b58738]{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform-origin:center;position:relative}.fruit-card.animated[data-v-75b58738]{transform:scale(.9) rotate(5deg)}.card-content[data-v-75b58738]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:25px 40px;border-radius:25px;box-shadow:0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;position:relative;border:5px solid #fff;overflow:hidden}.card-content[data-v-75b58738]:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background-color:hsla(0,0%,100%,.3);border-radius:50%}.fruit-image[data-v-75b58738]{max-width:120px;max-height:120px;width:auto;height:auto;object-fit:contain;margin-top:15px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.2));transition:all .3s;animation:float-data-v-75b58738 3s ease-in-out infinite}.fruit-character[data-v-75b58738]{font-size:60px;font-weight:700;color:#2e7d32;text-shadow:2px 2px 0 #fff,4px 4px 0 rgba(0,0,0,.1);line-height:1.2;margin:0}.pinyin-input-area[data-v-75b58738]{width:100%;text-align:center;padding:20px;border-radius:15px}.prompt[data-v-75b58738]{font-size:20px;margin-bottom:15px;color:#424242;font-weight:500}.tone-hint[data-v-75b58738]{font-size:30px;color:#f57c00;font-weight:700;margin-left:5px;background-color:rgba(255,235,59,.2);padding:3px 8px;border-radius:4px}.pinyin-inputs-container[data-v-75b58738]{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.character-pinyin-group[data-v-75b58738]{display:flex;flex-direction:column;align-items:center}.character-label[data-v-75b58738]{font-size:30px;font-weight:700;color:#1565c0;margin-bottom:8px;background-color:hsla(0,0%,100%,.8);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.1);border:3px solid #bbdefb;text-shadow:1px 1px 0 #fff}.pinyin-input[data-v-75b58738]{width:90px;padding:12px 8px;font-size:18px;border:3px solid #90caf9;text-align:center;outline:none;transition:all .3s;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.08);font-family:Comic Sans MS,楷体,cursive}.pinyin-input[data-v-75b58738]:focus{border-color:#1e88e5;background-color:#e3f2fd;transform:translateY(-3px);box-shadow:0 8px 15px rgba(30,136,229,.2)}.check-button[data-v-75b58738]{padding:12px 30px;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 12px rgba(67,160,71,.3);margin-top:15px;position:relative;overflow:hidden;border:3px solid #fff}.check-button[data-v-75b58738]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 15px rgba(67,160,71,.4)}.check-button[data-v-75b58738]:active{transform:translateY(-1px) scale(.98)}.check-button[data-v-75b58738]:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);cursor:not-allowed;transform:none;box-shadow:0 4px 8px rgba(0,0,0,.1)}.check-button[data-v-75b58738]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));transform:translateX(-100%);transition:transform .3s}.check-button[data-v-75b58738]:hover:before{transform:translateX(100%);transition:transform .5s}.check-icon[data-v-75b58738]{display:inline-block;margin-right:5px;font-style:normal}.tip-text[data-v-75b58738]{margin-top:10px;font-size:14px;color:#757575;font-style:italic;margin-bottom:15px;background-color:hsla(0,0%,100%,.6);padding:5px 10px;border-radius:5px;display:inline-block}kbd[data-v-75b58738]{background-color:#f8f9fa;border:1px solid #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da;color:#444d56;display:inline-block;font-family:monospace;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.result-message[data-v-75b58738]{padding:10px;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;position:absolute;left:0;right:0;top:25%;margin:auto;z-index:100;pointer-events:none}.animated-feedback[data-v-75b58738]{padding:20px;border-radius:20px;animation:popIn-data-v-75b58738 .5s ease forwards,fadeOut-data-v-75b58738 .5s ease 2s forwards;box-shadow:0 10px 30px rgba(0,0,0,.25);width:90%;max-width:500px;overflow:hidden;border:5px solid #fff}.animated-feedback[data-v-75b58738],.feedback-content[data-v-75b58738]{display:flex;align-items:center;position:relative;justify-content:center}.feedback-content[data-v-75b58738]{z-index:2}.feedback-text[data-v-75b58738]{font-size:22px;margin-right:8px;font-weight:700}.correct[data-v-75b58738]{background:linear-gradient(135deg,#81c784,#4caf50);color:#fff;border:none;box-shadow:0 8px 15px rgba(76,175,80,.3)}.correct[data-v-75b58738]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.1));transform:translateX(-100%);animation:shimmer-data-v-75b58738 2s infinite;z-index:1}.incorrect[data-v-75b58738]{background:linear-gradient(135deg,#ef9a9a,#e57373);color:#fff;border:none;box-shadow:0 8px 15px rgba(229,115,115,.3)}.incorrect[data-v-75b58738]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,.1));transform:translateX(-100%);animation:shimmer-data-v-75b58738 2s infinite;z-index:1}.correct-answer[data-v-75b58738]{font-weight:700;color:#fff;background-color:rgba(0,0,0,.3);padding:4px 10px;border-radius:8px;margin-left:8px;margin-right:8px;letter-spacing:1px}.result-icon[data-v-75b58738]{width:45px;height:45px;margin-left:10px;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.bounce-animation[data-v-75b58738]{animation:bounceIcon-data-v-75b58738 1s ease infinite}.shake-animation[data-v-75b58738]{animation:shakeIcon-data-v-75b58738 .5s ease infinite}.confetti-container[data-v-75b58738]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.confetti[data-v-75b58738]{position:absolute;width:12px;height:12px;background-color:#ffeb3b;animation:fallConfetti-data-v-75b58738 2s ease-out forwards var(--delay);opacity:0;top:0;left:calc(var(--n)*5%);border-radius:2px}.confetti[data-v-75b58738]:nth-child(2n){background-color:#ff5722;width:8px;height:14px}.confetti[data-v-75b58738]:nth-child(3n){background-color:#4caf50;width:10px;height:10px;border-radius:50%}.confetti[data-v-75b58738]:nth-child(4n){background-color:#2196f3;width:7px;height:16px;transform:rotate(20deg)}.navigation[data-v-75b58738]{display:flex;justify-content:center;gap:30px;margin-top:15px;margin-bottom:10px;flex-shrink:0}.nav-button[data-v-75b58738]{padding:10px 22px;color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 5px 10px rgba(0,0,0,.15);display:flex;align-items:center;border:3px solid #fff}.prev-button[data-v-75b58738]{background:linear-gradient(135deg,#7986cb,#3f51b5)}.next-button[data-v-75b58738]{background:linear-gradient(135deg,#5c6bc0,#3949ab)}.nav-button[data-v-75b58738]:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.nav-icon[data-v-75b58738]{font-style:normal;margin:0 5px}@keyframes fadeInUp-data-v-75b58738{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn-data-v-75b58738{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut-data-v-75b58738{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes bounceIcon-data-v-75b58738{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.2)}}@keyframes shakeIcon-data-v-75b58738{0%,to{transform:translateX(0)}25%{transform:translateX(-5px) rotate(-5deg)}75%{transform:translateX(5px) rotate(5deg)}}@keyframes shimmer-data-v-75b58738{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fallConfetti-data-v-75b58738{0%{transform:translateY(-10px) translateX(0) rotate(0deg);opacity:1}to{transform:translateY(100px) translateX(calc(30px*(var(--n) - 10))) rotate(2turn);opacity:0}}@keyframes float-data-v-75b58738{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-data-v-75b58738{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.report-overlay[data-v-75b58738]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-data-v-75b58738 .3s ease forwards}.report-modal[data-v-75b58738]{background:#fff;width:90%;max-width:800px;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.3);animation:slideIn-data-v-75b58738 .4s ease-out forwards;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border:6px solid #1976d2}.report-header[data-v-75b58738]{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border-radius:12px 12px 0 0}.report-header h2[data-v-75b58738]{margin:0;font-size:28px;text-shadow:1px 1px 2px rgba(0,0,0,.2);letter-spacing:1px}.close-report[data-v-75b58738]{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-report[data-v-75b58738]:hover{background-color:hsla(0,0%,100%,.2)}.report-content[data-v-75b58738]{padding:25px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.report-summary[data-v-75b58738]{background-color:#f5f5f5;border-radius:15px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.report-total[data-v-75b58738]{display:flex;align-items:center;gap:20px;margin-bottom:15px}.report-icon-container[data-v-75b58738]{width:80px;height:80px;background:linear-gradient(135deg,#bbdefb,#64b5f6);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px rgba(33,150,243,.2)}.report-icon[data-v-75b58738]{width:50px;height:50px}.report-stats[data-v-75b58738]{flex:1}.report-stats p[data-v-75b58738]{margin:8px 0;font-size:16px;color:#424242}.highlight[data-v-75b58738]{font-weight:700;color:#1565c0;font-size:20px}.report-progress[data-v-75b58738]{margin-top:10px}.progress-bar[data-v-75b58738]{height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-fill[data-v-75b58738]{height:100%;background:linear-gradient(90deg,#1976d2,#64b5f6);border-radius:10px;transition:width 1s ease-in-out}.report-details[data-v-75b58738]{background-color:#f9f9f9;border-radius:15px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.report-details h3[data-v-75b58738]{margin-top:0;margin-bottom:15px;color:#1976d2;font-size:22px;border-bottom:2px dashed #bbdefb;padding-bottom:8px}.vocabulary-list[data-v-75b58738]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;max-height:30vh;overflow-y:auto;padding-right:10px}.vocabulary-item[data-v-75b58738]{background-color:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 8px rgba(0,0,0,.08);border:1px solid #e0e0e0;transition:transform .2s}.vocabulary-item[data-v-75b58738]:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.vocab-character[data-v-75b58738]{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.vocab-pinyin[data-v-75b58738]{font-size:16px;color:#757575;margin-bottom:8px}.vocab-status[data-v-75b58738]{font-size:18px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:5px}.status-correct[data-v-75b58738]{background-color:#1976d2}.status-incorrect[data-v-75b58738]{background-color:#f44336}.status-icon[data-v-75b58738]{font-style:normal}.report-actions[data-v-75b58738]{display:flex;justify-content:space-between;gap:20px;margin-top:10px}.continue-button[data-v-75b58738],.restart-button[data-v-75b58738]{padding:12px 25px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 5px 10px rgba(0,0,0,.1);flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.restart-button[data-v-75b58738]{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.continue-button[data-v-75b58738]{background:linear-gradient(135deg,#64b5f6,#42a5f5);color:#fff}.continue-button[data-v-75b58738]:hover,.restart-button[data-v-75b58738]:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.continue-icon[data-v-75b58738],.restart-icon[data-v-75b58738]{font-style:normal}@keyframes fadeIn-data-v-75b58738{0%{opacity:0}to{opacity:1}}@keyframes slideIn-data-v-75b58738{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}