.bottom-nav[data-v-9d343fb8]{z-index:100;background:#fff;border-top:1px solid #f0f0f0;justify-content:space-around;align-items:center;width:100%;max-width:900px;height:64px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #0000000f}.nav-item[data-v-9d343fb8]{color:#999;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.nav-icon[data-v-9d343fb8]{font-size:24px;line-height:1}.nav-item.active[data-v-9d343fb8]{color:var(--primary)}.nav-item.active .nav-icon[data-v-9d343fb8]{transition:transform .2s;transform:scale(1.15)}.app-status[data-v-71478373]{z-index:1200;width:100%;position:sticky;top:0}.status-message[data-v-71478373]{text-align:center;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:8px 16px;font-size:13px;display:flex;box-shadow:0 2px 8px #0000001a}.offline-message[data-v-71478373]{color:#6b5200;background:#fff3cd}.update-message[data-v-71478373]{color:#215d88;background:#e8f4fd}.install-message[data-v-71478373]{color:#2f6d25;background:#edf9e8}button[data-v-71478373]{min-height:32px;color:inherit;cursor:pointer;background:#fff;border:0;border-radius:16px;flex:none;padding:4px 12px;font-weight:700}.app-container[data-v-4894d140]{min-height:100vh;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.fade-enter-active[data-v-4894d140],.fade-leave-active[data-v-4894d140]{transition:opacity .25s}.fade-enter-from[data-v-4894d140],.fade-leave-to[data-v-4894d140]{opacity:0}:root{--bg-color:#fff9e8;--primary:#63b8ff;--primary-dark:#4a9de0;--accent:#ffb86c;--accent-dark:#e89e4f;--text:#333;--text-light:#666;--white:#fff;--success:#7ed957;--danger:#ff6b6b;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--shadow:0 4px 12px #00000014;--shadow-hover:0 6px 20px #0000001f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-color);color:var(--text);-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:-apple-system,Microsoft YaHei,PingFang SC,Heiti SC,sans-serif}input,textarea,select{-webkit-user-select:text;user-select:text}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #4a9de08c}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.55}#app{max-width:900px;min-height:100vh;margin:0 auto;position:relative}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:48px;padding:12px 32px;font-size:18px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 4px 0 var(--primary-dark)}.btn-primary:active{box-shadow:0 2px 0 var(--primary-dark);transform:translateY(2px)}.btn-accent{background:var(--accent);color:var(--white);box-shadow:0 4px 0 var(--accent-dark)}.btn-accent:active{box-shadow:0 2px 0 var(--accent-dark);transform:translateY(2px)}.btn-outline{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px}.page{padding:16px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.page-title{align-items:center;gap:8px;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-bounce{animation:.5s bounce}.animate-pop{animation:.3s pop}.animate-shake{animation:.4s shake}.animate-fadeIn{animation:.4s fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.big-char{color:var(--text);font-size:96px;font-weight:900;line-height:1.2}.pinyin-text{color:var(--text-light);letter-spacing:2px;font-size:24px}.overlay{z-index:999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}