/* 主标题和容器基础样式 */
    .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: 20px; /* 增加内容项之间的间距 */
        max-width: 1200px;
        margin: 0 auto 60px auto; 
        padding: 0 10px;
    }

    /* ********** 关键修改：图片在上，文字在下 (垂直布局) ********** */
    .grid-item {
        width: 100%; /* 移动端默认宽度 */
        box-sizing: border-box;
        padding: 20px;
        background-color: #f7f7f7; 
        border-radius: 8px;
        max-width: 400px; 
        min-height: 280px; /* 调整最小高度以适应更大的图片 */
        
        /* 关键：统一为图片在上，文字在下（垂直布局） */
        display: flex;
        flex-direction: column;
        align-items: center; /* 水平居中 */
        text-align: center; /* 确保所有内部块级内容的文本居中 */
        justify-content: center; /* 垂直居中 */
    }

    /* PC 端样式 (min-width: 768px): 3 列排版 */
    @media (min-width: 768px) {
        .grid-item {
            /* 33.33% 减去间距的修正值 */
            width: calc(33.33% - 13.33px); /* 适应 20px 的 gap */
            max-width: none; 
        }
    }

    /* ********** 内部结构：图文容器 ********** */
    .content-wrapper {
        /* 文字容器在下方 */
        flex-grow: 1; /* 允许文字部分占据剩余空间 */
        padding: 0; /* 移除左右填充 */
        order: 2; /* 确保文字在图片下方 */
        padding-top: 10px;
    }
    
    .image-wrapper {
        /* 图片容器在上方 */
        /* 【已修改】：让图片容器占据其父容器（grid-item）的全部宽度 */
        width: 100%; 
        max-width: none; /* 移除限制，让其和 content-wrapper 宽度一致 */
        flex-shrink: 1; 
        height: auto;
        display: flex; 
        align-items: center;
        justify-content: center; /* 图片居中 */
        order: 1; /* 确保图片在文字上方 */
    }

    /* 内部图片样式 */
    .grid-item img {
        width: 100%; 
        height: auto; 
        border-radius: 4px; 
        object-fit: cover;
    }

    /* 内部文本和标题样式 */
    .grid-item h4 {
        margin: 0 0 8px 0;
        text-align: center; /* 确保标题文本居中 */
    }
    
    /* ********** 小标题字号修改 ********** */
    /* 修改 h4 标签内的 span 样式，将其字号改为 18px */
    .grid-item h4 span span {
        font-size: 18px !important; /* 使用 !important 确保覆盖内联样式 */
    }
    
    /* ********** 正文内容字号修改 ********** */
    .grid-item p {
        word-wrap: break-word; 
        overflow-wrap: break-word;
        font-size: 16px; /* 已修改为 16px */
        color: #555;
        line-height: 1.5;
        margin: 0;
        text-align: center; /* 确保正文文本居中 */
    }