/* 基础样式 - 最佳实践：清除 body/html 的默认边距/内边距  -----团队版块 */
    body {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        margin: 0; /* 清除默认边距 */
        padding: 0; /* 清除默认内边距 */
        background-color: #ffffff;
        /* text-align: center;*/
    }

    /* 也可以统一清除 html 和 body 的默认边距和内边距 */
    /* html, body {
        margin: 0;
        padding: 0;
    } */

    /* 主要内容区域：将内边距应用于 section */
    .team-section {
        padding: 20px; /* 控制整个团队模块的上下左右内边距 */
    }

    /* 标题样式 */
    .team-section-title {
        color: #1a4d35; /* 深绿色 */
        font-size: 2.5em;
        margin-bottom: 50px;
        font-weight: bold;
    }

    /* 团队成员容器 */
    .team-members-container {
        display: flex;
        flex-wrap: wrap; /* 允许换行 */
        justify-content: center; /* 居中对齐 */
        gap: 30px; /* 成员卡片之间的间距 */
        max-width: 1400px; /* 最大宽度 */
        margin: 0 auto; /* 居中显示 */
    }

    /* 单个成员卡片样式 */
    .team-member-card {
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        background-color: white;
        border-radius: 8px;
        /* 默认情况下，适用于移动端，占据100%宽度，一排一个 */
        width: 100%;
        max-width: 300px; /* 限制卡片的最大宽度 */
    }

    /* 成员图片容器 */
    .member-image {
        width: 100%;
        padding-bottom: 100%; /* 1:1 比例 */
        position: relative;
        overflow: hidden;
        background-color: #e0e0e0; /* 占位符背景色，接近图中的灰色 */
        border-radius: 4px;
        margin-bottom: 20px;
    }

    /* 实际图片样式 */
    .member-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保持图片比例并填充容器 */
    }

    /* 姓名样式 */
    .member-name {
        font-size: 1.5em;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
    }

    /* 职位样式 */
    .member-title {
        font-size: 1em;
        font-weight: bold;
        color: #555;
        margin-bottom: 15px;
    }

    /* 描述样式 */
    .member-description {
        font-size: 0.9em;
        color: #777;
        line-height: 1.6;
    }

    /* ------------------------------------------- */
    /* PC端媒体查询 (当屏幕宽度大于等于 768px 时) */
    /* ------------------------------------------- */
    @media (min-width: 768px) {
        .team-member-card {
            /* PC端一排4个，计算宽度为 (100% - 3 * gap) / 4 */
            flex-basis: calc(25% - 23px); /* 100%/4 = 25%。减去23px来适应 30px 的 gap */
            max-width: none; /* 移除 max-width 限制，以便 flex-basis 生效 */
        }
    }