:root{--primary: #FF6B35;--primary-light: #FF8F65;--primary-dark: #E55A2B;--success: #2ECC71;--success-dark: #27AE60;--warning: #F39C12;--danger: #E74C3C;--bg: #FFF8E7;--bg-gradient: linear-gradient(135deg, #FFF8E7 0%, #FFE8D0 100%);--card-bg: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-light: #BDC3C7;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--radius: 12px;--radius-lg: 20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none}#app{height:100%;overflow:hidden}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s ease;position:absolute;width:100%;height:100%}.slide-left-enter-from{transform:translate(100%);opacity:0}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-30%);opacity:0}.slide-right-leave-to{transform:translate(100%);opacity:0}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.shake{animation:shake .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 1s ease-in-out infinite}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.bounce-in{animation:bounceIn .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s ease-out}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.3);color:var(--success)}to{transform:scale(1)}}.score-pop{animation:scorePop .3s ease-out}.word-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 24px;text-align:center;min-height:140px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.word-card .word-text{font-size:42px;font-weight:700;color:var(--text-primary);letter-spacing:4px;line-height:1.4}.word-card .word-hidden{font-size:42px;font-weight:700;color:var(--text-light);letter-spacing:8px}@keyframes flashGreen{0%{box-shadow:0 0 #2ecc7166}70%{box-shadow:0 0 0 20px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.flash-correct{animation:flashGreen .4s ease-out}@keyframes flashOrange{0%{box-shadow:0 0 #f39c1266}70%{box-shadow:0 0 0 20px #f39c1200}to{box-shadow:0 0 #f39c1200}}.flash-skip{animation:flashOrange .3s ease-out}