:root{--p:#1677ff;--pd:#0958d9;--pl:#e6f7ff;--s:#52c41a;--w:#fa8c16;--d:#ff4d4f;--t1:#1a1a2e;--t2:#333;--t3:#666;--t4:#999;--t5:#bfbfbf;--bg:#f0f2f5;--bg2:#f5f7fa;--bgw:#fff;--bd:#ebedf0;--r:10px;--rs:6px;--rx:4px;--sh:0 2px 10px #0000000a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--t2);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}#app{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;position:relative}.c{padding:12px}.card{background:var(--bgw);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:12px;padding:14px}.ct{color:var(--t1);align-items:center;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.ct:before{content:"";background:linear-gradient(180deg, var(--p), var(--pd));border-radius:2px;width:3px;height:14px;margin-right:8px}.fg{margin-bottom:14px}.fg:last-child{margin-bottom:0}.fg-row{gap:10px;margin-bottom:14px;display:flex}.fg-row .fg{flex:1;min-width:0;margin-bottom:0}.fg-row .fg.wide{flex:2}.fl{color:var(--t2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.in{background:var(--bg2);border-radius:var(--rs);width:100%;height:auto;min-height:48px;color:var(--t1);appearance:none;box-sizing:border-box;border:2px solid #0000;outline:none;padding:12px 14px;font-size:16px;line-height:1.5;transition:all .2s;display:block}.in:focus{border-color:var(--p);background:var(--bgw)}.in::placeholder{color:var(--t5);font-size:15px;line-height:1.5}input[type=number].in,input[type=text].in,input[type=tel].in,select.in{padding-top:12px;padding-bottom:12px;line-height:1.5}select.in{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.bp{background:linear-gradient(135deg, var(--p), var(--pd));color:#fff;border-radius:var(--rs);text-align:center;cursor:pointer;border:none;width:100%;padding:13px 0;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 3px 10px #1677ff4d}.bp:active{transform:scale(.98)}.bp:disabled{box-shadow:none;cursor:not-allowed;background:#c5d9f0}.btn-reset{background:var(--bg2);color:var(--t3);border-radius:var(--rs);cursor:pointer;border:none;flex:1;padding:12px 0;font-size:14px}.btn-reset:active{background:var(--bd)}.btn-group{gap:10px;display:flex}.radio-group{gap:8px;display:flex}.radio-item{text-align:center;border-radius:var(--rs);background:var(--bg2);color:var(--t3);cursor:pointer;border:2px solid #0000;flex:1;padding:10px 0;font-size:13px;font-weight:500;transition:all .2s}.radio-item.active{background:var(--pl);color:var(--p);border-color:var(--p);font-weight:600}.type-tabs,.year-tabs{flex-wrap:wrap;gap:6px;display:flex}.type-tab,.year-tab{text-align:center;border-radius:var(--rs);background:var(--bg2);color:var(--t3);cursor:pointer;border:2px solid #0000;flex:1;min-width:0;padding:9px 0;font-size:13px;font-weight:500;transition:all .2s}.type-tab.active,.year-tab.active{background:var(--pl);color:var(--p);border-color:var(--p);font-weight:600}.rs{margin-top:12px}.ri{border-bottom:1px solid var(--bd);justify-content:space-between;padding:10px 0;display:flex}.ri:last-child{border-bottom:none}.rl{color:var(--t3);font-size:13px}.rv{color:var(--t2);font-size:14px;font-weight:600}.rv.hl{color:var(--p);font-size:20px;font-weight:700}.copywriting-box{border-radius:var(--rs);color:var(--p);background:linear-gradient(135deg,#f0f7ff,#e6f0ff);border:2px solid #d6e4ff;margin-top:14px;padding:16px;font-size:13px;line-height:1.9;position:relative}.copy-btn{background:var(--p);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:5px 12px;font-size:11px;position:absolute;top:10px;right:10px}.slider-wrap{padding:4px 0}.slider-wrap input[type=range]{-webkit-appearance:none;background:#e8e8e8;border-radius:3px;outline:none;width:100%;height:6px}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--p);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #1677ff66}.slider-info{color:var(--t4);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.broker-card{background:linear-gradient(135deg, var(--p), #3b8cff);border-radius:var(--r);align-items:center;margin-bottom:14px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #1677ff40}.broker-avatar{background:#ffffff40;border:2px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:12px;font-size:22px;display:flex}.broker-name{color:#fff;font-size:18px;font-weight:700}.broker-store{color:#ffffffbf;margin-top:2px;font-size:12px}.quick-entry-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quick-entry-item{border-radius:var(--rs);cursor:pointer;background:var(--bg2);flex-direction:column;align-items:center;padding:14px 0;transition:all .2s;display:flex}.quick-entry-item:active{background:var(--pl);transform:scale(.95)}.quick-entry-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:6px;font-size:24px;display:flex}.quick-entry-text{color:var(--t2);font-size:12px;font-weight:500}.case-item{border-bottom:1px solid var(--bd);cursor:pointer;padding:12px 0;transition:all .2s}.case-item:last-child{border-bottom:none}.case-item:active{background:var(--bg2);border-radius:var(--rs);margin:0 -14px;padding:12px 14px}.case-header{justify-content:space-between;align-items:center;display:flex}.case-customer{color:var(--t1);font-size:15px;font-weight:600}.case-status{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.status-1{color:var(--w);background:#fff7e6}.status-0{color:var(--s);background:#f6ffed}.status--1{color:var(--d);background:#fff1f0}.case-address{color:var(--t3);margin-top:4px;font-size:12px;display:block}.case-bar{align-items:center;margin-top:4px;display:flex}.case-node{color:var(--t4);font-size:12px}.case-arrow{color:var(--t5);margin-left:6px;font-size:12px}.progress-steps{flex-direction:column;padding:4px 0;display:flex}.step-item{align-items:flex-start;padding:12px 0;display:flex;position:relative}.step-dot{border:2px solid var(--bd);background:var(--bgw);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;font-size:10px;transition:all .3s;display:flex}.step-dot.active{border-color:var(--p);background:var(--p);color:#fff;box-shadow:0 0 0 4px #1677ff26}.step-dot.done{border-color:var(--s);background:var(--s);color:#fff}.step-dot.pending{border-color:var(--bd);background:var(--bg2);color:var(--t4)}.step-line{background:var(--bd);width:2px;height:calc(100% - 36px);position:absolute;top:36px;left:11px}.step-line.done{background:var(--s)}.step-content{flex:1;padding-bottom:2px}.step-name{color:var(--t2);font-size:14px;font-weight:500}.step-name.active{color:var(--p);font-weight:600}.step-desc{color:var(--t4);margin-top:3px;font-size:12px}.step-remark{color:var(--t3);background:var(--bg2);border-radius:var(--rx);border-left:2px solid var(--p);margin-top:6px;padding:6px 8px;font-size:12px}.check-row{color:var(--t2);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--p)}.fee-total-row{border-bottom:1px solid var(--bd);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.fee-total-row:last-child{color:var(--p);border-bottom:none;border-top:2px solid var(--bd);margin-top:4px;padding-top:12px;font-size:16px;font-weight:700}.empty-tip{text-align:center;color:var(--t4);padding:30px 0;font-size:14px}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}.tabbar{background:var(--bgw);border-top:1px solid var(--bd);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,0);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar-item{color:var(--t4);cursor:pointer;flex-direction:column;flex:1;align-items:center;padding:6px 0 4px;font-size:10px;text-decoration:none;transition:all .2s;display:flex}.tabbar-item.active{color:var(--p)}.tabbar-item .tab-icon{margin-bottom:2px;font-size:20px}.login-page{background:linear-gradient(180deg, #e6f0ff 0%, var(--bg) 40%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-logo{background:linear-gradient(135deg, var(--p), var(--pd));border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:40px;display:flex;box-shadow:0 8px 24px #1677ff4d}.login-title{color:var(--t1);margin-bottom:4px;font-size:22px;font-weight:700}.login-desc{color:var(--t4);margin-bottom:40px;font-size:13px}.login-btn{background:linear-gradient(135deg, var(--p), var(--pd));color:#fff;border-radius:var(--rs);cursor:pointer;border:none;width:100%;max-width:300px;margin-bottom:12px;padding:14px;font-size:16px;font-weight:600;box-shadow:0 4px 16px #1677ff4d}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-tip{color:var(--t5);margin-top:16px;font-size:12px}.login-footer{color:var(--t5);font-size:11px;position:absolute;bottom:40px}