*{box-sizing:border-box}
body{margin:0;background:#fff;color:#232733;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}
main{width:min(100%,480px);padding:28px 16px;margin:0 auto}
header{text-align:center;margin:8px 0 64px}.brand{font-size:24px;font-weight:700;color:#df5d13}
.field{border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:space-between;padding:20px 16px;margin:14px 0;min-height:80px}
.field span{font-size:15px}.field strong{font-size:21px;overflow-wrap:anywhere}
.amount{border-left:5px solid #3544be}.amount strong{color:#d45210}
.account{border-left:5px solid #22834c;gap:12px}.account div{min-width:0;display:grid;gap:8px}.account span{color:#276943}
button{font:inherit;border:0}.account button{padding:9px 17px;border-radius:20px;background:#de4b2e;color:#fff;cursor:pointer;flex-shrink:0}
.account button:disabled{background:#d8dce3;cursor:default}
.pay{width:100%;margin-top:6px;padding:17px;border-radius:26px;background:#e4e6eb;color:#737984;font-weight:600;font-size:18px;cursor:not-allowed}
p{color:#677181;font-size:14px;line-height:1.6;text-align:center;margin:18px 0}