.typing-game[data-v-eea71fe4]{padding-right:var(--sidebar-width);padding-left:20px;transition:padding-right .3s ease}.typing-game.collapsed[data-v-eea71fe4]{padding-right:20px}.game-header[data-v-eea71fe4]{display:none}.game-sidebar[data-v-eea71fe4]{--sidebar-width:200px;position:fixed;right:0;top:50%;transform:translateY(-50%);width:var(--sidebar-width);background:hsla(0,0%,100%,.98);border-radius:16px 0 0 16px;box-shadow:-4px 0 25px rgba(0,0,0,.1);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden;z-index:100}.game-sidebar.collapsed[data-v-eea71fe4]{width:24px;background:hsla(0,0%,100%,.9)}.collapse-toggle[data-v-eea71fe4]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(33,150,243,.1);border-radius:0 4px 4px 0;transition:all .3s ease;z-index:101}.collapse-toggle[data-v-eea71fe4]:hover{background:rgba(33,150,243,.2)}.toggle-icon[data-v-eea71fe4]{font-size:12px;color:#2196f3;transition:transform .3s ease}.collapsed .toggle-icon[data-v-eea71fe4]{transform:rotate(180deg)}.stats-container[data-v-eea71fe4]{padding:15px 15px 15px 30px;opacity:1;transform:translateX(0);transition:all .3s ease}.collapsed .stats-container[data-v-eea71fe4]{opacity:0;transform:translateX(100%)}.sidebar-header[data-v-eea71fe4]{text-align:center;padding-bottom:15px}.sidebar-header h1[data-v-eea71fe4]{font-size:20px;color:#2196f3;margin:0;font-weight:600}.divider[data-v-eea71fe4]{height:2px;background:linear-gradient(90deg,transparent,#2196f3,transparent);margin:15px 0;opacity:.3}.stats-container[data-v-eea71fe4]{display:flex;flex-direction:column;gap:15px}.stat-box[data-v-eea71fe4]{position:relative;padding:12px 15px;border-radius:10px;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;gap:10px}.stat-box[data-v-eea71fe4]:hover{transform:translateX(-8px)}.stat-box[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.3));opacity:0;transition:opacity .3s}.stat-box[data-v-eea71fe4]:hover:before{opacity:1}.stat-icon[data-v-eea71fe4]{width:36px;height:36px;font-size:18px;border-radius:8px;flex-shrink:0}.stat-content[data-v-eea71fe4]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-content .stat-value[data-v-eea71fe4]{font-size:24px;font-weight:700;white-space:nowrap;text-align:center;margin-bottom:2px;color:inherit;text-shadow:none;display:block}.stat-content .stat-label[data-v-eea71fe4]{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;text-align:center;font-weight:400}.stat-content .stat-label[data-v-eea71fe4]:before{display:none}.stat-label[data-v-eea71fe4]:before{top:-4px}.game-display[data-v-eea71fe4]{margin-top:30px;text-align:center;padding:30px 40px 40px;margin:20px 0;border-radius:20px;background:linear-gradient(145deg,#fff,#f8f9ff);transition:all .3s;box-shadow:0 10px 30px rgba(0,0,0,.08),inset 0 -4px 0 rgba(0,0,0,.02);border:2px solid hsla(0,0%,100%,.8);position:relative;overflow:hidden}.mini-progress-container[data-v-eea71fe4]{position:absolute;top:0;left:0;right:0;padding:12px 20px 10px;background:hsla(0,0%,100%,.9);border-bottom:1px solid rgba(0,0,0,.05);border-radius:18px 18px 0 0;z-index:5}.mini-progress-info[data-v-eea71fe4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.level-name[data-v-eea71fe4]{font-size:14px;font-weight:600;color:#4a6fff}.progress-percent[data-v-eea71fe4]{font-size:12px;font-weight:600;color:#666;background:rgba(74,111,255,.1);padding:2px 8px;border-radius:10px}.mini-progress[data-v-eea71fe4]{height:6px;background:rgba(0,0,0,.05);border-radius:3px;overflow:hidden}.mini-progress-bar[data-v-eea71fe4]{height:100%;background:linear-gradient(90deg,#4a6fff,#9c4aff);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mini-progress-glow[data-v-eea71fe4]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 50%,transparent);animation:progressGlow-data-v-eea71fe4 2s linear infinite}@keyframes progressGlow-data-v-eea71fe4{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.game-display.correct .mini-progress-bar[data-v-eea71fe4]{background:linear-gradient(90deg,#4caf50,#8bc34a)}.game-display.wrong .mini-progress-bar[data-v-eea71fe4]{background:linear-gradient(90deg,#f44336,#ff9800)}.target-letter[data-v-eea71fe4]{font-size:100px;font-weight:700;margin:40px 0 15px;color:#333;position:relative;z-index:1;text-shadow:3px 3px 0 rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.05);transition:all .3s;animation:letterFloat-data-v-eea71fe4 3s ease-in-out infinite;display:inline-block}@keyframes letterFloat-data-v-eea71fe4{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.game-display.correct .target-letter[data-v-eea71fe4]{color:#4caf50;animation:letterPop-data-v-eea71fe4 .5s ease-out}.game-display.wrong .target-letter[data-v-eea71fe4]{color:#f44336;animation:letterShake-data-v-eea71fe4 .5s ease-in-out}@keyframes letterPop-data-v-eea71fe4{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes letterShake-data-v-eea71fe4{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.finger-hint[data-v-eea71fe4]{font-size:18px;color:#555;background:hsla(0,0%,100%,.7);padding:10px 20px;border-radius:30px;display:inline-block;margin-top:10px;box-shadow:0 3px 10px rgba(0,0,0,.1);position:relative;z-index:1;border:1px solid rgba(0,0,0,.05);font-weight:500}@media (max-width:768px){.game-display[data-v-eea71fe4]{padding:30px 20px}.target-letter[data-v-eea71fe4]{font-size:80px}.finger-hint[data-v-eea71fe4]{font-size:16px;padding:8px 16px}}@media (max-width:576px){.game-display[data-v-eea71fe4]{padding:20px 15px}.target-letter[data-v-eea71fe4]{font-size:60px}.finger-hint[data-v-eea71fe4]{font-size:14px;padding:6px 12px}}.progress[data-v-eea71fe4]{height:20px;background:#eee;border-radius:10px;margin:20px 0;overflow:hidden}.progress-bar[data-v-eea71fe4]{height:100%;background:#4caf50;transition:width .3s}.typing-guide[data-v-eea71fe4]{margin:30px auto;background:#f8f9fa;padding:30px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.hands-container[data-v-eea71fe4]{display:flex;justify-content:center;gap:40px;margin-bottom:30px;perspective:800px}.hand[data-v-eea71fe4]{display:flex;gap:5px;padding:10px 15px;border-radius:20px;background:hsla(0,0%,100%,.05);box-shadow:inset 0 0 15px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.1);transition:all .3s}.hand.left-hand[data-v-eea71fe4]{transform:rotateY(-10deg)}.hand.right-hand[data-v-eea71fe4]{transform:rotateY(10deg)}.finger-container[data-v-eea71fe4]{position:relative;height:120px;display:flex;align-items:flex-end;margin:0 2px}.finger[data-v-eea71fe4]{position:relative;z-index:2;width:40px;height:85px;background:linear-gradient(180deg,#ffdbcb,#f5c8b8);border-radius:20px 20px 10px 10px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:upright;font-size:12px;color:#555;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 -10px 15px hsla(0,0%,100%,.5),inset 0 2px 5px hsla(0,0%,100%,.7);transform-origin:bottom center;overflow:hidden}.finger[data-v-eea71fe4]:before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:24px;height:12px;background:hsla(0,0%,100%,.8);border-radius:10px 10px 5px 5px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.1)}.finger[data-v-eea71fe4]:after{content:"";position:absolute;top:40%;left:0;right:0;height:2px;background:rgba(0,0,0,.05);box-shadow:0 8px 0 rgba(0,0,0,.03)}.finger.active[data-v-eea71fe4]{background:linear-gradient(180deg,#e6f7ff,#b3e0ff);color:#1976d2;transform:translateY(-15px) scale(1.05);box-shadow:0 8px 16px rgba(25,118,210,.3),inset 0 -10px 15px hsla(0,0%,100%,.7),inset 0 2px 5px hsla(0,0%,100%,.9),0 0 15px rgba(25,118,210,.5)}.finger.active[data-v-eea71fe4]:before{background:hsla(0,0%,100%,.9)}.finger-track[data-v-eea71fe4]{position:absolute;bottom:100%;left:50%;width:4px;height:50px;background:linear-gradient(0deg,rgba(25,118,210,.5),transparent);transform-origin:bottom center;animation:moveTrack-data-v-eea71fe4 .8s ease-in-out infinite;border-radius:2px}@keyframes moveTrack-data-v-eea71fe4{0%{transform:translateX(-50%) translateY(0) scaleY(1);opacity:1}50%{transform:translateX(-50%) translateY(-20px) scaleY(.8);opacity:.5}to{transform:translateX(-50%) translateY(-40px) scaleY(.6);opacity:0}}.finger.pinky[data-v-eea71fe4]{width:32px;height:70px;border-bottom:4px solid #ff4081;background:linear-gradient(180deg,#ffd6cc,#ffbfb3)}.finger.ring[data-v-eea71fe4]{width:36px;height:80px;border-bottom:4px solid #7c4dff;background:linear-gradient(180deg,#ffe0cc,#ffc9a3)}.finger.middle[data-v-eea71fe4]{width:40px;height:90px;border-bottom:4px solid #00bcd4;background:linear-gradient(180deg,#ffebcc,#ffd699)}.finger.index[data-v-eea71fe4]{width:38px;height:85px;border-bottom:4px solid #ffc107;background:linear-gradient(180deg,#fff5cc,#ffeb99)}.finger.pinky.active[data-v-eea71fe4]{background:linear-gradient(180deg,#ffe0f0,#ffb3d9);color:#ff4081;box-shadow:0 8px 16px rgba(255,64,129,.3),inset 0 -10px 15px hsla(0,0%,100%,.7),inset 0 2px 5px hsla(0,0%,100%,.9),0 0 15px rgba(255,64,129,.5)}.finger.ring.active[data-v-eea71fe4]{background:linear-gradient(180deg,#ede0ff,#d1b3ff);color:#7c4dff;box-shadow:0 8px 16px rgba(124,77,255,.3),inset 0 -10px 15px hsla(0,0%,100%,.7),inset 0 2px 5px hsla(0,0%,100%,.9),0 0 15px rgba(124,77,255,.5)}.finger.middle.active[data-v-eea71fe4]{background:linear-gradient(180deg,#e0f7fa,#b2ebf2);color:#00bcd4;box-shadow:0 8px 16px rgba(0,188,212,.3),inset 0 -10px 15px hsla(0,0%,100%,.7),inset 0 2px 5px hsla(0,0%,100%,.9),0 0 15px rgba(0,188,212,.5)}.finger.index.active[data-v-eea71fe4]{background:linear-gradient(180deg,#fff8e1,#ffecb3);color:#ffc107;box-shadow:0 8px 16px rgba(255,193,7,.3),inset 0 -10px 15px hsla(0,0%,100%,.7),inset 0 2px 5px hsla(0,0%,100%,.9),0 0 15px rgba(255,193,7,.5)}.finger.pinky+.finger-track[data-v-eea71fe4]{background:linear-gradient(0deg,rgba(255,64,129,.5),transparent)}.finger.ring+.finger-track[data-v-eea71fe4]{background:linear-gradient(0deg,rgba(124,77,255,.5),transparent)}.finger.middle+.finger-track[data-v-eea71fe4]{background:linear-gradient(0deg,rgba(0,188,212,.5),transparent)}.finger.index+.finger-track[data-v-eea71fe4]{background:linear-gradient(0deg,rgba(255,193,7,.5),transparent)}.practice-keyboard[data-v-eea71fe4]{background:linear-gradient(145deg,#1a1e2e,#232838);padding:25px 30px 35px;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px hsla(0,0%,100%,.05),0 15px 30px rgba(0,0,0,.2);margin:0 auto}@keyframes ledBlink-data-v-eea71fe4{0%{opacity:.7}to{opacity:1}}.keyboard-frame[data-v-eea71fe4]{display:flex;flex-direction:column;gap:8px}.keyboard-frame[data-v-eea71fe4]:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(ellipse at center,rgba(66,134,244,.15),transparent 70%);z-index:-1;border-radius:20px;filter:blur(10px);pointer-events:none}.practice-row[data-v-eea71fe4]{display:flex;justify-content:flex-start;gap:6px;margin-bottom:6px;position:relative}.practice-row.bottom-row[data-v-eea71fe4],.practice-row.home-row[data-v-eea71fe4],.practice-row.number-row[data-v-eea71fe4],.practice-row.top-row[data-v-eea71fe4]{padding-left:0}.practice-row.space-row[data-v-eea71fe4]{padding-left:0;margin-top:6px}.practice-key[data-v-eea71fe4]{width:50px;height:50px;background:linear-gradient(180deg,#3a3f52,#2a2e3d);color:#fff;border:1px solid #0f1117;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-weight:500;font-size:18px;box-shadow:0 4px 0 #0f1117,0 4px 10px rgba(0,0,0,.3),inset 0 1px 1px hsla(0,0%,100%,.1);transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0;overflow:hidden}.practice-key .key-sub[data-v-eea71fe4]{margin-bottom:auto;position:static;transform:none}.practice-key .key-main[data-v-eea71fe4]{font-size:18px;margin-top:auto;position:static;transform:none}.practice-key.special-key[data-v-eea71fe4]{justify-content:center;padding:0}.practice-key.special-key .key-main[data-v-eea71fe4]{margin:0}@media (max-width:992px){.practice-keyboard[data-v-eea71fe4]{padding:20px 25px 30px}.practice-key[data-v-eea71fe4]{width:45px;height:45px;font-size:16px}.practice-key .key-sub[data-v-eea71fe4]{font-size:10px;top:8px}.practice-key .key-main[data-v-eea71fe4]{bottom:8px;font-size:14px}.practice-key.special-key.caps[data-v-eea71fe4],.practice-key.special-key.tab[data-v-eea71fe4]{width:75px}.practice-key.special-key.backspace[data-v-eea71fe4]{width:70px}.practice-key.special-key.enter[data-v-eea71fe4]{width:85px}.practice-key.special-key.right-shift[data-v-eea71fe4],.practice-key.special-key.shift[data-v-eea71fe4]{width:120px}.practice-key.special-key.alt-gr[data-v-eea71fe4],.practice-key.special-key.alt[data-v-eea71fe4],.practice-key.special-key.ctrl[data-v-eea71fe4],.practice-key.special-key.win[data-v-eea71fe4]{width:45px}.practice-key.special-key.fn[data-v-eea71fe4],.practice-key.special-key.menu[data-v-eea71fe4]{width:40px}.practice-key.special-key.space[data-v-eea71fe4]{width:220px}}@media (max-width:768px){.practice-keyboard[data-v-eea71fe4]{padding:15px 20px 25px}.practice-key[data-v-eea71fe4]{width:35px;height:35px;font-size:14px;box-shadow:0 3px 0 #0f1117,0 3px 8px rgba(0,0,0,.3)}.practice-key .key-sub[data-v-eea71fe4]{font-size:8px;top:6px}.practice-key .key-main[data-v-eea71fe4]{bottom:6px;font-size:12px}.practice-key.special-key[data-v-eea71fe4]{font-size:12px}.practice-key.special-key.caps[data-v-eea71fe4],.practice-key.special-key.tab[data-v-eea71fe4]{width:60px}.practice-key.special-key.backspace[data-v-eea71fe4]{width:55px;font-size:16px}.practice-key.special-key.enter[data-v-eea71fe4]{width:70px}.practice-key.special-key.right-shift[data-v-eea71fe4],.practice-key.special-key.shift[data-v-eea71fe4]{width:80px}.practice-key.special-key.alt-gr[data-v-eea71fe4],.practice-key.special-key.alt[data-v-eea71fe4],.practice-key.special-key.ctrl[data-v-eea71fe4],.practice-key.special-key.win[data-v-eea71fe4]{width:35px;font-size:10px}.practice-key.special-key.fn[data-v-eea71fe4],.practice-key.special-key.menu[data-v-eea71fe4]{width:30px;font-size:10px}.practice-key.special-key.space[data-v-eea71fe4]{width:170px}.practice-row[data-v-eea71fe4]{gap:4px;margin-bottom:4px}.practice-row.bottom-row[data-v-eea71fe4],.practice-row.home-row[data-v-eea71fe4]{padding-left:0}.practice-row.space-row[data-v-eea71fe4]{margin-top:4px}.dual-key-main[data-v-eea71fe4],.single-key[data-v-eea71fe4]{font-size:14px}.dual-key-sub[data-v-eea71fe4]{font-size:8px}.special-key-text[data-v-eea71fe4]{font-size:10px}.key-content[data-v-eea71fe4]{padding:4px 0}}@media (max-width:576px){.practice-key[data-v-eea71fe4]{width:30px;height:30px;font-size:12px}.practice-key .key-sub[data-v-eea71fe4]{font-size:7px}.practice-key .key-main[data-v-eea71fe4]{bottom:5px;font-size:10px}.practice-key.special-key.caps[data-v-eea71fe4],.practice-key.special-key.tab[data-v-eea71fe4]{width:55px}.practice-key.special-key.backspace[data-v-eea71fe4]{width:50px;font-size:14px}.practice-key.special-key.enter[data-v-eea71fe4]{width:60px}.practice-key.special-key.right-shift[data-v-eea71fe4],.practice-key.special-key.shift[data-v-eea71fe4]{width:70px}.practice-key.special-key.alt-gr[data-v-eea71fe4],.practice-key.special-key.alt[data-v-eea71fe4],.practice-key.special-key.ctrl[data-v-eea71fe4],.practice-key.special-key.win[data-v-eea71fe4]{width:30px;font-size:8px}.practice-key.special-key.fn[data-v-eea71fe4],.practice-key.special-key.menu[data-v-eea71fe4]{width:25px;font-size:8px}.practice-key.special-key.space[data-v-eea71fe4]{width:120px}.practice-row.bottom-row[data-v-eea71fe4],.practice-row.home-row[data-v-eea71fe4]{padding-left:0}.dual-key-main[data-v-eea71fe4],.single-key[data-v-eea71fe4]{font-size:12px}.dual-key-sub[data-v-eea71fe4]{font-size:7px}.special-key-text[data-v-eea71fe4]{font-size:9px}.key-content[data-v-eea71fe4]{padding:3px 0}}.practice-key[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent);border-radius:7px 7px 0 0;pointer-events:none}.practice-key[data-v-eea71fe4]:hover{transform:translateY(2px);box-shadow:0 2px 0 #0f1117,0 2px 5px rgba(0,0,0,.3)}.practice-key.active[data-v-eea71fe4]{background:linear-gradient(180deg,#1976d2,#1565c0);color:#fff;transform:translateY(4px);box-shadow:0 0 0 #0f1117,0 0 15px rgba(33,150,243,.5),inset 0 1px 3px rgba(0,0,0,.3)}.practice-key .key-sub[data-v-eea71fe4]{font-size:12px;color:#64b5f6;top:8px}.practice-key .key-main[data-v-eea71fe4],.practice-key .key-sub[data-v-eea71fe4]{position:absolute;left:50%;transform:translateX(-50%);z-index:3;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.practice-key .key-main[data-v-eea71fe4]{bottom:8px}.practice-key.special-key .key-main[data-v-eea71fe4]{position:static;transform:none}.practice-key.special-key.tab[data-v-eea71fe4]{width:80px}.practice-key.special-key.caps[data-v-eea71fe4]{width:90px}.practice-key.special-key.backspace[data-v-eea71fe4]{width:80px;font-size:20px}.practice-key.special-key.enter[data-v-eea71fe4]{width:100px}.practice-key.special-key.shift[data-v-eea71fe4]{width:120px}.practice-key.special-key.right-shift[data-v-eea71fe4]{width:125px}.practice-key.special-key.alt[data-v-eea71fe4],.practice-key.special-key.ctrl[data-v-eea71fe4],.practice-key.special-key.win[data-v-eea71fe4]{width:60px}.practice-key.special-key.alt-gr[data-v-eea71fe4],.practice-key.special-key.fn[data-v-eea71fe4],.practice-key.special-key.menu[data-v-eea71fe4]{width:50px}.practice-key.special-key.space[data-v-eea71fe4]{width:280px;background:linear-gradient(180deg,#323845,#252a36);border-radius:12px;box-shadow:0 4px 0 #0f1117,0 4px 10px rgba(0,0,0,.3),inset 0 1px 1px hsla(0,0%,100%,.05)}.practice-key.home-key[data-v-eea71fe4]{position:relative;border:1px solid rgba(76,175,80,.3)}.key-bump[data-v-eea71fe4]{position:absolute;bottom:10px;width:8px;height:3px;background:#4caf50;border-radius:2px;box-shadow:0 0 5px rgba(76,175,80,.5)}@keyframes keyPress-data-v-eea71fe4{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.practice-key.active .key-main[data-v-eea71fe4]{animation:keyPress-data-v-eea71fe4 .15s ease-out}.game-status[data-v-eea71fe4]{margin:20px 0}.game-status[data-v-eea71fe4],.level-info[data-v-eea71fe4]{text-align:center;font-size:1.2em;color:#666}.controls[data-v-eea71fe4]{text-align:center;margin-top:20px;display:none}.control-buttons[data-v-eea71fe4]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.game-button[data-v-eea71fe4]{padding:10px 15px;font-size:14px;background:linear-gradient(145deg,#f0f2f5,#e6e9ed);color:#4a6fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 8px rgba(0,0,0,.05),inset 0 -2px 0 rgba(0,0,0,.03),0 2px 4px rgba(74,111,255,.1);position:relative;overflow:hidden;font-weight:500}.game-button[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:all .5s}.game-button[data-v-eea71fe4]:hover:before{left:100%}.game-button[data-v-eea71fe4]:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.08),inset 0 -2px 0 rgba(0,0,0,.03),0 4px 6px rgba(74,111,255,.15);background:linear-gradient(145deg,#f5f7fa,#ebeef2);color:#3d5cdb}.game-button[data-v-eea71fe4]:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.05),inset 0 2px 2px rgba(0,0,0,.05)}.restart-button[data-v-eea71fe4]{background:linear-gradient(145deg,#f0f2f5,#e6e9ed);color:#4caf50}.restart-button[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#f5f7fa,#ebeef2);color:#388e3c}.history-btn[data-v-eea71fe4]{background:linear-gradient(145deg,#f0f2f5,#e6e9ed);color:#9c4aff}.history-btn[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#f5f7fa,#ebeef2);color:#7e3bd0}.button-icon[data-v-eea71fe4]{font-size:16px;margin-right:4px}.exit-button[data-v-eea71fe4]{padding:10px 15px;font-size:14px;background:linear-gradient(145deg,#ef5350,#e57373);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 8px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.1),0 2px 4px rgba(239,83,80,.2);font-weight:500;position:relative;overflow:hidden}.exit-button[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s}.exit-button[data-v-eea71fe4]:hover:before{left:100%}.exit-button[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#e53935,#ef5350);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15),inset 0 -2px 0 rgba(0,0,0,.1),0 4px 6px rgba(239,83,80,.3)}.exit-button[data-v-eea71fe4]:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.1)}.report-modal[data-v-eea71fe4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);animation:fadeIn-data-v-eea71fe4 .4s cubic-bezier(.165,.84,.44,1)}.report-content[data-v-eea71fe4]{background:#fff;padding:0;border-radius:24px;max-width:600px;width:90%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden;animation:bounceIn-data-v-eea71fe4 .6s cubic-bezier(.175,.885,.32,1.275);border:none;position:relative}@keyframes bounceIn-data-v-eea71fe4{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.report-content h2[data-v-eea71fe4]{font-size:28px;margin:0;padding:25px 0;color:#fff;background:linear-gradient(135deg,#4a6fff,#9c4aff);border-radius:24px 24px 0 0;position:relative;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.report-content h2[data-v-eea71fe4]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.report-stats[data-v-eea71fe4]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px;position:relative}.report-stats[data-v-eea71fe4]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="10" cy="10" r="2" fill="%23f0f0f0"/><circle cx="30" cy="10" r="2" fill="%23f0f0f0"/><circle cx="50" cy="10" r="2" fill="%23f0f0f0"/><circle cx="70" cy="10" r="2" fill="%23f0f0f0"/><circle cx="90" cy="10" r="2" fill="%23f0f0f0"/><circle cx="10" cy="30" r="2" fill="%23f0f0f0"/><circle cx="30" cy="30" r="2" fill="%23f0f0f0"/><circle cx="50" cy="30" r="2" fill="%23f0f0f0"/><circle cx="70" cy="30" r="2" fill="%23f0f0f0"/><circle cx="90" cy="30" r="2" fill="%23f0f0f0"/><circle cx="10" cy="50" r="2" fill="%23f0f0f0"/><circle cx="30" cy="50" r="2" fill="%23f0f0f0"/><circle cx="50" cy="50" r="2" fill="%23f0f0f0"/><circle cx="70" cy="50" r="2" fill="%23f0f0f0"/><circle cx="90" cy="50" r="2" fill="%23f0f0f0"/><circle cx="10" cy="70" r="2" fill="%23f0f0f0"/><circle cx="30" cy="70" r="2" fill="%23f0f0f0"/><circle cx="50" cy="70" r="2" fill="%23f0f0f0"/><circle cx="70" cy="70" r="2" fill="%23f0f0f0"/><circle cx="90" cy="70" r="2" fill="%23f0f0f0"/><circle cx="10" cy="90" r="2" fill="%23f0f0f0"/><circle cx="30" cy="90" r="2" fill="%23f0f0f0"/><circle cx="50" cy="90" r="2" fill="%23f0f0f0"/><circle cx="70" cy="90" r="2" fill="%23f0f0f0"/><circle cx="90" cy="90" r="2" fill="%23f0f0f0"/></svg>');z-index:-1;opacity:.3}.stat-item[data-v-eea71fe4]{padding:20px 15px;background:#f8f9ff;border-radius:16px;transition:all .3s ease;box-shadow:0 8px 16px rgba(0,0,0,.05);position:relative;overflow:hidden;border:2px solid #f0f0f0;animation:fadeInUp-data-v-eea71fe4 .5s ease-out forwards;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@keyframes fadeInUp-data-v-eea71fe4{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-item[data-v-eea71fe4]:first-child{animation-delay:.1s}.stat-item[data-v-eea71fe4]:nth-child(2){animation-delay:.2s}.stat-item[data-v-eea71fe4]:nth-child(3){animation-delay:.3s}.stat-item[data-v-eea71fe4]:nth-child(4){animation-delay:.4s}.stat-item[data-v-eea71fe4]:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#e0e7ff;background:#f0f7ff}.stat-item[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#4a6fff,#9c4aff);opacity:0;transition:opacity .3s;border-radius:3px 3px 0 0}.stat-item[data-v-eea71fe4]:hover:before{opacity:1}.stat-label[data-v-eea71fe4]{font-size:15px;color:#666;margin-bottom:10px;position:relative;display:inline-block;font-weight:600;text-align:center}.stat-label[data-v-eea71fe4]:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#ddd;border-radius:2px}.stat-value[data-v-eea71fe4]{font-size:26px;font-weight:700;color:#4a6fff;text-shadow:0 2px 4px rgba(74,111,255,.2);position:relative;display:inline-block;text-align:center;margin-top:5px}.report-message[data-v-eea71fe4]{margin:0 30px 30px;padding:25px 20px;background:#f0f7ff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.05);border:2px dashed #e0e7ff;animation:fadeIn-data-v-eea71fe4 .6s ease-out .5s forwards;opacity:0;text-align:center}.report-message[data-v-eea71fe4]:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#4a6fff;opacity:.1;border-radius:50%}.report-message[data-v-eea71fe4]:after{content:"";position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:#9c4aff;opacity:.1;border-radius:50%}.report-message .result-container[data-v-eea71fe4]{display:flex;flex-direction:column;align-items:center;justify-content:center}.report-message img[data-v-eea71fe4]{width:120px;height:120px;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:pulse-data-v-eea71fe4 2s ease-in-out infinite;transform-origin:center}.report-message p[data-v-eea71fe4]{font-size:20px;color:#4a6fff;font-weight:600;margin:10px 0 0;padding:0;position:relative;display:block;text-align:center}.report-buttons[data-v-eea71fe4]{display:flex;gap:15px;justify-content:center;padding:0 30px 30px;animation:fadeIn-data-v-eea71fe4 .6s ease-out .7s forwards;opacity:0}.report-buttons button[data-v-eea71fe4]{padding:12px 25px;font-size:16px;font-weight:600;border-radius:50px;transition:all .3s ease;box-shadow:0 8px 16px rgba(0,0,0,.1);position:relative;overflow:hidden;border:none;cursor:pointer;min-width:140px}.report-buttons button[data-v-eea71fe4]:first-child{background:linear-gradient(135deg,#4a6fff,#9c4aff);color:#fff}.report-buttons button[data-v-eea71fe4]:first-child:hover{transform:translateY(-3px);box-shadow:0 12px 20px rgba(74,111,255,.3)}.report-buttons button[data-v-eea71fe4]:first-child:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(74,111,255,.2)}.report-buttons button[data-v-eea71fe4]:last-child{background:#fff;color:#666;border:2px solid #eee}.report-buttons button[data-v-eea71fe4]:last-child:hover{background:#f8f9ff;transform:translateY(-3px);box-shadow:0 12px 20px rgba(0,0,0,.05);border-color:#e0e7ff;color:#4a6fff}.report-buttons button[data-v-eea71fe4]:last-child:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.03)}.report-buttons button[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,0));transform:translateY(-100%);transition:transform .6s}.report-buttons button[data-v-eea71fe4]:hover:before{transform:translateY(0)}.history-modal[data-v-eea71fe4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-data-v-eea71fe4 .3s ease-out;backdrop-filter:blur(5px)}.history-content[data-v-eea71fe4]{background:linear-gradient(145deg,#fff,#f0f4ff);padding:30px;border-radius:24px;max-width:600px;width:90%;max-height:80vh;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.15),0 5px 15px rgba(66,133,244,.1),inset 0 -4px 0 rgba(0,0,0,.05);border:3px solid hsla(0,0%,100%,.7);animation:popIn-data-v-eea71fe4 .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}@keyframes popIn-data-v-eea71fe4{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.history-header[data-v-eea71fe4]{display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;z-index:1}.history-title-icon[data-v-eea71fe4]{font-size:32px;margin-right:15px;animation:floatIcon-data-v-eea71fe4 3s ease-in-out infinite}@keyframes floatIcon-data-v-eea71fe4{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.history-content h2[data-v-eea71fe4]{font-size:28px;color:#4a4a4a;margin:0;background:linear-gradient(90deg,#7b68ee,#3498db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:700;letter-spacing:.5px}.history-decoration[data-v-eea71fe4]{position:absolute;width:80px;height:80px;border-radius:50%;z-index:0;opacity:.1}.history-decoration.top-left[data-v-eea71fe4]{top:-20px;left:-20px;background:radial-gradient(circle,#ff9ff3,#feca57)}.history-decoration.top-right[data-v-eea71fe4]{top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,#48dbfb,#1dd1a1)}.history-decoration.bottom-left[data-v-eea71fe4]{bottom:-40px;left:-20px;width:120px;height:120px;background:radial-gradient(circle,#ff6b6b,#ee5253)}.history-decoration.bottom-right[data-v-eea71fe4]{bottom:-30px;right:-30px;background:radial-gradient(circle,#54a0ff,#2e86de)}.history-list[data-v-eea71fe4]{margin:20px 0;position:relative;z-index:1;overflow-y:auto;max-height:calc(80vh - 180px);padding-right:10px}.history-list[data-v-eea71fe4]::-webkit-scrollbar{width:8px}.history-list[data-v-eea71fe4]::-webkit-scrollbar-track{background:rgba(240,240,255,.5);border-radius:10px}.history-list[data-v-eea71fe4]::-webkit-scrollbar-thumb{background:rgba(108,92,231,.3);border-radius:10px}.history-list[data-v-eea71fe4]::-webkit-scrollbar-thumb:hover{background:rgba(108,92,231,.5)}.history-item[data-v-eea71fe4]{background:hsla(0,0%,100%,.8);border-radius:16px;padding:18px;margin-bottom:15px;box-shadow:0 5px 15px rgba(0,0,0,.05),inset 0 -2px 0 rgba(0,0,0,.05);border:1px solid rgba(230,230,250,.7);transition:all .3s ease;position:relative;overflow:hidden}.history-item[data-v-eea71fe4]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.05)}.history-item[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#a29bfe,#6c5ce7);border-radius:4px 0 0 4px}.history-item-header[data-v-eea71fe4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed rgba(108,92,231,.2)}.history-date[data-v-eea71fe4]{font-size:14px;color:#666;display:flex;align-items:center}.date-icon[data-v-eea71fe4]{margin-right:5px}.history-badge[data-v-eea71fe4]{background:linear-gradient(145deg,#a29bfe,#6c5ce7);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;box-shadow:0 2px 5px rgba(108,92,231,.3)}.history-details[data-v-eea71fe4]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-item[data-v-eea71fe4]{display:flex;align-items:center;padding:8px;background:rgba(240,240,255,.5);border-radius:10px;transition:all .3s ease}.detail-item[data-v-eea71fe4]:hover{background:rgba(230,230,250,.8);transform:translateY(-2px)}.detail-icon[data-v-eea71fe4]{font-size:18px;margin-right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.detail-item .label[data-v-eea71fe4]{color:#666;font-size:13px;margin-right:auto}.detail-item .value[data-v-eea71fe4]{font-weight:600;color:#6c5ce7;font-size:15px;background:linear-gradient(90deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.no-history[data-v-eea71fe4]{text-align:center;color:#666;padding:40px 20px;background:hsla(0,0%,100%,.7);border-radius:16px;position:relative;overflow:hidden}.no-history-icon[data-v-eea71fe4]{font-size:48px;margin-bottom:15px;animation:pulse-data-v-eea71fe4 2s ease-in-out infinite}@keyframes pulse-data-v-eea71fe4{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.no-history p[data-v-eea71fe4]{font-size:16px;color:#666;margin:0}.no-history-decoration[data-v-eea71fe4]{position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(108,92,231,.1),rgba(162,155,254,.05));border-radius:50%;z-index:-1}.history-buttons[data-v-eea71fe4]{display:flex;justify-content:center;gap:15px;margin-top:25px;position:sticky;bottom:0;padding:15px 0 5px 0;z-index:10}.history-button[data-v-eea71fe4]{padding:12px 24px;font-size:15px;border:none;border-radius:50px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;box-shadow:0 4px 10px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.1);position:relative;overflow:hidden}.history-button[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s}.history-button[data-v-eea71fe4]:hover:before{left:100%}.history-button[data-v-eea71fe4]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15),inset 0 -2px 0 rgba(0,0,0,.1)}.history-button[data-v-eea71fe4]:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.1)}.clear-button[data-v-eea71fe4]{background:linear-gradient(145deg,#ff6b6b,#ee5253);color:#fff}.clear-button[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#ee5253,#ff6b6b)}.close-button[data-v-eea71fe4]{background:linear-gradient(145deg,#a29bfe,#6c5ce7);color:#fff}.close-button[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#6c5ce7,#a29bfe)}.guide-modal[data-v-eea71fe4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-data-v-eea71fe4 .3s ease-out;backdrop-filter:blur(5px)}.guide-content[data-v-eea71fe4]{background:linear-gradient(145deg,#fff,#f0f4ff);padding:40px;border-radius:24px;max-width:900px;width:95%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.15),0 5px 15px rgba(66,133,244,.1),inset 0 -4px 0 rgba(0,0,0,.05);border:3px solid hsla(0,0%,100%,.7);position:relative;overflow:hidden;animation:popIn-data-v-eea71fe4 .5s cubic-bezier(.175,.885,.32,1.275)}.guide-header[data-v-eea71fe4]{display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative}.guide-title-icon[data-v-eea71fe4]{font-size:32px;margin-right:15px;animation:floatIcon-data-v-eea71fe4 3s ease-in-out infinite}.guide-close-btn[data-v-eea71fe4]{position:absolute;right:0;top:0;background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:5px;transition:all .3s ease}.guide-close-btn[data-v-eea71fe4]:hover{color:#f44336;transform:scale(1.2)}.guide-content h2[data-v-eea71fe4]{font-size:28px;color:#4a4a4a;margin:0;background:linear-gradient(90deg,#3498db,#2980b9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:700;letter-spacing:.5px}.guide-decoration[data-v-eea71fe4]{position:absolute;width:80px;height:80px;border-radius:50%;z-index:0;opacity:.1}.guide-decoration.top-left[data-v-eea71fe4]{top:-20px;left:-20px;background:radial-gradient(circle,#ff9ff3,#feca57)}.guide-decoration.top-right[data-v-eea71fe4]{top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,#48dbfb,#1dd1a1)}.guide-decoration.bottom-left[data-v-eea71fe4]{bottom:-40px;left:-20px;width:120px;height:120px;background:radial-gradient(circle,#ff6b6b,#ee5253)}.guide-decoration.bottom-right[data-v-eea71fe4]{bottom:-30px;right:-30px;background:radial-gradient(circle,#54a0ff,#2e86de)}.guide-subtitle[data-v-eea71fe4]{font-size:18px;color:#666;margin-bottom:30px;position:relative;z-index:1}.guide-keyboard[data-v-eea71fe4]{box-shadow:0 10px 25px rgba(0,0,0,.2),inset 0 2px 5px hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.1);z-index:1}.guide-keyboard[data-v-eea71fe4]:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:30px;height:5px;background:#34495e;border-radius:5px 5px 0 0}.guide-keyboard[data-v-eea71fe4]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80%;height:10px;background:rgba(0,0,0,.2);border-radius:50%;filter:blur(5px)}.finger-legend[data-v-eea71fe4]{display:flex;justify-content:center;gap:20px;margin:20px 0;position:relative;z-index:1}.legend-item[data-v-eea71fe4]{display:flex;align-items:center;gap:8px}.legend-color[data-v-eea71fe4]{width:15px;height:15px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2)}.legend-text[data-v-eea71fe4]{font-size:14px;color:#666}.guide-key[data-v-eea71fe4]{background:linear-gradient(145deg,#34495e,#2c3e50);box-shadow:0 4px 0 #1a2530,inset 0 1px 1px hsla(0,0%,100%,.1)}.guide-key[data-v-eea71fe4]:hover{transform:translateY(-2px);box-shadow:0 6px 0 #1a2530,inset 0 1px 1px hsla(0,0%,100%,.1)}.guide-key.base-key[data-v-eea71fe4]{background:linear-gradient(145deg,#3498db,#2980b9);box-shadow:0 4px 0 #1c5a85,inset 0 1px 1px hsla(0,0%,100%,.2)}.guide-key.base-key[data-v-eea71fe4]:hover{box-shadow:0 6px 0 #1c5a85,inset 0 1px 1px hsla(0,0%,100%,.2)}.guide-row.home-row[data-v-eea71fe4]:before{text-shadow:0 1px 2px rgba(0,0,0,.3)}.guide-tips[data-v-eea71fe4]{display:flex;justify-content:center;gap:20px;margin:30px 0;position:relative;z-index:1;flex-wrap:wrap}.tip-card[data-v-eea71fe4]{background:hsla(0,0%,100%,.8);padding:20px;border-radius:16px;width:200px;box-shadow:0 5px 15px rgba(0,0,0,.05),inset 0 -2px 0 rgba(0,0,0,.05);border:1px solid rgba(230,230,250,.7);transition:all .3s ease}.tip-card[data-v-eea71fe4]:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.05)}.tip-icon[data-v-eea71fe4]{font-size:32px;margin-bottom:15px;animation:pulse-data-v-eea71fe4 2s ease-in-out infinite}.tip-title[data-v-eea71fe4]{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.tip-card p[data-v-eea71fe4]{color:#666;margin:5px 0}.guide-buttons[data-v-eea71fe4]{margin-top:30px;display:flex;justify-content:center;gap:20px;position:relative;z-index:1}.guide-button[data-v-eea71fe4]{padding:12px 30px;font-size:16px;border:none;border-radius:50px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;box-shadow:0 4px 10px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.1);position:relative;overflow:hidden}.guide-button[data-v-eea71fe4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s}.guide-button[data-v-eea71fe4]:hover:before{left:100%}.guide-button[data-v-eea71fe4]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15),inset 0 -2px 0 rgba(0,0,0,.1)}.guide-button[data-v-eea71fe4]:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.1)}.guide-button.primary[data-v-eea71fe4]{background:linear-gradient(145deg,#2ecc71,#27ae60);color:#fff}.guide-button.primary[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#27ae60,#2ecc71)}.guide-button.secondary[data-v-eea71fe4]{background:linear-gradient(145deg,#95a5a6,#7f8c8d);color:#fff}.guide-button.secondary[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#7f8c8d,#95a5a6)}.guide-btn[data-v-eea71fe4]{background:linear-gradient(145deg,#f0f2f5,#e6e9ed);color:#212120}.guide-btn[data-v-eea71fe4]:hover{background:linear-gradient(145deg,#f5f7fa,#ebeef2);color:#006ef5}@keyframes fadeIn-data-v-eea71fe4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scoreChange-data-v-eea71fe4{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stat-box.score .stat-value[data-v-eea71fe4]{animation:scoreChange-data-v-eea71fe4 .3s ease-out}.game-stats[data-v-eea71fe4]{animation:slideIn-data-v-eea71fe4 .5s ease-out}@keyframes slideIn-data-v-eea71fe4{0%{opacity:0;transform:translate(50px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (max-width:1200px){.typing-game[data-v-eea71fe4]{padding-right:220px}.game-sidebar[data-v-eea71fe4]{min-width:160px}}@media (max-width:768px){.typing-game[data-v-eea71fe4]{padding-right:20px}.game-sidebar[data-v-eea71fe4]{--sidebar-width:180px;top:10px;transform:none;border-radius:12px;width:var(--sidebar-width);right:10px}.game-sidebar.collapsed[data-v-eea71fe4]{width:24px;right:0}.collapse-toggle[data-v-eea71fe4]{height:100%;border-radius:12px 0 0 12px}.stat-box[data-v-eea71fe4]{padding:6px 8px}.stat-value[data-v-eea71fe4]{font-size:16px}}.stats-container .divider[data-v-eea71fe4]{margin:10px 0;opacity:.2}.guide-keyboard[data-v-eea71fe4]{background:#2c3e50;padding:30px 40px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.2);position:relative;width:fit-content;margin:30px auto;transform:perspective(1000px) rotateX(5deg)}.guide-row[data-v-eea71fe4]{display:flex;justify-content:flex-start;gap:8px;margin-bottom:10px;position:relative}.guide-row[data-v-eea71fe4]:first-child{padding-left:0}.guide-row[data-v-eea71fe4]:nth-child(2){padding-left:20px}.guide-row[data-v-eea71fe4]:last-child{padding-left:60px}.guide-key[data-v-eea71fe4]{width:48px;height:48px;background:#34495e;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 0 #2c3e50;position:relative;transition:all .3s ease;flex-shrink:0}.guide-key.base-key[data-v-eea71fe4]{background:#3498db;box-shadow:0 4px 0 #2980b9;border-bottom:3px solid #e74c3c}.guide-key.bump[data-v-eea71fe4]:after{content:"";position:absolute;bottom:8px;width:8px;height:3px;background:#e74c3c;border-radius:2px;box-shadow:0 0 5px rgba(231,76,60,.5)}.guide-key[data-finger][data-v-eea71fe4]{border:none}.guide-row.home-row .guide-key[data-finger=LP][data-v-eea71fe4]{border-left:3px solid #ff4081}.guide-row.home-row .guide-key[data-finger=LR][data-v-eea71fe4]{border-left:3px solid #7c4dff}.guide-row.home-row .guide-key[data-finger=LM][data-v-eea71fe4]{border-left:3px solid #00bcd4}.guide-row.home-row .guide-key[data-finger=LI][data-v-eea71fe4]{border-left:3px solid #ffc107}.guide-row.home-row .guide-key[data-finger=RI][data-v-eea71fe4]{border-right:3px solid #ffc107}.guide-row.home-row .guide-key[data-finger=RM][data-v-eea71fe4]{border-right:3px solid #00bcd4}.guide-row.home-row .guide-key[data-finger=RR][data-v-eea71fe4]{border-right:3px solid #7c4dff}.guide-row.home-row .guide-key[data-finger=RP][data-v-eea71fe4]{border-right:3px solid #ff4081}.guide-row.home-row[data-v-eea71fe4]:before{content:"基准行 ——>";position:absolute;left:-80px;top:50%;transform:translateY(-50%);font-size:14px;color:#3498db;font-weight:700}.practice-key[data-v-eea71fe4]{position:relative}.key-main[data-v-eea71fe4]{position:relative;z-index:2}.practice-key.dual-key .key-main[data-v-eea71fe4],.practice-key.dual-key .key-sub[data-v-eea71fe4]{z-index:3}.practice-key.dual-key[data-v-eea71fe4]:hover{background:linear-gradient(180deg,#2c3e50,#1c2833)}.practice-key.dual-key:hover .key-sub[data-v-eea71fe4]{color:#90caf9}.practice-keyboard[data-v-eea71fe4]{width:fit-content;max-width:100%;overflow-x:auto}.practice-row[data-v-eea71fe4]{white-space:nowrap;flex-wrap:nowrap}@keyframes keyboardGlow-data-v-eea71fe4{0%{box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px hsla(0,0%,100%,.05),0 0 0 rgba(33,150,243,.1)}50%{box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px hsla(0,0%,100%,.05),0 0 20px rgba(33,150,243,.2)}to{box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px hsla(0,0%,100%,.05),0 0 0 rgba(33,150,243,.1)}}.practice-keyboard[data-v-eea71fe4]{animation:keyboardGlow-data-v-eea71fe4 4s ease-in-out infinite}@keyframes keyPulse-data-v-eea71fe4{0%{box-shadow:0 0 0 #0f1117,0 0 5px rgba(33,150,243,.5),inset 0 1px 3px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 #0f1117,0 0 15px rgba(33,150,243,.8),inset 0 1px 3px rgba(0,0,0,.3)}to{box-shadow:0 0 0 #0f1117,0 0 5px rgba(33,150,243,.5),inset 0 1px 3px rgba(0,0,0,.3)}}.keyboard-frame[data-v-eea71fe4]{position:relative}.keyboard-frame[data-v-eea71fe4]:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80%;height:4px;background:rgba(0,0,0,.3);border-radius:50%;filter:blur(4px)}@keyframes keySound-data-v-eea71fe4{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.practice-key.active[data-v-eea71fe4]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,hsla(0,0%,100%,.2),transparent 70%);border-radius:8px;opacity:0;animation:keySound-data-v-eea71fe4 .3s ease-out}@keyframes keyboardFloat-data-v-eea71fe4{0%{transform:perspective(1000px) rotateX(10deg) translateY(0)}50%{transform:perspective(1000px) rotateX(10deg) translateY(-5px)}to{transform:perspective(1000px) rotateX(10deg) translateY(0)}}.practice-keyboard[data-v-eea71fe4]{animation:keyboardFloat-data-v-eea71fe4 6s ease-in-out infinite;border:2px solid #0f1117;position:relative}.practice-keyboard[data-v-eea71fe4]:before{content:"";position:absolute;top:10px;right:20px;width:8px;height:8px;background:#4caf50;border-radius:50%;box-shadow:0 0 10px #4caf50;animation:ledBlink-data-v-eea71fe4 2s infinite alternate;z-index:10}.practice-keyboard[data-v-eea71fe4]:after{content:"STEAM.FUN KEYBOARD";position:absolute;bottom:8px;right:20px;font-size:12px;color:hsla(0,0%,100%,.3);font-weight:600;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));padding:2px 10px;border-radius:10px;z-index:10}.practice-keyboard .second-led[data-v-eea71fe4]{position:absolute;top:10px;right:40px;width:8px;height:8px;background:#ff5722;border-radius:50%;box-shadow:0 0 10px #ff5722;animation:ledBlink-data-v-eea71fe4 3s infinite alternate-reverse}.practice-keyboard .third-led[data-v-eea71fe4]{position:absolute;top:10px;right:60px;width:8px;height:8px;background:#2196f3;border-radius:50%;box-shadow:0 0 10px #2196f3;animation:ledBlink-data-v-eea71fe4 2.5s infinite alternate}@keyframes keyboardGlowFloat-data-v-eea71fe4{0%{transform:perspective(1000px) rotateX(10deg) translateY(0);box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px hsla(0,0%,100%,.05),0 0 0 rgba(33,150,243,.1)}50%{transform:perspective(1000px) rotateX(10deg) translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px hsla(0,0%,100%,.05),0 0 20px rgba(33,150,243,.2)}to{transform:perspective(1000px) rotateX(10deg) translateY(0);box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px hsla(0,0%,100%,.05),0 0 0 rgba(33,150,243,.1)}}.practice-keyboard[data-v-eea71fe4]{animation:keyboardGlowFloat-data-v-eea71fe4 6s ease-in-out infinite;transform:none!important}.practice-key.active[data-v-eea71fe4]{animation:keyPulse-data-v-eea71fe4 1s ease-in-out infinite;transform:translateY(4px)!important}@media (max-width:576px),(max-width:768px),(max-width:992px),(max-width:1200px){.practice-keyboard[data-v-eea71fe4]{transform:none!important}}.key-content .key-sub[data-v-eea71fe4]{font-size:12px;color:#64b5f6;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.key-content .key-main[data-v-eea71fe4]{font-size:18px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.practice-key.special-key[data-v-eea71fe4]{background:linear-gradient(180deg,#2c3143,#1c212f);font-size:14px;border:1px solid hsla(0,0%,100%,.05)}.practice-key.special-key .key-main[data-v-eea71fe4]{text-shadow:none}@media (max-width:992px){.key-content[data-v-eea71fe4]{padding:5px 0}.key-content .key-sub[data-v-eea71fe4]{font-size:10px}.key-content .key-main[data-v-eea71fe4]{font-size:14px}}@media (max-width:768px){.key-content[data-v-eea71fe4]{padding:4px 0}.key-content .key-sub[data-v-eea71fe4]{font-size:8px}.key-content .key-main[data-v-eea71fe4]{font-size:12px}}@media (max-width:576px){.key-content[data-v-eea71fe4]{padding:3px 0}.key-content .key-sub[data-v-eea71fe4]{font-size:7px}.key-content .key-main[data-v-eea71fe4]{font-size:10px}}.single-key[data-v-eea71fe4]{font-size:18px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-top:15px}.dual-key-sub[data-v-eea71fe4]{font-size:12px;color:#64b5f6;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dual-key-main[data-v-eea71fe4]{font-size:18px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.special-key-text[data-v-eea71fe4]{font-size:14px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.key-content[data-v-eea71fe4]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;padding:6px 0}@media (max-width:992px){.dual-key-main[data-v-eea71fe4],.single-key[data-v-eea71fe4]{font-size:16px}.dual-key-sub[data-v-eea71fe4]{font-size:10px}.special-key-text[data-v-eea71fe4]{font-size:12px}.key-content[data-v-eea71fe4]{padding:5px 0}}@media (max-width:768px){.dual-key-main[data-v-eea71fe4],.single-key[data-v-eea71fe4]{font-size:14px}.dual-key-sub[data-v-eea71fe4]{font-size:8px}.special-key-text[data-v-eea71fe4]{font-size:10px}.key-content[data-v-eea71fe4]{padding:4px 0}}@media (max-width:576px){.dual-key-main[data-v-eea71fe4],.single-key[data-v-eea71fe4]{font-size:12px}.dual-key-sub[data-v-eea71fe4]{font-size:7px}.special-key-text[data-v-eea71fe4]{font-size:9px}.key-content[data-v-eea71fe4]{padding:3px 0}}.finger[data-v-eea71fe4]:hover{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,.15),inset 0 -10px 15px hsla(0,0%,100%,.5),inset 0 2px 5px hsla(0,0%,100%,.7)}.finger[data-v-eea71fe4]{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}