:root{--primary: #FF6A3D;--primary-hover: #F2592A;--primary-active: #D94A20;--primary-soft: #FFF1EA;--primary-soft-2: #FFE2D6;--accent: #0EA5A4;--accent-soft: #E6F7F6;--bg: #F7F5F2;--surface: #FFFFFF;--surface-2: #FBF9F6;--border: #ECE7E1;--border-strong: #DDD4CB;--text: #2A2320;--text-2: #7A7068;--text-3: #A89E95;--success: #16A34A;--success-soft: #E7F6EC;--warning: #D97706;--warning-soft: #FEF3E2;--error: #DC2626;--error-soft: #FDECEC;--info: #FF6A3D;--info-soft: #FFF1EA;--violet: #7C3AED;--violet-soft: #F3EEFD;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-pill: 999px;--sh-sm: 0 1px 3px rgba(90, 60, 40, .06);--sh-md: 0 8px 24px rgba(120, 70, 40, .1);--sh-lg: 0 20px 50px rgba(120, 70, 40, .18);--font: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "SF Mono", ui-monospace, "JetBrains Mono", Consolas, monospace;--nav-h: 64px;--bp-md: 1440px;--bp-lg: 1920px;--bp-xl: 2560px;--maxw: 1180px;--maxw-lg: 1400px;--maxw-xl: 1600px;--brand-color: var(--primary);--brand-color-hover: var(--primary-hover);--brand-color-active: var(--primary-active);--brand-color-light: var(--primary-soft);--bg-page: var(--bg);--text-primary: var(--text);--text-secondary: var(--text-2);--border-color: var(--border)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}::selection{background:var(--primary-soft-2)}a{color:inherit;text-decoration:none}button{font-family:var(--font)}.muted{color:var(--text-3)}.row-flex{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.divider{height:1px;background:var(--border);margin:var(--s4) 0}.cell-sub{font-size:12px;color:var(--text-3)}.amount-strong{font-family:var(--font-num);font-weight:800;color:var(--primary);font-size:18px;line-height:1.2}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card-pad{padding:var(--s6)}.pill-info{font-size:12.5px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);padding:10px 14px;border-radius:var(--r-sm);line-height:1.6}.section-title{font-size:18px;font-weight:800;margin:0 0 var(--s4);display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}.amount-line{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--border);font-size:14px}.amount-line:last-child{border-bottom:none}.amount-line .lbl{color:var(--text-2)}.amount-line .val{font-family:var(--font-num);font-weight:700}.amount-line.total{font-size:17px;padding-top:12px}.amount-line.total .val{color:var(--primary)}.kv{display:grid;grid-template-columns:140px 1fr;gap:var(--s2) var(--s4);font-size:14px}.kv .k{color:var(--text-2)}.kv .v{color:var(--text);font-weight:600}.timeline{position:relative;padding-left:4px}.tl-step{position:relative;padding:0 0 var(--s5) 26px}.tl-step:last-child{padding-bottom:0}.tl-step:before{content:"";position:absolute;left:7px;top:18px;bottom:-4px;width:2px;background:var(--border)}.tl-step:last-child:before{display:none}.tl-dot{position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;border:3px solid var(--border-strong);background:var(--surface)}.tl-step.done .tl-dot{background:var(--success);border-color:var(--success)}.tl-step.active .tl-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.tl-title{font-size:14px;font-weight:700}.tl-step.pending .tl-title{color:var(--text-3);font-weight:500}.tl-time{font-size:12px;color:var(--text-3);font-family:var(--font-num)}.tl-note{font-size:12px;color:var(--text-2);margin-top:2px}.empty{text-align:center;padding:var(--s12) var(--s6);color:var(--text-3)}.empty .ico{font-size:40px;opacity:.5}.empty .t{margin-top:var(--s3);font-size:15px}.ui-dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a232073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:ui-mask-in .18s ease}.ui-dialog-mask--out{animation:ui-mask-out .2s ease forwards}@keyframes ui-mask-in{0%{opacity:0}to{opacity:1}}@keyframes ui-mask-out{0%{opacity:1}to{opacity:0}}.ui-dialog{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);width:400px;max-width:100%;animation:ui-dialog-in .2s cubic-bezier(.16,1,.3,1)}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.ui-dialog__header{padding:16px 20px;font-size:16px;font-weight:800;color:var(--text);border-bottom:1px solid var(--border)}.ui-dialog__body{padding:20px;font-size:14px;color:var(--text-2);line-height:1.6;word-break:break-word}.ui-dialog__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:700;border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;transition:all .15s ease;font-family:var(--font)}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 6px 16px #ff6a3d47}.ui-btn--primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.ui-btn--danger{background:var(--error);color:#fff;border-color:var(--error)}.ui-btn--danger:hover:not(:disabled){background:#b91c1c}.ui-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.ui-btn--secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ui-btn--loading{position:relative;color:transparent!important;pointer-events:none}.ui-btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-msg-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.ui-msg{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-md);font-size:14px;font-weight:600;color:var(--text);pointer-events:auto;cursor:pointer;opacity:0;transform:translateY(-12px);transition:opacity .22s ease,transform .22s ease}.ui-msg--in{opacity:1;transform:none}.ui-msg--out{opacity:0;transform:translateY(-12px)}.ui-msg__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:800;color:#fff;flex:none}.ui-msg--success .ui-msg__icon{background:var(--success)}.ui-msg--warning .ui-msg__icon{background:var(--warning)}.ui-msg--error .ui-msg__icon{background:var(--error)}.ui-msg--info .ui-msg__icon{background:var(--primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d8cdc5;border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#c4b6ac}.page-container{padding:var(--s6);box-sizing:border-box;max-width:var(--maxw);margin:0 auto}@media (min-width: 1440px){.page-container{max-width:var(--maxw-lg)}}@media (min-width: 1920px){.page-container{max-width:var(--maxw-xl)}}