*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#e8e4f8,#f3f1fb 40%,#f7f8fc);min-height:100vh;color:#1a1a1a}.page{max-width:420px;margin:0 auto;min-height:100vh;padding:12px 16px 32px}.header{display:flex;align-items:center;justify-content:space-between;height:48px;margin-bottom:16px}.header h1{font-size:17px;font-weight:600}.icon-btn{width:40px;height:40px;border:none;background:transparent;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer}.card{background:#fff;border-radius:20px;padding:24px 20px 28px;box-shadow:0 8px 32px #7864b414}.brand{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #f0f0f5;margin-bottom:24px}.alipay-logo{width:44px;height:44px;border-radius:10px;background:#1677ff;color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-text strong{font-size:18px;letter-spacing:1px}.brand-text span{font-size:11px;color:#1677ff;letter-spacing:2px}.section{margin-bottom:24px}.label{font-size:14px;color:#666;margin-bottom:14px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.amount-btn{border:1px solid #eee;border-radius:12px;background:#fff;padding:14px 8px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0000000a}.amount-btn.active{border-color:#9b8fd4;background:#f5f3fc;box-shadow:0 2px 12px #7864b426}.amount-btn .num{font-size:20px;font-weight:700;color:#222}.amount-btn .unit{font-size:13px;color:#999;margin-left:2px}.input{width:100%;height:48px;border:1px solid #eee;border-radius:12px;padding:0 16px;font-size:15px;background:#fafafa;outline:none}.input:focus{border-color:#b8aee0;background:#fff}.error{color:#e53935;font-size:13px;margin-bottom:12px;text-align:center}.submit-btn{width:100%;height:50px;border:none;border-radius:14px;background:linear-gradient(135deg,#c4b8e8,#a99ad4);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:opacity .15s}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.submit-btn:not(:disabled):active{opacity:.85}.qr-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#f3f3f3}.qr-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:36px 28px 40px;box-shadow:0 4px 24px #0000000f;text-align:center}.brand-center{justify-content:center;border-bottom:none;margin-bottom:28px;padding-bottom:0}.qr-tip{font-size:15px;color:#888;line-height:1.6}.qr-tip-bottom{margin-top:28px}.qr-box{margin:28px auto 0;width:300px;height:300px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px}.qr-image{width:280px;height:280px;display:block}.qr-placeholder{color:#aaa;font-size:14px}