*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}p,h1,h2,h3,h4,h5,h6,span,div{-webkit-user-select:none;user-select:none}html,body{touch-action:manipulation;overscroll-behavior:none}input,textarea{-webkit-user-select:auto;user-select:auto}img{-webkit-user-drag:none;user-drag:none;pointer-events:auto}button{appearance:none;-webkit-user-select:none;user-select:none;outline:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}:root{--color-primary:#07c160;--color-primary-light:#38d975;--color-primary-dark:#06ad56;--color-success:#07c160;--color-warning:#ffc300;--color-error:#fa5151;--color-info:#10aeff;--color-bg:#ededed;--color-bg-card:#fff;--color-bg-light:#f5f5f5;--color-text:#111;--color-text-secondary:#666;--color-text-light:#999;--color-border:#e5e5e5;--color-border-light:#f0f0f0;--color-purple:#7c4dff;--color-orange:#ff9500;--color-teal:#00c9a7;--color-pink:#ff2d87;--font-size-xs:14px;--font-size-sm:16px;--font-size-base:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:32px;--spacing-xs:6px;--spacing-sm:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-base:8px;--radius-lg:12px;--radius-round:50%;--shadow-sm:0 1px 3px #0000000f;--shadow-base:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--touch-target:60px;--touch-target-lg:80px;--touch-target-xl:100px}html,body{width:100%;min-height:100vh;font-family:Kids Handwriting,Comic Sans MS,PingFang SC,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}.app-container{width:100%;height:100%;padding:var(--spacing-lg);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.card{background:var(--color-bg-card);border-radius:var(--radius-base);box-shadow:var(--shadow-base);padding:var(--spacing-lg);margin:var(--spacing-base) 0;width:100%;max-width:900px}.title-xl{font-size:var(--font-size-xxl);color:var(--color-primary);text-align:center;margin:var(--spacing-lg) 0;font-weight:700}.title-lg{font-size:var(--font-size-xl);color:var(--color-text);text-align:center;margin:var(--spacing-base) 0;font-weight:600}.big-button{width:100%;min-height:88px;font-size:var(--font-size-xl);border-radius:var(--radius-base);cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px 32px;font-weight:600;line-height:1.3;transition:opacity .15s;display:flex}.big-button.primary,.btn-primary{background:var(--color-primary);color:#fff}.big-button.success,.btn-success{background:var(--color-success);color:#fff}.big-button.warning,.btn-warning{background:var(--color-warning);color:var(--color-text)}.big-button.danger,.btn-danger{background:var(--color-error);color:#fff}.big-button.default,.btn-default{background:var(--color-bg-light);color:var(--color-text);border:1px solid var(--color-border)}.big-button:active,.btn:active{opacity:.7}.big-button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}.btn{min-height:var(--touch-target);font-size:var(--font-size-lg);border-radius:var(--radius-base);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 28px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-default{background:var(--color-bg-light);color:var(--color-text);border:1px solid var(--color-border)}.icon-btn{width:var(--touch-target-xl);height:var(--touch-target-xl);border-radius:var(--radius-round);cursor:pointer;font-size:var(--font-size-xl);box-shadow:var(--shadow-base);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.grid-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);width:100%;max-width:900px;display:grid}.grid-3{gap:var(--spacing-base);grid-template-columns:repeat(3,1fr);width:100%;max-width:900px;display:grid}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=820px) and (width<=1180px) and (orientation:landscape){:root{--font-size-base:20px;--font-size-lg:28px;--font-size-xl:36px;--font-size-xxl:48px}.app-container{padding:var(--spacing-sm)}.big-button{min-height:var(--touch-target-lg);font-size:var(--font-size-lg)}.quiz-option{min-height:var(--touch-target-lg);padding:var(--spacing-sm)}}@media (width>=1181px) and (width<=1920px) and (orientation:landscape){.app-container{padding:var(--spacing-xl)}.card,.grid-2,.grid-3{max-width:1200px}.big-button{min-height:120px;font-size:var(--font-size-xxl);padding:var(--spacing-lg) var(--spacing-xl)}.title-xl{font-size:72px}.title-lg{font-size:56px}}.touchable{cursor:pointer;touch-action:manipulation;transition:all .15s;transform:scale(1)}.touchable:active{box-shadow:var(--shadow-sm);transform:scale(.95)}.touchable.disabled,.touchable:disabled{opacity:.5;pointer-events:none}.big-button{min-width:120px;min-height:var(--touch-target-xl);padding:var(--spacing-base);font-size:var(--font-size-xl);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-base);border:none;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.big-button:active{box-shadow:var(--shadow-lg);transform:scale(1.05)}.big-button:after{content:"";pointer-events:none;opacity:0;background-image:radial-gradient(circle,#ffffff4d 10%,#0000 10%);background-position:50%;background-repeat:no-repeat;width:100%;height:100%;transition:transform .5s,opacity .5s;position:absolute;top:0;left:0;transform:scale(10)}.big-button:active:after{opacity:1;transition:all;transform:scale(0)}@keyframes correct-pulse{0%{box-shadow:0 0 #51cf66b3}70%{box-shadow:0 0 0 20px #51cf6600}to{box-shadow:0 0 #51cf6600}}@keyframes wrong-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.feedback-correct{animation:.6s ease-out correct-pulse;background-color:var(--color-success)!important}.feedback-wrong{animation:.6s ease-out wrong-shake;background-color:var(--color-error)!important}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.star-earned{color:#ffd43b;animation:.6s ease-out star-pop}.quiz-option{min-height:var(--touch-target-xl);padding:var(--spacing-base);font-size:var(--font-size-lg);border:4px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;text-align:center;background:#fff;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}.quiz-option:active{border-color:var(--color-primary);background:#fff0f0;transform:scale(.98)}.quiz-option.selected{border-color:var(--color-primary);color:var(--color-primary);background:#fff0f0}.quiz-option.correct{border-color:var(--color-success);color:var(--color-success);background:#e8f8ec}.quiz-option.wrong{border-color:var(--color-error);color:var(--color-error);background:#ffe8e8}.numpad{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);max-width:600px;margin:0 auto;display:grid}.numpad-key{min-height:var(--touch-target-xl);font-size:var(--font-size-xxl);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);cursor:pointer;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none;justify-content:center;align-items:center;font-weight:700;transition:all .15s;display:flex}.numpad-key:active{box-shadow:var(--shadow-base);background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:scale(.95)}.numpad-key.confirm{background:linear-gradient(135deg, var(--color-success), #69db7c);color:#fff}.numpad-key.delete{background:linear-gradient(135deg, var(--color-warning), #ffe066);color:var(--color-text)}.voice-btn{width:var(--touch-target-xl);height:var(--touch-target-xl);border-radius:var(--radius-round);background:linear-gradient(135deg, var(--color-info), #5caffa);color:#fff;font-size:var(--font-size-xl);box-shadow:var(--shadow-base);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.voice-btn:active{transform:scale(1.1)}.voice-btn.playing{animation:1s linear infinite spin}.voice-btn.playing:before{content:"🔊";animation:.5s infinite bounce;position:absolute}@keyframes bounce-dots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-dots{gap:var(--spacing-sm);justify-content:center;align-items:center;display:flex}.loading-dots:before,.loading-dots:after,.loading-dots span{content:"";background:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:1.4s ease-in-out infinite bounce-dots;display:block}.loading-dots:before{animation-delay:-.32s}.loading-dots span{animation-delay:-.16s}.loading-dots:after{animation-delay:0s}@keyframes achievement-unlock{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.achievement-popup{animation:.8s ease-out achievement-unlock}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}@media (width>=820px) and (width<=1180px) and (orientation:landscape){.big-button{min-height:var(--touch-target-lg);font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-base)}.quiz-option{min-height:var(--touch-target-lg);padding:var(--spacing-sm) var(--spacing-base)}.numpad-key{min-height:var(--touch-target-lg);font-size:var(--font-size-xl)}.voice-btn{width:var(--touch-target-lg);height:var(--touch-target-lg);font-size:var(--font-size-lg)}}@media (width>=1181px) and (width<=1920px) and (orientation:landscape){.big-button{min-height:120px;font-size:var(--font-size-xxl);padding:var(--spacing-lg) var(--spacing-xl)}.quiz-option{min-height:120px;font-size:var(--font-size-xl);padding:var(--spacing-lg)}.numpad-key{min-height:120px;font-size:64px}.voice-btn{width:120px;height:120px;font-size:var(--font-size-xxl)}.title-xl{font-size:72px}.title-lg{font-size:56px}.icon-btn{width:120px;height:120px;font-size:var(--font-size-xxl)}}.app-header[data-v-4f03dc9f]{width:100%;height:56px;padding:0 var(--spacing-base);color:#fff;box-sizing:border-box;background:#07c160;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.back-btn[data-v-4f03dc9f]{font-size:var(--font-size-base);color:#fff;cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 12px;font-weight:500}.back-btn[data-v-4f03dc9f]:active{background:#ffffff26}.title[data-v-4f03dc9f]{font-size:var(--font-size-lg);text-align:center;flex:1;font-weight:700}.placeholder[data-v-4f03dc9f]{min-width:60px}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from{opacity:0;transform:translate(30px)}.page-leave-to{opacity:0;transform:translate(-30px)}