:root{--primary: #1677ff;--primary-dark: #0958d9;--bg: #f4f5f7;--card: #ffffff;--text: #1f2329;--sub: #8a8f99;--line: #eceef1;--ok: #18a058;--warn: #f0a020;--danger: #d03050;--radius: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;font-size:15px}#app{max-width:480px;margin:0 auto;min-height:100%;background:var(--bg)}.page{padding:16px 16px 96px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 1px 2px #0000000a}.row{display:flex;align-items:center}.between{justify-content:space-between}.muted{color:var(--sub);font-size:13px}.title{font-size:18px;font-weight:600;margin:4px 0 12px}.label{font-size:13px;color:var(--sub);margin:12px 0 6px}.btn{display:block;width:100%;border:none;border-radius:10px;padding:13px;font-size:16px;font-weight:600;background:var(--primary);color:#fff;cursor:pointer}.btn:active{background:var(--primary-dark)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn.gray{background:#eef0f3;color:var(--text)}.btn.ok{background:var(--ok)}.btn.danger{background:var(--danger)}.btn.sm{padding:8px 12px;font-size:13px;width:auto;display:inline-block}.input,select.input,textarea.input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:15px;background:#fff;color:var(--text);outline:none}.input:focus{border-color:var(--primary)}.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;background:#eef4ff;color:var(--primary)}.tag.gray{background:#f0f1f3;color:var(--sub)}.tag.ok{background:#e8f7ee;color:var(--ok)}.tag.warn{background:#fdf3e0;color:var(--warn)}.tag.danger{background:#fbe9ee;color:var(--danger)}.price{color:var(--danger);font-weight:700}.price.big{font-size:28px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;display:flex;border-top:1px solid var(--line);z-index:50}.tabbar a{flex:1;text-align:center;padding:8px 0 10px;font-size:11px;color:var(--sub);text-decoration:none}.tabbar a.on{color:var(--primary)}.tabbar .ico{display:block;font-size:20px;line-height:24px}.navbar{position:sticky;top:0;z-index:40;background:var(--bg);display:flex;align-items:center;padding:10px 12px}.navbar .back{font-size:22px;text-decoration:none;color:var(--text);padding-right:8px}.navbar .nt{font-size:16px;font-weight:600}.empty{text-align:center;color:var(--sub);padding:48px 0}.divider{height:1px;background:var(--line);margin:12px 0}.toast{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;z-index:100;max-width:80%;text-align:center}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:60}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-radius:16px 16px 0 0;padding:20px;z-index:61}