/* mobile-productOnline.css - 在线中心页专属H5适配（完全对齐价格页逻辑） */
@media (max-width: 1200px) {
    /* ========== 在线中心页顶部主视觉适配 ========== */
    .top{
        margin-bottom: .5rem;
        padding: 0;
    }
    .top_main {
        padding: 0.2rem;
        flex-direction: column; /* 仅堆叠布局，不修改其他样式 */
        margin-top: .5rem;
    }
    .top_main_left {
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 0.3rem;
    }
    .top_main_left_header {
        font-size: 0.32rem;
        margin-bottom: 0.2rem;
        line-height: 1.4;
    }
    .top_main_left_title {
        font-size: 0.22rem;
        margin-bottom: 0.15rem;
    }
    .top_main_left_desc {
        font-size: 0.18rem;
        padding: 0 0.1rem;
        line-height: 1.4;
    }
    .top_main_right {
        width: 100%;
        height: 1.8rem; /* 仅改高度，不碰背景图 */
    }

    /* ========== 产品功能模块适配 ========== */
    .product_header {
        font-size: 0.28rem;
        margin: 1rem 0 0.5rem;
        text-align: center;
    }
    .product_item1, .product_item2, .product_item3 {
        flex-direction: column;
        padding: 0 0.2rem;
        margin-bottom: 1rem; /* 仅改间距，不碰其他 */
    }
    .product_item1_left, .product_item1_right,
    .product_item2_left, .product_item2_right,
    .product_item3_left, .product_item3_right {
        width: 100%;
    }
    /* 调整模块1/3的顺序，和价格页布局逻辑一致 */
    .product_item1_left, .product_item3_left {
        order: 2;
        margin: 0.3rem auto;
    }

    .product_item1_left > div, .product_item3_left > div {
        flex: 1;
        width: 100%;
        margin: 0;
        min-width: auto;
    }
    .product_item2_right > div, .product_item3_right > div {
        flex: 1;
        width: 100%;
        margin: 0;
        min-width: auto;
    }

    .product_item1_right, .product_item3_right {
        order: 1;
        height: 1.8rem;
    }
    .product_item1_header, .product_item2_header, .product_item3_header {
        font-size: 0.24rem;
        text-align: center;
        margin-bottom: 0.2rem;
    }
    .product_item1_desc, .product_item2_desc, .product_item3_desc {
        font-size: 0.16rem;
        line-height: 1.4;
        padding: 0 0.1rem;
    }
    .product_item1_title {
        font-size: 0.16rem;
        text-align: center;
        margin-top: 0.2rem;
    }
    .product_item2_left img, .product_item3_right img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        object-fit: cover;
        max-height: 2rem;
    }

    /* ========== 底部CTA板块适配（对齐价格页forth样式） ========== */
    .forth {
        padding: 0.5rem 0.2rem;
        text-align: center;
        margin-top: 0.5rem;
        margin-left: 0.2rem;
        margin-right: 0.2rem;
    }
    .forth_title {
        font-size: 0.28rem;
        margin-bottom: 0.2rem;
    }
    .forth_desc {
        font-size: 0.18rem;
        margin-bottom: 0.3rem;
    }
    .forth_btn {
        padding: 0.15rem 0.5rem;
        font-size: 0.2rem;
        margin-bottom: .5rem;
    }

    /* ========== 页脚适配（完全对齐价格页footer样式） ========== */
    .footer {
        display: flex;
        flex-wrap: wrap;
        padding: 0.5rem 0.2rem;
        margin-top: 0.5rem;
    }
    .footer > div {
        width: 50%;
        margin-bottom: 0.3rem;
    }
    .footer_title {
        font-size: 0.2rem;
        margin-bottom: 0.15rem;
    }
    .footer_item {
        font-size: 0.16rem;
        margin-bottom: 0.1rem;
    }

    /* ========== 滚动动画适配（对齐价格页动画逻辑） ========== */
    .product_item1, .product_item2, .product_item3 {
        opacity: 0;
        transform: translateY(0.3rem);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }
    .product_item1.visible, .product_item2.visible, .product_item3.visible {
        opacity: 1;
        transform: translateY(0);
        padding: 15px 0;
    }
}

/* ========== 小屏手机（375px以下）极致适配（对齐价格页） ========== */
@media (max-width: 375px) {
    .top_main_left_header {
        font-size: 0.28rem;
    }
    .product_header {
        font-size: 0.24rem;
    }
    .product_item1_header, .product_item2_header, .product_item3_header {
        font-size: 0.22rem;
    }
    .product_item1_desc, .product_item2_desc, .product_item3_desc {
        font-size: 0.16rem;
    }
    .forth_title {
        font-size: 0.24rem;
    }
}

/* ========== 桌面端隐藏（对齐价格页逻辑） ========== */
@media (min-width: 1201px) {
    /* 保持原有样式，不做任何修改 */
}