@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;800&display=swap";:root{--pg: #16a085;--pg2: #0d8f72;--pk: #ff7eb3;--bg: #f2f5f9;--card: #ffffff;--tx: #333333;--mut: #8a97a6;--line: #e6ebf0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--tx)}.shell{min-height:100vh;padding-bottom:76px}.shell.authed{padding-bottom:96px}.page{max-width:480px;margin:0 auto;padding:18px 16px 40px}.h1{font-size:22px;font-weight:800}.h2{font-size:16px;font-weight:700}.mut{color:var(--mut);font-size:13px}.row{display:flex;align-items:center;gap:10px}.grow{flex:1}.card{background:var(--card);border-radius:14px;padding:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:12px}.btn{background:var(--pg);color:#fff;text-align:center;border-radius:12px;padding:13px;font-size:15px;font-weight:700;border:none;cursor:pointer;width:100%}.btn.ghost{background:#fff;color:var(--pg);border:1.5px solid var(--pg)}.btn.pk{background:var(--pk)}.btn.sm{padding:9px;font-size:13px}.pill{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;color:var(--mut)}.pill.on{background:var(--pg);color:#fff;border-color:var(--pg)}.progress{height:10px;background:#e7eef2;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--pg);border-radius:10px}.opt{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:13px 12px;font-size:15px;cursor:pointer}.opt.correct{background:#eafff6;border-color:var(--pg)}.opt.wrong{background:#ffecec;border-color:#e0556b}.kw{font-size:26px;font-weight:800}.ipa{color:var(--mut);font-size:15px;margin-top:4px}.tag{display:inline-block;background:#eafff6;color:var(--pg);border-radius:8px;padding:3px 8px;font-size:12px}.tag.err{background:#ffecec;color:#e0556b}.foot{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding-top:6px;margin-top:8px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:68px;display:flex;align-items:center;justify-content:space-around;background:#fff;border-top:1px solid var(--line)}.bottom-nav .nav{text-align:center;font-size:14px;color:var(--mut);background:none;border:none;padding:8px 14px;border-radius:10px}.bottom-nav .nav.on{color:var(--pg2);font-weight:800;background:#eafff6}.mic{width:76px;height:76px;border-radius:50%;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;margin:8px auto;border:none;cursor:pointer}.kb{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.kb button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 0;font-size:15px;cursor:pointer}.statbox{background:var(--card);border-radius:12px;padding:12px;text-align:center}.statbox b{font-size:20px;color:var(--pg2)}.statbox span{font-size:11px;color:var(--mut)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--mut);font-weight:500}.errcolor{color:#e0556b}.mascot{width:62px;height:62px;background:var(--pk);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px}@media (min-width: 600px){.page{max-width:760px}}