/* 自定义图标样式 - 支付宝和微信 */

/* 支付宝图标 */
.bi-alipay::before {
    content: "\f134"; /* 使用PayPal图标作为替代 */
    color: #1677FF;
}

/* 当面付和斗拱支付宝统一颜色 */
.alipay-unified-theme .payment-header,
.alipay-theme .payment-header {
    background-color: #1677FF;
    background-image: linear-gradient(135deg, #1988FA 0%, #1677FF 100%);
}

/* 微信图标 */
.bi-wechat::before {
    content: "\F5EB"; /* 使用WhatsApp图标作为替代 */
    color: #07C160;
}

/* 自定义图标颜色 */
.payment-header .payment-icon {
    color: white !important;
}

/* 动画效果 */
.payment-card {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 移动端优化 */
@media (max-width: 767.98px) {
    .payment-header {
        padding: 15px;
    }
    
    .payment-header .payment-icon {
        font-size: 28px;
    }
    
    .payment-content {
        padding: 20px 15px;
    }
    
    .qrcode-container {
        padding: 15px;
        margin: 10px auto;
    }
}