:root{--bg: #f4f6fb;--panel: #ffffff;--panel-2: #f8fafd;--primary: #4c6fff;--primary-weak: #e9efff;--accent: #61c9a8;--text: #16202e;--dim: #7c8a9c;--line: #e7ecf5;--success: #23a878;--danger: #ef5350;--warn: #f0a445;--radius: 14px;--radius-sm: 10px;--gap: 12px;--shadow: 0 6px 20px rgba(22, 32, 46, .07);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;touch-action:manipulation}#app{min-height:100vh}a{color:var(--primary);text-decoration:none}button{font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:16px;color:var(--text)}.page{max-width:720px;margin:0 auto;padding:0 var(--gap);padding-bottom:calc(84px + env(safe-area-inset-bottom))}.page-plain{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:var(--gap)}.card-title{font-size:15px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.muted{color:var(--dim);font-size:13px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.btn:active{opacity:.85}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:var(--panel);color:var(--text);border-color:var(--line)}.btn-weak{background:var(--primary-weak);color:var(--primary)}.btn-danger{background:#fdecec;color:var(--danger);border-color:#f9d6d6}.btn-sm{min-height:32px;padding:0 10px;font-size:13px;font-weight:500}.btn-xs{min-height:28px;padding:0 8px;font-size:12px;font-weight:500;border-radius:8px}.field{margin-bottom:12px}.field-label{display:block;font-size:13px;color:var(--dim);margin-bottom:6px}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,background .15s}.textarea{min-height:76px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);background:#fff}.input-err{border-color:var(--danger)}.hint{font-size:12px;color:var(--dim);margin-top:4px}.hint-err{color:var(--danger)}.seg{display:flex;padding:3px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;gap:2px}.seg-item{flex:1;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--dim);border-radius:999px;cursor:pointer;font-size:13px;white-space:nowrap}.seg-item.on{background:var(--primary);color:#fff;font-weight:600}.tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:6px;font-size:11px;line-height:18px;background:var(--primary-weak);color:var(--primary);white-space:nowrap}.tag-gray{background:#eef1f6;color:var(--dim)}.tag-green{background:#e6f6ef;color:var(--success)}.tag-red{background:#fdecec;color:var(--danger)}.tag-warn{background:#fdf3e6;color:var(--warn)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:var(--primary-weak);flex-shrink:0}.big-num{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;max-width:720px;margin:0 auto;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar-item{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--dim);border:none;background:transparent;cursor:pointer}.tabbar-item.on{color:var(--primary);font-weight:600}.tabbar-icon{font-size:18px;line-height:1}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:8px;height:52px;padding:0 var(--gap);max-width:720px;margin:0 auto;background:#f4f6fbeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{font-size:17px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-back{width:36px;height:36px;border-radius:50%;border:none;background:var(--panel);box-shadow:var(--shadow);cursor:pointer;font-size:16px}.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#10162073;display:flex;align-items:flex-end;justify-content:center}.mask-center{align-items:center;padding:20px}.sheet{width:100%;max-width:720px;max-height:86vh;overflow-y:auto;background:var(--panel);border-radius:18px 18px 0 0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));animation:sheet-up .2s ease-out}.modal{width:100%;max-width:420px;max-height:86vh;overflow-y:auto;background:var(--panel);border-radius:var(--radius);padding:16px;animation:pop .16s ease-out}@keyframes sheet-up{0%{transform:translateY(16px);opacity:.6}}@keyframes pop{0%{transform:scale(.96);opacity:.6}}.toast-wrap{position:fixed;left:0;right:0;top:18px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{max-width:420px;padding:9px 14px;border-radius:10px;font-size:14px;color:#fff;background:#16202ee6;box-shadow:var(--shadow);animation:pop .16s ease-out}.toast-success{background:#23a878f2}.toast-error{background:#ef5350f2}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#f4f6fb80}.spinner{width:30px;height:30px;border:3px solid var(--primary-weak);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:28px 12px;text-align:center;color:var(--dim)}.empty-icon{font-size:30px}.cap{-webkit-user-select:none;user-select:none}.cap-stage{position:relative;width:320px;max-width:100%;height:160px;margin:0 auto 12px;border-radius:var(--radius-sm);overflow:hidden;line-height:0}.cap-piece{position:absolute;width:48px;height:48px;line-height:0;filter:drop-shadow(0 2px 6px rgba(16,22,32,.35));transition:left .02s linear}.cap-track{position:relative;width:320px;max-width:100%;height:44px;margin:0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.cap-fill{position:absolute;left:0;top:0;bottom:0;background:var(--primary-weak)}.cap-handle{position:absolute;top:3px;width:44px;height:38px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;cursor:grab;font-size:15px;color:var(--primary);touch-action:none}.cap-handle.grab{cursor:grabbing}.cap-tip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--dim);line-height:1;pointer-events:none}.stat{background:var(--panel);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.stat-label{font-size:12px;color:var(--dim)}.stat-val{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.stat-val.accent{color:var(--primary)}.bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.bar-in{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s ease}.macro{margin-bottom:10px}.macro:last-child{margin-bottom:0}.macro-name{font-size:13px;font-weight:600}.macro-bar{height:6px;border-radius:999px;background:#eef1f7;overflow:hidden;margin-top:4px}.macro-bar-in{height:100%;border-radius:999px;transition:width .3s ease}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.tb{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}table.tb th,table.tb td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}table.tb th{color:var(--dim);font-weight:500;background:var(--panel-2)}