.elementor-kit-474{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
    /* =========================================
       通用响应式修复补丁
       (修复窗口缩小时排版错乱的问题)
       ========================================= */

    /* 1. 针对所有网格布局 (Grid) 的修复 
       适用模块：核心优势、加工能力、合作伙伴、服务保障等
    */
    @media (max-width: 1200px) {
        /* 当窗口小于 1200px (笔记本或非全屏) 时，缩小容器边距 */
        .core-features-dark, 
        .manufacturing-capabilities-dark,
        .industry-applications-dark,
        .service-guarantee-dark,
        .strategic-partners-dark,
        .core-tech-grid-dark,
        .knowledge-base-dark {
            padding: 40px 15px !important; /* 减小内边距 */
        }
    }

    @media (max-width: 992px) {
        /* 当窗口小于 992px (平板竖屏或窄窗口) 时，强制变为 2 列 */
        .features-grid,
        .capabilities-grid,
        .industry-grid,
        .guarantee-grid,
        .partners-grid,
        .tech-grid,
        .kb-grid {
            grid-template-columns: repeat(2, 1fr) !important; /* 强制2列 */
            gap: 20px !important;
        }
        
        /* 针对“来图加工流程”的特殊修复 - 变为上下排列 */
        .process-flow-dark .flow-container {
            flex-direction: column !important;
            gap: 40px !important;
        }
        .process-flow-dark .visual-wrapper {
            height: 350px !important; /* 缩小设备展示区高度 */
        }
        /* 缩小平板和手机模型 */
        .process-flow-dark .device-tablet {
            width: 80% !important;
            right: 10% !important;
        }
        .process-flow-dark .device-phone {
            left: 15% !important;
        }
    }

    @media (max-width: 768px) {
        /* 当窗口小于 768px (手机端) 时，强制变为 1 列 */
        .features-grid,
        .capabilities-grid,
        .industry-grid,
        .guarantee-grid,
        .partners-grid,
        .tech-grid,
        .kb-grid,
        .review-card {
            grid-template-columns: 1fr !important; /* 强制1列 */
        }

        /* 针对“客户评价”的三列变单列 */
        .customer-reviews-dark .reviews-grid {
            grid-template-columns: 1fr !important;
        }

        /* 字体大小微调，防止手机上字太大撑破 */
        h2 { font-size: 1.8rem !important; }
        .main-title { font-size: 2rem !important; }
    }

    /* 2. 针对 Flex 布局 (左右结构) 的修复 
       适用模块：具身机器人、机械加工等
    */
    @media (max-width: 992px) {
        /* 强制变为上下堆叠 */
        .embodied-robot-dark .content-wrapper,
        .machining-dark .content-wrapper {
            flex-direction: column !important;
        }
        
        /* 让图片和文字占满宽度 */
        .embodied-robot-dark .text-col, .embodied-robot-dark .visual-col,
        .machining-dark .text-col, .machining-dark .visual-col {
            width: 100% !important;
            flex: none !important;
        }

        /* 机械加工那个图在左边，手机上希望图在上面，这里反转一下顺序 */
        .machining-dark .content-wrapper {
            flex-direction: column-reverse !important;
        }
    }

    /* 3. 针对 Tab 选项卡 (核心功能) 的修复 */
    @media (max-width: 900px) {
        /* 按钮变堆叠 */
        .tech-tabs-nav {
            flex-direction: column !important;
        }
        .tech-tab-btn {
            width: 100% !important;
            border-radius: 8px !important;
            margin-bottom: 5px;
        }
        /* 内容区域变堆叠 */
        .tech-tab-panel.active {
            flex-direction: column !important;
            text-align: center !important;
        }
        .visual-box {
            flex: none !important;
            width: 100% !important;
            height: 200px !important; /* 缩小全息图高度 */
            margin-bottom: 20px;
        }
        .text-content {
            text-align: left !important;
        }
    }

</style>/* End custom CSS */