*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
     background:linear-gradient(135deg,#f0f4ff 0%,#faf5ff 100%);min-height:100vh;
     display:flex;flex-direction:column;align-items:center;padding:20px 20px 24px}
.page-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
.card{background:#fff;border-radius:20px;padding:28px 24px;width:100%;max-width:420px;
      box-shadow:0 8px 40px rgba(99,102,241,.12);flex-shrink:0}
.page-copy{text-align:center;color:#9ca3af;font-size:12px;line-height:1.5;flex-shrink:0;width:100%;margin-top:28px}
.logo{margin-bottom:22px;text-align:center}
.logo h2{font-size:20px;color:#1e1b4b;font-weight:700;margin-bottom:4px}
.logo p{font-size:13px;color:#6b7280}
/* 金额 */
.section-title{font-size:13px;color:#374151;font-weight:600;margin-bottom:8px}
.amount-wrap{position:relative;display:flex;align-items:center;margin-bottom:10px}
.amount-wrap input{width:100%;padding:13px 52px 13px 16px;font-size:24px;font-weight:700;
    color:#1e1b4b;border:2px solid #e5e7eb;border-radius:12px;outline:none;
    transition:border-color .2s;-moz-appearance:textfield}
.amount-wrap input::-webkit-outer-spin-button,
.amount-wrap input::-webkit-inner-spin-button{-webkit-appearance:none}
.amount-wrap input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}
.amount-wrap input::placeholder{font-size:18px;font-weight:400;color:#d1d5db}
.amount-unit{position:absolute;right:16px;font-size:13px;font-weight:700;color:#6366f1}
.quick-btns{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.q-btn{flex:1;min-width:54px;padding:7px 2px;background:#f5f3ff;border:1px solid #e0e7ff;
       border-radius:8px;font-size:13px;color:#5b5bd6;cursor:pointer;text-align:center;
       transition:.15s;white-space:nowrap}
.q-btn:hover{background:#ede9fe;border-color:#c4b5fd}
.q-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}
/* 订单信息 */
.divider{height:1px;background:#f3f4f6;margin:18px 0}
.info-box{background:#f8f9fb;border-radius:10px;padding:12px 14px;margin-bottom:18px;
          border:1px solid #e8eaed}
.info-row{display:flex;justify-content:space-between;align-items:flex-start;
          font-size:12.5px;color:#6b7280;gap:8px}
.info-row+.info-row{margin-top:8px}
.info-label{font-weight:500;white-space:nowrap;flex-shrink:0}
.info-val{font-family:monospace;color:#1e1b4b;text-align:right;word-break:break-all;font-size:12px}
.info-val.green{color:#059669;font-family:inherit;font-weight:500;font-size:12.5px}
/* 提交 */
.err-tip{font-size:12.5px;color:#dc2626;margin-top:6px;display:none;padding-left:2px}
.pay-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);
         color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;
         cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px}
.pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#5254cc,#7c3aed);
    transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.35)}
.pay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.buy-usdt-wrap{text-align:center;margin-top:12px}
.buy-usdt-link{font-size:13px;font-weight:600;color:#6366f1;text-decoration:none;transition:.15s}
.buy-usdt-link:hover{color:#5254cc}
.progress-wrap{display:none;margin-top:14px}
.progress-bar{height:4px;background:#e0e7ff;border-radius:2px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);
               border-radius:2px;width:0%;transition:width .4s ease}
.progress-text{font-size:12px;color:#6b7280;text-align:center;margin-top:6px}
.err-card{display:none;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;
          padding:12px 14px;margin-top:14px;font-size:13px;color:#dc2626;line-height:1.6}