:root{--navy: #262F6A;--royal: #004AAC;--sky: #2D85FB;--sky-mid: #4C93D6;--sky-pale: #EEF4FC;--sky-tint: #BEDBFF;--green: #56A74E;--green-dark: #2F6B2A;--green-pale: #EAF5E8;--orange: #FF6A0C;--orange-dark: #B34A08;--orange-pale: #FFF1E6;--yellow: #FFDE59;--yellow-dark: #6B5A10;--royal-pale: #E8EDFA;--ink: #1A1A2E;--muted: #8A93A6;--line: #E3E8F0;--bg: #F7F9FC}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,SF Pro Text,Segoe UI,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}#root{height:100%}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.screen{flex:1;padding:max(env(safe-area-inset-top),12px) 16px 90px;overflow-y:auto}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}.hanzi{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.card{background:#fff;border-radius:14px;padding:14px;border:1px solid var(--line)}.btn-primary{display:block;width:100%;padding:14px;border-radius:12px;background:var(--sky);color:#fff;font-weight:600;font-size:16px}.btn-primary:disabled{background:var(--line);color:var(--muted)}.navbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:10px 0 max(env(safe-area-inset-bottom),10px);z-index:50}.navbar button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);min-width:64px}.navbar button.active{color:var(--sky);font-weight:600}.navbar svg{width:22px;height:22px}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pop{animation:pop .3s ease}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}