.tabbar[data-v-69dc211c]{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;background:#fffffff5;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:2px;width:auto;padding:6px;display:grid;position:fixed;box-shadow:0 8px 24px #5d463329}.tabbar button[data-v-69dc211c]{color:var(--muted);background:0 0;border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;font-size:1rem;display:flex}.tabbar span[data-v-69dc211c]{font-size:.66rem;font-weight:800}.tabbar button.on[data-v-69dc211c]{color:var(--brand-deep);background:linear-gradient(135deg,#fff0dd,#ffe2c2)}.cfg-warn[data-v-3faecbfb]{text-align:center;color:#856404;z-index:5;background:#fff3cd;flex-shrink:0;margin:0;padding:6px 10px;font-size:.72rem}.route-loading[data-v-3faecbfb]{z-index:99;pointer-events:none;background:#ffffffb3;place-items:center;display:grid;position:absolute;inset:0}.spinner[data-v-3faecbfb]{border:3px solid #d7e5e1;border-top-color:var(--brand,#2aae67);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite spin-3faecbfb}@keyframes spin-3faecbfb{to{transform:rotate(360deg)}}:root{--bg-top:#fff5e8;--bg-bottom:#fffdf7;--brand:#f78a2d;--brand-deep:#e9761f;--accent:#ffb35c;--accent-soft:#ffe7cd;--ink:#5d4633;--muted:#a88f78;--card:#fffffff0;--ok:#74c98f;--shadow:0 8px 22px #f78a2d1a;--radius:24px;--phone-w:390px;--phone-h:780px;--phone-fit:1;--page-pad-x:14px;--page-pad-top:12px;--page-pad-bottom:86px;--topbar-mb:10px;--card-pad:12px;--door-min-h:92px;--option-min-h:72px;--btn-min-h:44px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.35}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 10%, #ffe2bd 0%, transparent 40%), radial-gradient(circle at 90% 20%, #ffd9a8 0%, transparent 35%), linear-gradient(165deg, var(--bg-top), var(--bg-bottom));min-height:100dvh}button{cursor:pointer;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.phone-stage{width:100%;min-height:100dvh}.phone-shell{background:linear-gradient(#ffffff59,#ffffff26);flex-direction:column;width:min(420px,100vw);height:100dvh;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}html.phone-preview,html.phone-preview body{height:100%;overflow:hidden}html.phone-preview body{place-items:center;display:grid}html.phone-preview .phone-stage{min-height:0;width:calc(var(--phone-w) * var(--phone-fit,1));height:calc(var(--phone-h) * var(--phone-fit,1));overflow:hidden}html.phone-preview .phone-shell{width:var(--phone-w);height:var(--phone-h);min-height:0;transform:scale(var(--phone-fit,1));transform-origin:0 0;border:10px solid #4a3528;border-radius:34px;margin:0;box-shadow:inset 0 0 0 2px #ffffff59,0 24px 60px #4a352847}.phone-shell>.page{flex:auto;width:100%;min-height:0}.page{height:100%;min-height:0;padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:.35s rise;overflow:hidden auto}.page.no-tab{padding-bottom:16px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.brand-title{letter-spacing:.02em;color:var(--brand-deep);font-size:1.35rem;font-weight:800}.sub{color:var(--muted);margin:.2em 0;font-size:.86rem}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--card-pad);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn{min-height:var(--btn-min-h);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--brand), #ffa44f);color:#fff;box-shadow:0 8px 18px #f78a2d52}.btn-accent{background:linear-gradient(135deg, var(--accent), #ffc985);color:#fff;box-shadow:0 8px 18px #ffb35c52}.btn-ghost{color:var(--brand-deep);background:#fff;border:2px solid #f78a2d47}.chip{background:var(--accent-soft);color:#b8621a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{min-height:var(--option-min-h);background:#fff;border:3px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:800;transition:border-color .2s,transform .15s;display:flex}.option:active{transform:scale(.98)}.option.correct{border-color:var(--ok);background:#e9f8ef}.option.wrong{background:#fff1f1;border-color:#e8a0a0}.emoji{font-size:1.75rem;line-height:1}.en{letter-spacing:.04em;font-weight:800}.topbar{margin-bottom:var(--topbar-mb);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar .brand-title{font-size:1.2rem}.back{width:38px;height:38px;color:var(--brand-deep);background:#fff;border-radius:12px;font-size:1.15rem;font-weight:800}.phone-shell .overlay-mask{z-index:80;position:absolute;inset:0}.game-emoji{background:#f78a2d1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1;display:inline-flex}.sec{color:var(--brand-deep);letter-spacing:.02em;margin:18px 2px 10px;font-size:.95rem;font-weight:900}button.card{color:var(--ink);font-family:inherit;transition:transform .15s,box-shadow .2s}button.card:active{transform:scale(.97);box-shadow:0 4px 10px #f78a2d1f}.list{flex-direction:column;gap:10px;display:flex}.list-item{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.empty{text-align:center;color:var(--muted);margin-top:12px}.btn-primary:active,.btn-accent:active{transform:scale(.96);box-shadow:0 4px 10px #f78a2d3d}.wordcard-img{object-fit:contain;border-radius:14px;width:52px;height:52px;display:inline-block}.wordcard-img.big{width:128px;height:128px}.wordcard-img.quiz{width:100%;height:auto;max-height:88px}