/* =============================================
   Mobile Responsive Overrides
   适用于 theme/functionroom 所有页面
   通过 top.htm 统一引入
   ============================================= */

/* ---- 导航栏菜单间距（top.htm 内联覆盖）---- */
@media (max-width: 1199px) {
    .main_menu nav > ul > li {
        margin-right: 30px !important;
    }
}
@media (max-width: 991px) {
    .main_menu nav > ul > li {
        margin-right: 15px !important;
    }
}

/* ---- Header 移动端基础 ---- */
@media (max-width: 767px) {
    .header_logo img {
        max-height: 50px;
        width: auto;
    }
    .header_container {
        padding: 10px 0;
    }
}

/* =============================================
   首页 index.htm
   ============================================= */

/* Banner 轮播高度 */
@media (max-width: 767px) {
    .hero_banner_section.mb-142 {
        margin-bottom: 40px !important;
    }
    .banner-slider .item .slider-info {
        min-height: 300px !important;
        height: auto !important;
    }
    .hero_banner_inner_d2 .hero_content h1 {
        font-size: 26px !important;
        line-height: 38px !important;
    }
    .hero_banner_inner_d2 .text-center {
        padding-top: 40px !important;
    }
}

/* 服务特色区 section_title_d2 */
@media (max-width: 767px) {
    .section_title_d2 h2 {
        font-size: 22px !important;
    }
    .services_list_d2 {
        flex-direction: column !important;
    }
    .services_position_img {
        display: none;
    }
}

/* 3D 教室实景区块（index.htm & list_image.htm 中的 .service_section） */
@media (max-width: 991px) {
    .service_section {
        position: relative;
        overflow: hidden;
    }
    /* 覆盖 "教室实景" 绝对定位文字 */
    .service_section > div[style*="position: absolute"][style*="font-size: 48px"],
    .service_section > div[style*="font-size: 48px"] {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-size: 26px !important;
        text-align: center;
        padding: 15px;
        width: 100% !important;
    }
    /* 覆盖 iframe 容器的绝对定位 */
    .service_section > div[style*="position: absolute"][style*="1200px"],
    .service_section > div[style*="width: 1200px"] {
        position: relative !important;
        width: 100% !important;
        height: 260px !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 0 auto;
        padding: 0 10px;
        box-sizing: border-box;
    }
    /* "全屏预览" 按钮 */
    .service_section > a[style*="position: absolute"] {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        display: block;
        text-align: center;
        margin: 10px auto 20px;
    }
    .service_section > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* 产品轮播图 */
@media (max-width: 991px) {
    .works_slick_list_d2 img {
        width: 100% !important;
        height: 280px !important;
        object-fit: cover;
    }
}
@media (max-width: 575px) {
    .works_slick_list_d2 img {
        height: 200px !important;
    }
}

/* 十大亮点区块 .yd-box */
@media (max-width: 991px) {
    .testimonial_section[style*="height: 1015px"],
    .testimonial_section[style*="margin-top: 95px"] {
        height: auto !important;
        margin-top: 40px !important;
    }
    .yd-box {
        height: auto !important;
    }
    .yd-image {
        width: 100% !important;
        display: none !important;
    }
    .yd-info {
        position: static !important;
        width: 100% !important;
        margin-left: 0 !important;
        transform: none !important;
        margin-top: 0 !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 15px;
    }
    .yd-info-left,
    .yd-info-right {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        padding-left: 0 !important;
    }
    .yd-info-single,
    .yd-info-left .yd-info-single,
    .yd-info-left .yd-info-single:nth-child(1),
    .yd-info-left .yd-info-single:nth-child(2),
    .yd-info-left .yd-info-single:nth-child(3),
    .yd-info-left .yd-info-single:nth-child(4),
    .yd-info-left .yd-info-single:nth-child(5),
    .yd-info-right .yd-info-single:nth-child(1),
    .yd-info-right .yd-info-single:nth-child(2),
    .yd-info-right .yd-info-single:nth-child(3),
    .yd-info-right .yd-info-single:nth-child(4),
    .yd-info-right .yd-info-single:nth-child(5) {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }

    .testimonial_position_img{
        left: 0 !important;
    }
}

/* 业务特色卡片 pricing_table_d2 */
@media (max-width: 1199px) {
    .pricing_table_d2 .pricing_box {
        width: 48% !important;
        margin-bottom: 20px;
    }
    .pricing_table_d2 {
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    .pricing_table_d2 .pricing_box_header {
        height: auto !important;
    }
    .pricing_table_d2 .pricing_box_header h3 {
        font-size: 28px !important;
    }
}
@media (max-width: 767px) {
    .pricing_table_d2 .pricing_box {
        width: 100% !important;
    }
}

/* 计数器统计区 counterup_aera_d2 */
@media (max-width: 991px) {
    .counterup_aera_d2 {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 0 15px;
    }
    .counterup_aera_d2 .counterup_text {
        width: 50% !important;
        margin-bottom: 20px;
        text-align: center;
    }
    .counterup_aera_d2 .counterup_text::before {
        display: none;
    }
}
@media (max-width: 575px) {
    .counterup_aera_d2 .counterup_text {
        width: 100% !important;
    }
    .counterup_text h3 {
        font-size: 36px !important;
    }
}

/* =============================================
   产品详情页 article_image.htm
   ============================================= */
@media (max-width: 991px) {
    .detail-info {
        width: 100% !important;
        height: auto !important;
        flex-direction: column !important;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .detail-info-image {
        width: 100% !important;
        height: 250px !important;
    }
    .detail-info-text {
        margin-left: 0 !important;
        padding-top: 20px !important;
        width: 100%;
    }
    .detail-info-text-title {
        font-size: 22px !important;
    }
    .detail-info-text-hr {
        width: 100% !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .detail-info-text-lx-qrcode img {
        width: 60px !important;
    }
    .detail-product-head {
        width: 100% !important;
        margin: 30px auto 20px !important;
        height: auto !important;
        flex-wrap: wrap;
        padding: 10px;
        box-sizing: border-box;
    }
    .detail-product-head-title {
        width: auto !important;
        padding: 8px 16px;
    }
    .portfolio_section {
        padding: 100px 0 40px !important;
    }
}
@media (max-width: 575px) {
    .detail-info-image {
        height: 200px !important;
    }
    .detail-info-text-lx {
        flex-direction: column !important;
        gap: 10px;
    }
    .detail-info-text-lx-tel,
    .detail-info-text-lx-qrcode {
        width: 100% !important;
        flex-direction: row !important;
        align-items: center;
        gap: 10px;
    }
    .detail-info-text-lx-tel div:nth-child(2) {
        font-size: 22px !important;
    }
}

/* =============================================
   文章详情页 article_article.htm
   ============================================= */
@media (max-width: 767px) {
    .blog_details_bg {
        padding: 100px 0 0 !important;
    }
    .blog_details_meta .meta_post_text {
        margin-right: 20px !important;
    }
    .post_header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px;
    }
    .blog_details_meta {
        flex-wrap: wrap;
        gap: 10px;
    }
}

/* =============================================
   关于我们 about.htm
   ============================================= */
@media (max-width: 767px) {
    .hero_banner_section_about {
        height: auto !important;
        padding: 40px 0;
    }
    .creative_section {
        padding: 60px 0 5px !important;
    }
    .index-title {
        font-size: 24px !important;
        height: auto !important;
        line-height: 1.4 !important;
        margin-bottom: 20px !important;
    }
    .index-content p {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}

/* =============================================
   联系我们 contact.htm
   ============================================= */
@media (max-width: 991px) {
    .contact_info {
        flex-direction: column !important;
        align-items: center;
    }
    .contact_info_list::before {
        display: none !important;
    }
    .contact_map .d-flex {
        height: 300px !important;
    }
}

/* =============================================
   列表页通用 list_article.htm / list_article_anli.htm
   ============================================= */
@media (max-width: 767px) {
    .blog_page_section {
        padding-top: 30px;
    }
    .gird_item_d2 .blog_thumb img {
        height: 180px !important;
    }
    .gird_item_d2 .blog_content {
        height: auto !important;
    }
    .gird_item_d2 .blog_content > h3 {
        height: auto !important;
    }
}

/* =============================================
   Footer foot.htm
   ============================================= */

/* 页脚表单三列变单列 */
@media (max-width: 767px) {
    .footer_form_input {
        flex-direction: column !important;
    }
    .footer_form_input .form_input_list {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .footer_form_input .form_input_list input {
        width: 100% !important;
    }
}

/* 页脚导航五列变两列再变单列 */
@media (max-width: 991px) {
    .main_footer > div[style*="display: flex"],
    .main_footer > div {
        flex-wrap: wrap !important;
        width: 100% !important;
    }
    .footer_widget_list.footer_menu {
        width: 48% !important;
        margin-bottom: 24px;
    }
}
@media (max-width: 575px) {
    .footer_widget_list.footer_menu {
        width: 100% !important;
    }
    .footer_bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px;
    }
    .footer_bottom_left {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }
}

/* =============================================
   Hero Banner 子页面通用
   ============================================= */
@media (max-width: 767px) {
    .hero_banner_section,
    .hero_banner_section.hero_banner3 {
        min-height: 200px !important;
    }
    .breadcrumb_content H2,
    .breadcrumb_content h2 {
        font-size: 22px !important;
    }
}

/* =============================================
   Section spacing 全局收紧
   ============================================= */
@media (max-width: 767px) {
    .mb-142 { margin-bottom: 50px !important; }
    .mb-123 { margin-bottom: 50px !important; }
    .mb-126 { margin-bottom: 50px !important; }
    .mb-135 { margin-bottom: 50px !important; }
    .mb-140 { margin-bottom: 50px !important; }
    .mb-86  { margin-bottom: 30px !important; }
    .mb-96  { margin-bottom: 30px !important; }
    .mb-114 { margin-bottom: 30px !important; }
    .mb-66  { margin-bottom: 20px !important; }
    .mb-80  { margin-bottom: 24px !important; }
    .mb-77  { margin-bottom: 24px !important; }
    .mb-70  { margin-bottom: 24px !important; }
}

/* =============================================
   section_title 标题全局收紧
   ============================================= */
@media (max-width: 767px) {
    .section_title h2 {
        font-size: 26px;
        line-height: 1.4;
    }
    .section_title h2 span {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .portfolio_section .detail-content img{
        width: 100%  !important;
        height: auto !important;
    }
}