/* ------------------------ 证书认证版块样式 (.certification-section) ------------------------------------- */

.certification-section {
    background-color: #f5f5f5; /* 假设为白色背景，与效果图匹配 */
    padding: 60px 20px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center; /* 保持主标题和描述居中 */
}

/* 认证内容网格容器 */
.cert-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    /* PC 端默认 4 列布局 */
    flex-wrap: wrap; 
    justify-content: space-between;
    gap: 30px; /* 间距 */
}

/* 单个认证项目 */
.cert-item {
    /* PC 端：每行 4 个，计算宽度并预留 gap */
    flex: 0 0 calc(25% - 22.5px); /* (100% - 3*30px gap) / 4 */
    max-width: calc(25% - 22.5px);
    text-align: left; /* 文本内容左对齐 */
}

/* 证书图片容器 */
.cert-image-wrapper {
    margin-bottom: 20px;
    /* 调整图片容器的边框和阴影，模拟效果图中的证书卡片感 */
    border: 1px solid #e0e0e0;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* 已取消此行 */
    padding: 10px;
}

/* 证书图片 */
.cert-image {
    display: block;
    width: 100%;
    height: auto;
}

/* 认证标题 */
.cert-title {
    font-weight: bold;
    line-height: 1.4;
    /* color: #0f403f; 已在 HTML 内联 */
}

/* 认证描述 */
.cert-description {
    font-size: 14px;
    color: #7f8c8d;
    line-height: 1.6;
}


/* ==================== 响应式设计 ==================== */

/* 平板 (max-width: 1024px) 调整为每行 2 个 */
@media (max-width: 1024px) {
    .cert-grid {
        gap: 20px;
    }
    .cert-item {
        /* 平板端：每行 2 个，计算宽度并预留 gap */
        flex: 0 0 calc(50% - 10px); /* (100% - 1*20px gap) / 2 */
        max-width: calc(50% - 10px);
    }
}

/* 手机移动端 (max-width: 768px) 调整为每行 1 个 */
@media (max-width: 768px) {
    .certification-section {
        padding: 40px 15px; /* 减小内边距 */
    }
    .section-description {
        margin-bottom: 30px !important;
    }
    .cert-grid {
        flex-direction: column; /* 垂直堆叠 */
        gap: 30px; /* 垂直间距 */
    }
    .cert-item {
        /* 手机端：每行 1 个，占据 100% 宽度 */
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    .cert-description {
         font-size: 16px;
    }
}