.payment-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:99999;display:flex;justify-content:flex-end;align-items:flex-end;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal{background:white;border-radius:.8rem .8rem 0 0;width:100%;max-height:70vh;overflow:hidden;box-shadow:0 -.2rem 1rem #00000026;animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.payment-header{position:relative;padding:.4rem .75rem .6rem;display:flex;flex-direction:column;align-items:center}.payment-header .drag-handle{width:2rem;height:.2rem;background-color:#d8d8d8;border-radius:.1rem;margin-bottom:.5rem}.payment-header .drag-handle:before{content:"";position:absolute;top:-.5rem;left:50%;transform:translate(-50%);width:5rem;height:1.5rem}.payment-header .payment-title{font-size:.75rem;font-weight:500;color:#333;text-align:center}.payment-content{padding:.75rem}.payment-amount-section{text-align:center;padding:.75rem 0;border-bottom:.025rem solid #f0f0f0;margin-bottom:.5rem}.payment-amount-section .amount-label{font-size:.7rem;color:#999;margin-bottom:.4rem;display:block}.payment-amount-section .amount-display{display:flex;align-items:baseline;justify-content:center}.payment-amount-section .amount-display .currency-symbol{font-size:1.1rem;color:#ff6b35;font-weight:600;margin-right:.2rem}.payment-amount-section .amount-display .amount-value{font-size:1.5rem;color:#ff6b35;font-weight:700;line-height:1}.payment-method-card{display:flex;align-items:center;padding:.45rem .55rem;background:white;border-radius:.3rem;margin-bottom:.5rem}.payment-method-card .payment-icon-wrapper{width:1.2rem;height:1.2rem;margin-right:.4rem;display:flex;align-items:center;justify-content:center}.payment-method-card .payment-icon-wrapper .payment-icon{width:100%;height:100%}.payment-method-card .payment-name{flex:1;font-size:.7rem;color:#333;font-weight:400}.payment-method-card .payment-selected-icon{width:.9rem;height:.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.payment-method-card .payment-selected-icon .check-mark{color:#fff;font-size:.6rem;font-weight:700;line-height:1}.payment-tips{padding:0}.payment-tips .tip-title{font-size:.65rem;color:#666;font-weight:500;margin-bottom:.3rem;display:block}.payment-tips .tip-item{font-size:.6rem;color:#999;line-height:1.8;margin-bottom:.2rem;display:block}.payment-tips .tip-item:last-child{margin-bottom:0}.payment-actions{padding:0 1rem 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.payment-actions .pay-btn{width:100%;height:2.4rem;border-radius:1.2rem;font-size:.85rem;font-weight:600;border:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;background:linear-gradient(135deg,#ff6b35 0%,#ff5722 100%);color:#fff;box-shadow:0 .2rem .6rem #ff6b3559}.payment-actions .pay-btn:hover{background:linear-gradient(135deg,#ff5722 0%,#e64a19 100%);box-shadow:0 .3rem .8rem #ff6b3573}.payment-actions .pay-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.payment-actions .payment-check-section{margin-top:.6rem;display:flex;flex-direction:column;align-items:center}.payment-actions .payment-check-section .countdown-text{font-size:.65rem;color:#999;text-align:center;line-height:1.5}.payment-actions .payment-check-section .check-payment-btn{width:100%;height:2.2rem;border-radius:1.1rem;font-size:.75rem;font-weight:500;border:.05rem solid #027AFF;background:white;color:#027aff;display:flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box}.payment-actions .payment-check-section .check-payment-btn:hover{background:#f0f8ff}.payment-actions .payment-check-section .check-payment-btn:disabled{opacity:.5;cursor:not-allowed}