.payment .payment-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px;padding:0 2px}
.payment .payment-family-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:74px;padding:9px 5px;border:1px solid #dbe5f2;border-radius:8px;background:#fff;color:#33445c;font-size:13px}
.payment .payment-family-card img{width:30px;height:30px;object-fit:contain}
.payment .payment-family-card b{position:absolute;right:6px;top:4px;color:#2878d0;font-size:13px}
.payment .payment-family-card.is-active{border:2px solid #2878d0;background:#f3f8ff;color:#1763b5;box-shadow:0 2px 8px rgba(40,120,208,.12)}
.payment .payment-channel-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding:2px;transform:none!important}
.payment .payment-channel-grid .cube-scroll-nav-bar-item{width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
.payment .payment-channel-grid .methodBox{position:relative;display:flex;align-items:center;min-height:86px;padding:10px 8px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;box-sizing:border-box}
.payment .payment-channel-grid .cube-scroll-nav-bar-item_active .methodBox{border:2px solid #2878d0;background:#f4f8ff}
.payment .payment-channel-grid .methodBox>img:first-child{width:30px;height:30px;object-fit:contain;flex:0 0 30px;margin-right:7px}
.payment .payment-channel-grid .info{min-width:0;text-align:left}
.payment .payment-channel-grid .info p{margin:0 0 5px;font-size:13px;line-height:1.25;white-space:normal;word-break:break-word;color:#24364d}
.payment .provider-badge{display:inline-block;padding:1px 5px;border-radius:8px;background:#eaf2fc;color:#2878d0;font-size:10px;line-height:16px}
.payment .pay-limit{margin-top:4px;color:#7b8797;font-size:11px;line-height:1.25;white-space:normal}
.payment .fixed-amount-options{margin:10px 0;padding:12px;background:#f7faff;border-radius:8px}
.payment .fixed-amount-options p{margin:0 0 8px;color:#53657a;font-size:13px}
.payment .fixed-amount-options button{min-width:70px;margin:0 8px 5px 0;padding:8px 12px;border:1px solid #cfdbea;border-radius:6px;background:#fff;color:#2a5f98}
.payment .fixed-amount-options button.is-active{border-color:#2878d0;background:#2878d0;color:#fff}
.payment .pay-username-help{display:block;margin:5px 0 0 20px;color:#8994a3;font-size:11px}
.payment .confirm:disabled{opacity:.55;cursor:not-allowed}
.payment .tips{margin-top:12px;padding:10px 12px;background:#f7faff;border-left:3px solid #4b91dc;color:#596b80}
.payment .tips p{margin:2px 0!important;line-height:1.45}
@media(max-width:400px){.payment .payment-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment .payment-channel-grid{gap:8px}.payment .payment-channel-grid .methodBox{min-height:92px;padding:8px 6px}.payment .payment-channel-grid .methodBox>img:first-child{width:26px;height:26px;flex-basis:26px;margin-right:5px}.payment .payment-channel-grid .info p{font-size:12px}}