.settlement-heading{margin:0 0 31px}.settlement-heading h1{font-size:30px;line-height:1.5;font-weight:400;color:#20364f;margin:0 0 4px}.settlement-heading p{font-size:14px;line-height:1.8;color:#8498b2;margin:0}.settlement-progress{display:flex;align-items:center;border:1px solid #dfe6ef;border-radius:18px;background:#ffffffc9;padding:17px;margin:0 0 31px;gap:0}.settlement-progress>span{display:flex;align-items:center;gap:9px;font-size:14px;color:#8b99ac;white-space:nowrap}.settlement-progress b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #e2e8ee;font-size:13px;font-weight:400}.settlement-progress .current{color:#4c607b}.settlement-progress .current b{background:#10a69b;border-color:#10a69b;color:#075659}.settlement-progress>i{height:2px;flex:1;background:#e5ecf3;margin:0 9px 0 0}.settlement-layout{display:grid;grid-template-columns:minmax(0,2.06fr) minmax(330px,1fr);gap:30px;align-items:start}.settlement-main{display:grid;gap:24px;min-width:0}.settlement-card{background:white;border:1px solid #dfe5ed;border-radius:19px;padding:25px 24px;min-width:0}.settlement-card h2{font-size:18px;font-weight:400;color:#36516c;margin:0 0 19px;line-height:1.6}.settlement-product{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #d4dfe9;border-radius:14px;background:#f0f4f9}.settlement-product img{width:80px;height:80px;flex-shrink:0;background:white;border:1px solid #cdd9e6;border-radius:13px;object-fit:contain;padding:12px}.settlement-product h3{font-size:14px;font-weight:400;color:#18a6b3;margin:0 0 6px;line-height:1.7;overflow-wrap:anywhere}.settlement-product p{font-size:12px;color:#8295ad;margin:4px 0;line-height:1.6}.settlement-product strong{font-size:21px;font-weight:400;color:#25415d;line-height:1.5}.settlement-product strong small{font-size:12px}.settlement-modes{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.settlement-modes span,.settlement-modes button{padding:9px 16px;background:#f0f5fa;border-radius:14px;font-size:14px;line-height:1.4;color:#4e6d89;border:0;font-weight:400}.settlement-modes .active{background:#10a69b;color:#075656}.settlement-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settlement-fields input{height:46px;border:1px solid #e0e6ee;border-radius:14px;padding:12px;min-width:0;width:100%;font-size:14px;background:#fff;box-shadow:0 9px 21px #2d456408;color:#36516c}.settlement-fields input::placeholder{color:#8a9bb1}.settlement-fields input:focus{outline:0;border-color:#73c7bf;box-shadow:0 0 0 3px #10a69b0a}.settlement-instructions{padding:15px 16px;border:1px solid #8dcecb;border-radius:13px;background:#e9f5f4;color:#329b9e;font-size:13px;line-height:1.9;margin-top:24px}.settlement-instructions strong{font-weight:400}.settlement-instructions ul{padding-left:16px;margin:8px 0 0}.settlement-instructions li{margin:4px 0}.settlement-summary h2{color:#53627b}.settlement-note{font-size:12px;line-height:1.8;color:#8494aa;background:#f0f4f9;border:1px solid #d5dfe9;border-radius:12px;padding:11px 12px;margin-bottom:13px}.settlement-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;color:#8493aa;font-size:14px}.settlement-row strong{font-family:Consolas,'Courier New',monospace;font-size:14px;font-weight:400;color:#233149;white-space:nowrap}.settlement-row.total{border-top:1px solid #e1e7ef;margin-top:7px;padding:18px 0 14px;color:#6b7d96}.settlement-row.total strong{font-weight:700;font-size:17px}.settlement-state{border:1px solid #ebc48c;color:#ca974b;border-radius:12px;background:#f5f7fa;padding:15px;font-size:13px;line-height:1.8;margin:5px 0 17px}.settlement-state.ready{color:#219d91;border-color:#8ed3c9;background:#effaf7}.settlement-methods{border-top:1px solid #e0e7ef;padding-top:17px}.settlement-methods h3{font-size:14px;font-weight:400;color:#697e97;margin:0 0 12px}.settlement-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settlement-payment{display:block;position:relative;margin:0;border:1px solid #dfe6ee;border-radius:12px;padding:12px 10px;cursor:pointer;background:white;min-width:0}.settlement-payment.selected{background:#e9f6f4;border-color:#78cfc9}.settlement-payment input{position:absolute;opacity:0;width:1px;height:1px}.settlement-payment:focus-within{outline:2px solid #80cfc6;outline-offset:2px}.settlement-pay-name{display:flex;align-items:center;gap:7px;color:#5b6e85;font-size:14px;font-weight:400}.settlement-pay-icon{display:grid;place-items:center;flex:0 0 21px;height:21px;width:21px;color:white;border-radius:5px;font-size:15px;line-height:1;font-weight:500}.settlement-pay-icon.alipay{background:#138bff}.settlement-pay-icon.wechat{background:#08c665}.settlement-pay-name i{font-style:normal;font-size:12px;margin-left:auto;color:#169d94;opacity:0}.selected .settlement-pay-name i{opacity:1}.settlement-payment small{display:block;font-size:11px;color:#8495aa;font-weight:400;line-height:1.8;margin-top:6px}.settlement-payment .payment-availability{margin:0;color:#91a0b4;font-size:10px}.settlement-submit{width:100%;background:#10a69b;color:#075856;font-size:14px;font-weight:400;padding:13px 15px;border-radius:12px;margin-top:17px}.settlement-submit:disabled{opacity:.5}.settlement-channel-hint{font-size:11px;color:#8d9cb1;line-height:1.9;margin:12px 0 0}.settlement-summary .error:empty{display:none}.settlement-unavailable{font-size:13px;color:#b87a4c;margin-top:12px}.settlement-summary .error{font-size:13px;line-height:1.8;margin:10px 0 0}@media(max-width:1000px){.settlement-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px}.settlement-card{padding:22px 20px}.settlement-fields{grid-template-columns:1fr;gap:13px}}@media(max-width:760px){.settlement-heading{margin-bottom:24px}.settlement-heading h1{font-size:27px}.settlement-progress{margin-bottom:22px;padding:14px;border-radius:15px}.settlement-progress>span{font-size:12px}.settlement-layout{grid-template-columns:1fr;gap:20px}.settlement-main{gap:20px}.settlement-card{padding:22px 18px;border-radius:17px}.settlement-product{align-items:flex-start;padding:13px;gap:12px}.settlement-product img{width:65px;height:65px;padding:9px;border-radius:11px}.settlement-product h3{font-size:13px}.settlement-fields input{font-size:16px}.settlement-instructions{font-size:12px;padding:14px}.settlement-pay-name{font-size:14px}.settlement-submit{font-size:15px;color:white}.settlement-modes .active{color:white}}