:root{--teal: #0F6E56;--teal-mid: #1D9E75;--teal-bg: #E1F5EE;--teal-tx: #085041;--ink: #1c1c1a;--sub: #5f5e5a;--mut: #97968f;--s2: #ffffff;--s1: #f6f5f0;--s0: #efeee8;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .16);--accent-bg: #E6F1FB;--accent-tx: #185FA5;--radius: 10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--s0);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit}.app-shell{max-width:480px;margin:0 auto;height:100dvh;overflow:hidden;background:var(--s0);display:flex;flex-direction:column;position:relative;box-shadow:0 0 0 .5px var(--border)}.app-main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.topbar{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:.5px solid var(--border);background:var(--s2);position:sticky;top:0;z-index:5}.topbar h1{font-size:18px;font-weight:600;margin:0;flex:1}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-bg);color:var(--accent-tx);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;overflow:hidden;padding:0;border:none}.avatar img{width:100%;height:100%;object-fit:cover}.tabbar{display:flex;border-top:.5px solid var(--border);background:var(--s2);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:8px 0 6px;font-size:11px;color:var(--mut);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px}.tabbar a.active{color:var(--teal)}.tabbar .ic{font-size:22px;line-height:1}.page{padding:16px;display:flex;flex-direction:column;gap:16px}.muted{color:var(--mut);font-size:12px}.sub{color:var(--sub);font-size:13px}.card{background:var(--s2);border:.5px solid var(--border);border-radius:12px;padding:14px 16px}.btn{border:.5px solid var(--border-strong);background:var(--s2);color:var(--ink);border-radius:var(--radius);padding:11px 16px;font-size:14px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal);color:#fff;border:none}.btn-block{width:100%}.chip{padding:6px 13px;border-radius:20px;font-size:13px;border:.5px solid var(--border-strong);background:transparent;color:var(--sub)}.chip.on{border-color:var(--teal);background:var(--teal-bg);color:var(--teal-tx)}.badge{display:inline-block;font-size:12px;letter-spacing:.04em;color:var(--teal-tx);background:var(--teal-bg);padding:3px 10px;border-radius:20px}.bar{height:6px;border-radius:6px;background:var(--s0);overflow:hidden}.bar>i{display:block;height:100%;background:var(--teal-mid)}.row{display:flex;align-items:center;gap:12px;background:var(--s2);border:.5px solid var(--border);border-radius:var(--radius);padding:11px 13px}.stepper-btn{width:32px;height:32px;border-radius:8px;border:.5px solid var(--border-strong);background:transparent;color:var(--sub);font-size:18px;line-height:1}.mi{font-family:inherit}