*{box-sizing:border-box}body{margin:0;background:#f4f4f4;font-family:Arial,sans-serif;color:#20242c}.pay-wrap{min-height:100vh;display:flex;justify-content:center;padding:0 12px 30px}.pay-card{width:min(520px,100%);background:#fff;min-height:100vh;box-shadow:0 0 30px #00008}.pay-head{background:linear-gradient(120deg,#d5007f,#7b2bc7);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.pay-head span{background:#fff;color:#a1007b;border-radius:8px;padding:8px 12px}.amount{margin:18px;border:2px solid #d63b9c;border-radius:35px;text-align:center;padding:18px;font-size:38px;font-weight:800;background:linear-gradient(90deg,#fff0f8,#f6eefe)}.notice{text-align:center;color:#9a196c;padding:0 25px;font-size:16px}.step{margin:18px;border:2px solid #e01b88;border-radius:15px;padding:18px}.step h2{font-size:21px}.step button{background:#e51785;border:0;color:#fff;padding:13px 20px;border-radius:9px;margin-right:8px;font-size:16px}.step .confirm{width:100%;background:linear-gradient(90deg,#d9007f,#7431c7);margin-top:10px}.pay-card>small{display:block;text-align:center;padding:15px;color:#777}