/* 适配小屏幕手机（320px及以下） */
@media (max-width: 320px) {
    .product-name {
        font-size: 14px;
    }
    .current-price {
        font-size: 16px;
    }
    .checkout-btn {
        width: 100px;
        font-size: 14px;
    }
    
    .stats-value {
        font-size: 16px;
    }
    .func-text {
        font-size: 14px;
    }

    .points-value {
        font-size: 24px;
    }
    .rule-text, .points-label {
        font-size: 14px;
    }
    .exchange-btn {
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }

    .user-name {
        font-size: 18px;
    }
    .amount-btn {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
    .recharge-btn {
        width: 100px;
        font-size: 16px;
    }

    
    .deposit-title {
        font-size: 16px;
    }
    .deposit-label, .deposit-amount {
        font-size: 14px;
    }
    .pay-btn {
        width: 100px;
        font-size: 16px;
    }
}

/* 适配大屏幕手机 */
@media (min-width: 420px) {
    .card-avatar, .card-qrcode {
        width: 100px;
        height: 100px;
    }

    .product-img {
        width: 100px;
        height: 100px;
    }
    .category-item {
        font-size: 18px;
    }
    .rule-text {
        font-size: 18px;
    }
    .points-value {
        font-size: 32px;
    }
    .record-title {
        font-size: 20px;
    }


    .user-info {
        padding: 25px 20px;
    }
    .amount-btn {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    .selected-amount, .recharge-btn {
        height: 55px;
        line-height: 55px;
    }

    
    .deposit-item {
        padding: 20px;
    }
    .total-amount, .pay-btn {
        height: 55px;
        line-height: 55px;
    }
}

/* 适配横屏 */
@media (orientation: landscape) {
    .content-wrapper {
        height: calc(100vh - 160px);
    }
    .safety-report {
        bottom: 80px;
    }
}