/* ---- 自填金额输入框 ---- */
.pay-amount-row{margin-bottom:11px}
.pay-amount-box{
  display:flex;align-items:center;gap:9px;
  border:1px solid var(--line2);background:rgba(255,255,255,.018);
  padding:11px 16px;max-width:420px;transition:.2s;
}
.pay-amount-box:focus-within{border-color:var(--gold);background:rgba(223,179,87,.05)}
.pay-amount-sym{font-size:20px;color:var(--gold);font-family:Georgia,serif;flex:none}
.pay-amount-inp{
  flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:Georgia,'Times New Roman',serif;font-size:30px;color:var(--gold);
  font-variant-numeric:tabular-nums;padding:0;
}
.pay-amount-inp::placeholder{color:rgba(223,179,87,.28)}
.pay-amount-inp::-webkit-outer-spin-button,
.pay-amount-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pay-amount-inp{-moz-appearance:textfield}
.pay-amount-unit{font-size:11.5px;color:var(--txt3);flex:none;white-space:nowrap}

/* ---- 快捷金额 ---- */
.pay-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}
.pay-quick-btn{
  padding:6px 15px;font-size:13px;cursor:pointer;
  font-family:Georgia,serif;font-variant-numeric:tabular-nums;
  background:transparent;border:1px solid var(--line2);color:var(--txt2);transition:.2s;
}
.pay-quick-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(223,179,87,.08)}

/* 提示变红（金额越界） */
.pay-tip.warn{color:var(--bad)}

/* 步骤标题里的可选说明 */
.pay-step-opt{font-size:11px;color:var(--txt3);letter-spacing:0;margin-left:6px;font-weight:400}

@media (max-width:768px){
  .pay-amount-box{max-width:100%;padding:9px 13px}
  .pay-amount-inp{font-size:26px}
}

/* ---- 档位卡的赠送道具 ---- */
.pay-prod-gift{
  display:flex;align-items:center;gap:5px;justify-content:center;
  margin-top:6px;padding:3px 7px;
  font-size:10.5px;color:var(--warn);letter-spacing:.3px;
  background:rgba(224,120,60,.1);border:1px solid rgba(224,120,60,.28);
  line-height:1.35;
}
.pay-gift-ico{width:15px;height:15px;flex:none;object-fit:contain}

/* ---- 图片图标（渠道 / 档位） ---- */
.pay-chan-ico-img{width:20px;height:20px;object-fit:contain;vertical-align:middle}
.pay-prod-ico-img{width:30px;height:30px;object-fit:contain;vertical-align:middle}