:root{--brand: #ff5f2e;--brand-2: #ff9a3d;--grad: linear-gradient(120deg, #ff5f2e 0%, #ff9a3d 100%);--bg: #f6f7fb;--card: #ffffff;--text: #1f2329;--text-2: #5b6270;--muted: #8a8f99;--line: #eef0f4;--ok: #14a06a;--bad: #e5453d;--warn: #f08a24;--r: 16px;--r-sm: 10px;--shadow: 0 6px 20px rgba(31, 35, 41, .06);--tab-h: 58px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#app{min-height:100vh}.page{max-width:640px;margin:0 auto;padding:12px 14px calc(24px + var(--safe-b));min-height:100vh}.page.with-tab{padding-bottom:calc(var(--tab-h) + 22px + var(--safe-b))}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:48px;margin:-12px -14px 12px;padding:0 14px;background:#f6f7fbf0;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid transparent}.nav.solid{background:#fff;border-bottom-color:var(--line)}.nav-title{font-size:16px;font-weight:600;flex:1;text-align:center}.nav-back{width:30px;height:30px;display:grid;place-items:center;font-size:20px;line-height:1;color:var(--text);border-radius:50%;background:#ffffffb3}.nav-right{min-width:30px;text-align:right;font-size:13px;color:var(--text-2)}.card{background:var(--card);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.card-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;margin-bottom:12px}.card-title .more{font-size:12px;font-weight:400;color:var(--muted)}.h1{font-size:22px;font-weight:700;letter-spacing:-.2px}.h2{font-size:16px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.text-2{color:var(--text-2)}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.money{font-variant-numeric:tabular-nums}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:0 18px;height:44px;font-size:15px;font-weight:600;background:#f1f2f5;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.985);opacity:.9}.btn[disabled]{opacity:.45;pointer-events:none}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 18px #ff5f2e47}.btn-block{display:flex;width:100%}.btn-sm{height:34px;padding:0 14px;font-size:13px}.btn-line{background:#fff;color:var(--brand);border:1px solid rgba(255,95,46,.45)}.btn-ghost{background:#ffffff2e;color:#fff}.field{display:flex;align-items:center;gap:10px;min-height:50px;border-bottom:1px solid var(--line)}.field:last-child{border-bottom:0}.field-label{width:84px;flex:none;color:var(--text-2);font-size:14px}.field .input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:48px;font-size:15px}.field .input::placeholder{color:#b9bec7}.field-suffix{color:var(--muted);font-size:13px;flex:none}.inline-error{color:var(--bad);font-size:12px;padding:6px 0 0}.tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11px;line-height:1;background:#ff5f2e1a;color:var(--brand);flex:none}.tag.grey{background:#f1f2f5;color:var(--muted)}.tag.ok{background:#14a06a1f;color:var(--ok)}.tag.warn{background:#f08a2424;color:var(--warn)}.tag.bad{background:#e5453d1f;color:var(--bad)}.dot{width:4px;height:4px;border-radius:50%;background:#d3d7de;flex:none}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.cell{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.cell:last-child{border-bottom:0}.cell-main{flex:1;min-width:0}.cell-title{font-size:14px;font-weight:500}.cell-sub{font-size:12px;color:var(--muted);margin-top:3px}.cell-arrow{color:#c8ccd4;font-size:18px;line-height:1}.bar{height:6px;border-radius:99px;background:#f0f1f5;overflow:hidden}.bar-in{height:100%;border-radius:99px;background:var(--grad);transition:width .4s ease}.empty{padding:54px 0;text-align:center;color:var(--muted);font-size:13px}.empty .ico{font-size:30px;margin-bottom:8px}.loading-text{text-align:center;color:var(--muted);font-size:12px;padding:18px 0}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121873;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.mask.center{align-items:center;padding:0 28px}.sheet{width:100%;max-width:640px;background:#fff;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + var(--safe-b));animation:rise .22s ease;max-height:92vh;overflow:auto}.dialog{width:100%;max-width:320px;background:#fff;border-radius:var(--r);padding:20px 18px 14px;animation:pop .18s ease}.dialog-title{font-size:16px;font-weight:600;text-align:center}.dialog-body{font-size:13px;color:var(--text-2);text-align:center;margin:10px 0 18px;white-space:pre-wrap;word-break:break-word}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-head .t{font-size:16px;font-weight:600}.sheet-close{color:var(--muted);font-size:20px;line-height:1;padding:4px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:.4}}@keyframes pop{0%{transform:scale(.94);opacity:.5}}.toast-wrap{position:fixed;top:42%;left:0;right:0;z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{max-width:78vw;padding:10px 16px;border-radius:10px;background:#181b21db;color:#fff;font-size:13px;line-height:1.45;text-align:center;animation:fade .16s ease}.seg{display:flex;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg-item{flex:none;height:32px;padding:0 14px;border-radius:999px;background:#fff;color:var(--text-2);font-size:13px;display:inline-flex;align-items:center;border:1px solid var(--line)}.seg-item.on{background:var(--grad);color:#fff;border-color:transparent;font-weight:600}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;background:#fffffff5;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-top:1px solid var(--line)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9aa0aa;font-size:11px}.tab .i{font-size:19px;line-height:1}.tab.on{color:var(--brand);font-weight:600}
