/* mobile-productSCRM.css - SCRM产品页面移动端适配 */
@media (max-width: 1200px) {
    /* ==================== Top Header ==================== */
    .top {
        background-size: 100% auto;
        height: auto;
        min-height: 5rem;
        padding-bottom: .5rem;
    }

    .top_main {
        flex-direction: column;
        padding: 0 .3rem;
        margin-top: .3rem;
        gap: .5rem;

    }

    .top_main_left {
        padding-top: .3rem;
        text-align: center;
    }

    .top_main_left_label {
        font-size: .12rem;
        padding: .04rem .12rem;
        margin-bottom: .12rem;
    }

    .top_main_left_header {
        font-size: .32rem;
        margin-bottom: .12rem;
        line-height: 1.3;
    }

    .top_main_left_title {
        font-size: .18rem;
        margin-bottom: .12rem;
    }

    .top_main_left_desc {
        font-size: .14rem;
        line-height: .26rem;
        max-width: 100%;
        margin-bottom: .2rem;
    }

    .top_main_left_buttons {
        justify-content: center;
    }

    .btn-primary,
    .btn-secondary {
        padding: .12rem .24rem;
        font-size: .14rem;
    }

    .top_main_right {
        display: none;
    }

    /* 客服图标 */
    .chat_icon {
        width: .8rem;
        height: .8rem;
    }

    .top_pic .er {
        width: 1.2rem;
        height: 1.2rem;
        right: .8rem;
    }

    .top_pic .er img {
        width: .8rem;
        height: 1rem;
        margin: 8px 10px;
    }

    /* ==================== Why Choose Section ==================== */
    .scrm_why {
        padding: .8rem .3rem;
    }

    .scrm_why_title {
        font-size: .3rem;
        margin-bottom: .16rem;
    }

    .scrm_why_desc {
        font-size: .15rem;
        margin-bottom: .5rem;
    }

    .scrm_why_cards {
        flex-direction: column;
        gap: .3rem;
    }

    .scrm_why_card {
        max-width: 100%;
        padding: .4rem .3rem;
    }

    .scrm_why_card_icon {
        width: .5rem;
        height: .5rem;
        margin-bottom: .12rem;
    }

    .scrm_why_card_title {
        font-size: .18rem;
        margin-bottom: .08rem;
    }

    .scrm_why_card_desc {
        font-size: .13rem;
        line-height: .22rem;
        margin-bottom: .15rem;
    }

    .scrm_why_card_image {
        height: 1.5rem;
    }

    /* ==================== Communication Section ==================== */
    .scrm_communication {
        padding: .8rem .3rem;
    }

    .scrm_communication_header {
        font-size: .3rem;
        margin-bottom: .12rem;
    }

    .scrm_communication_desc {
        font-size: .15rem;
        margin-bottom: .4rem;
    }

    .scrm_communication_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: .15rem;
        margin-bottom: .4rem;
    }

    .scrm_communication_item {
        padding: .3rem .2rem;
    }

    .scrm_communication_icon {
        font-size: .28rem;
        margin-bottom: .08rem;
    }

    .scrm_communication_item_title {
        font-size: .13rem;
    }

    .scrm_communication_summary p {
        font-size: .14rem;
        line-height: .26rem;
    }

    /* ==================== Management Section ==================== */
    .scrm_management {
        padding: .8rem .3rem;
    }

    .scrm_management_header {
        font-size: .3rem;
        margin-bottom: .12rem;
    }

    .scrm_management_desc {
        font-size: .15rem;
        margin-bottom: .5rem;
    }

    .scrm_management_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: .2rem;
    }

    .scrm_management_item {
        padding: .3rem .2rem;
    }

    .scrm_management_icon {
        width: .5rem;
        height: .5rem;
        margin-bottom: .1rem;
    }

    .scrm_management_title {
        font-size: .15rem;
        margin-bottom: .06rem;
    }

    .scrm_management_desc {
        font-size: .12rem;
        line-height: .2rem;
    }

    /* ==================== Achievement Section ==================== */
    .scrm_achievement {
        padding: .8rem .3rem;
    }

    .scrm_achievement_header {
        font-size: .3rem;
        margin-bottom: .12rem;
    }

    .scrm_achievement_desc {
        font-size: .15rem;
        margin-bottom: .5rem;
        max-width: 100%;
    }

    .scrm_achievement_cards {
        flex-direction: column;
        gap: .3rem;
    }

    .scrm_achievement_card {
        padding: .4rem .3rem;
    }

    .achievement_card_header {
        margin-bottom: .2rem;
    }

    .achievement_icon {
        width: .5rem;
        height: .5rem;
    }

    .icon-main {
        font-size: .24rem;
    }

    .achievement_title {
        font-size: .18rem;
        margin-bottom: .04rem;
    }

    .achievement_desc {
        font-size: .13rem;
        line-height: .22rem;
    }

    .achievement_card_image {
        height: 1.8rem;
        margin-bottom: .2rem;
    }

    .achievement_features {
        gap: .1rem;
    }

    .achievement_feature {
        font-size: .13rem;
    }

    /* ==================== CTA Section ==================== */
    .scrm_cta {
        padding: 1rem .3rem;
    }

    .scrm_cta_title {
        font-size: .28rem;
        margin-bottom: .15rem;
    }

    .scrm_cta_desc {
        font-size: .15rem;
        margin-bottom: .3rem;
    }

    .scrm_cta_btn a {
        padding: .14rem .4rem;
        font-size: .16rem;
    }

    /* ==================== Footer ==================== */
    .footer {
        flex-direction: column;
        padding: .6rem .3rem;
        text-align: center;
        gap: .3rem;
    }

    .footer_title {
        font-size: .16rem;
        margin-bottom: .15rem;
    }

    .footer_item {
        font-size: .13rem;
        margin-bottom: .08rem;
    }
}

/* 超小屏幕适配（小于375px） */
@media (max-width: 374px) {
    .top_main_left_header {
        font-size: .3rem;
    }

    .top_main_left_title {
        font-size: .16rem;
    }

    .scrm_why_title,
    .scrm_communication_header,
    .scrm_management_header,
    .scrm_achievement_header,
    .scrm_cta_title {
        font-size: .26rem;
    }

    .scrm_management_grid {
        grid-template-columns: 1fr;
    }

    .scrm_communication_grid {
        grid-template-columns: 1fr;
    }
}