/* 主标题和容器基础样式 (已添加全局字体) */
    .partner-section {
        padding: 20px 5px; 
        background-color: #ffffff;
        /* 关键修改：统一字体 */
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    }
    
    /* 子标题样式 (已移除下划线) */
    .sub-section-title {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .sub-section-title span {
        color: #0f403f;
        font-size: 24px; 
        display: inline-block;
        padding: 5px 20px;
        font-weight: bold;
    }

    /* ********** 核心：外部网格容器 (实现一行3列) ********** */
    .grid-section-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px; /* 内容项之间的间距 */
        max-width: 1200px;
        margin: 0 auto 60px auto; 
        padding: 0 10px;
    }

    /* 默认移动端样式：1 列，内容项宽度 100% */
    .grid-item {
        width: 100%; 
        box-sizing: border-box;
        padding: 20px;
        background-color: #f7f7f7; 
        border-radius: 8px;
        max-width: 400px; 
        
        /* 移动端内容项内部结构：上文下图 */
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center; /* 移动端文本居中 */
    }

    /* PC 端样式 (min-width: 768px): 3 列排版 */
    @media (min-width: 768px) {
        .grid-item {
            /* 33.33% 减去间距的修正值 */
            width: calc(50% - 20px); 
            max-width: none; 
            
            /* PC端内容项内部结构：右图左文 (R-L) */
            flex-direction: row-reverse; 
            text-align: left; /* 文本靠左对齐 */
            min-height: 180px; 
            align-items: center; 
            overflow: hidden; /* 修复溢出：确保内容不会超出灰色底框 */
        }
    }

    /* ********** 内部结构：图文容器 ********** */
    .content-wrapper {
        /* PC端：左文。占据更大空间 */
        flex-grow: 1; 
        padding-right: 0; 
        padding-left: 15px; /* 间距分隔文本与右侧图片 */
    }
    
    .image-wrapper {
        /* PC端：右图。占据较小空间 */
        flex-shrink: 0;
        /* 减小宽度，确保在父容器 padding 区域内有足够空间 */
        width: 35%; 
        max-width: 150px; /* 图片最大宽度 */
        /* 确保图片容器不会因为图片高度过大而伸展过长 */
        height: 100%; 
        display: flex; /* 确保内部图片居中或对齐 */
        align-items: center;
        /* 强制图片内容靠右，利用 grid-item 的 padding */
        justify-content: flex-end; 
    }

    /* 移动端覆盖样式 */
    @media (max-width: 767px) {
        .content-wrapper {
            /* 移动端文案在上方，占据全部宽度 */
            padding-right: 0; 
            padding-left: 0; 
            padding-bottom: 15px; 
            text-align: center; /* 移动端保持居中 */
        }

        .image-wrapper {
            /* 移动端图片在下方，宽度自适应 */
            width: 50%;
            max-width: 150px;
            height: auto;
        }
    }

    /* 内部文本和标题样式 */
    .grid-item img {
        width: 100%;
        height: auto; /* 允许图片按比例缩放 */
        border-radius: 4px; 
        object-fit: cover;
    }

    .grid-item h4 {
        margin: 0 0 8px 0;
    }

    .grid-item p {
        word-wrap: break-word; 
        overflow-wrap: break-word;
        font-size: 14px; /* 正文内容字号为 14px */
        color: #555;
        line-height: 1.5;
        margin: 0;
    }