:root{--brand: #2f6e4f;--brand-light: #e8f3ee;--up: #d03030;--down: #1a9850;--border: #e3e6ea;--text: #2c3038;--muted: #8a919c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;color:var(--text);background:#f7f8fa;-webkit-tap-highlight-color:transparent}.appbar{position:sticky;top:0;z-index:10;background:var(--brand);color:#fff;padding:12px 14px;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.appbar .who{font-size:12px;font-weight:400;opacity:.85}.btn{background:var(--brand);color:#fff;border:none;padding:12px 22px;border-radius:8px;font-size:15px;font-weight:700}.btn:disabled{opacity:.5}.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}.footbar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--brand-light);border-top:1px solid var(--border)}