* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        /* Wrapping Styles区块 */
    .wrapping-styles {
        margin-bottom: 40px;
        margin-top: 40px;
        height: auto;
        overflow: hidden;
        padding: 0 10px; /* 增加左右内边距，避免边缘图片贴边 */
    }
    .wrapping-styles .section-title {
        font-size: 20px;
        color: #000;
        text-align: center;
        clear: both;
        margin-bottom: 20px;
    }
    .wrapping-styles .image-row {
        display: flex;
        justify-content: space-around; /* 左对齐，保证3列布局整齐 */
        align-items: center;
        gap: 20px; /* 列之间的间距 */
        flex-wrap: wrap; /* 超出3列自动换行 */
    }
    .wrapping-styles .image-item {
        width: 20%; /* 核心：3列布局的宽度（3*31% + 2*20px ≈ 100%） */
        min-width: 180px; /* 最小宽度，保证小屏幕不会过窄 */
        text-align: center;
        box-sizing: border-box; /* 避免padding/border影响宽度计算 */
    }
   .wrapping-styles .image-item img {
        max-width: 100%;
        height: auto;
    }

    /* 响应式适配：屏幕小于768px时改为单列 */
@media (max-width: 768px) {
    .wrapping-styles .image-row {
        display: flex;
        justify-content: space-between; /* 两端对齐，2列间距均匀 */
        align-items: center;
        gap: 10px; /* 列之间的间距（适配2列，间距缩小更美观） */
        flex-wrap: wrap; /* 超出2列自动换行 */
        padding: 0 5px; /* 左右留白，避免图片贴边 */
    }
    
    .wrapping-styles .image-item {
        width: calc((100% - 10px) / 2); /* 核心：精准计算2列宽度（总宽度 - 间距）/2，无溢出 */
        min-width: 150px; /* 最小宽度，避免窄屏图片过窄 */
        text-align: center;
        box-sizing: border-box; /* 保证宽度计算准确 */
        margin-bottom: 15px; /* 行间距，区分换行后的图片 */
    }
}


        /* Features区块 */
        .features {
            margin-bottom: 0px;
        }
        
          .features .section-title {
        font-size: 20px;
        color: #000;
        text-align: center;
        clear: both;
        margin-bottom: 20px;
    } 
        .features-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        .features-column {
            float: left;
            width: 31%;
            /*border-bottom: 1px solid #ccc;*/
            padding-bottom: 20px;
        }
        .feature-item2 {
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
            height: 120px;
        }
        .feature-title {
            font-weight: bold;
            margin-bottom: 8px;
        }
        .feature-content {
            font-size: 14px;
            line-height: 1.5;
        }

        /* 第三区块 */
        .empty-section {
            min-height: 100px;
            /*border: 1px dashed #ccc;*/
            margin-top: 0;
             margin-bottom:20px;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .features-grid {
                flex-direction: column;
            }
                  .features-column {
           clear: both;
            width: 100%;
            /*border-bottom: 1px solid #ccc;*/
            padding-bottom: 20px;
        }
        
              .image-item {
            flex: 1;
            min-width: 50vw;
            text-align: center;
            
            
        }
        
          .image-item img {
            max-width: 50vw!important;
            height: auto;
            object-fit: contain; 
             object-position: center; 
        }
        
               .image-row {
          display: grid; /* 替换flex为grid */
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    /*overflow: hidden;*/
            
        }
        
                .feature-item2 {
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
            height: auto;
            padding-bottom: 10px;
        }
        }