/* 团队模块样式 */
       .section#team {
           padding: 80px 0;
           background-color: #f8f9fa;
       }

       .section#team .container {
           width: 100%;
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 20px;
       }

       .section#team .section-title {
           text-align: center;
           margin-bottom: 50px;
       }

       .section#team .section-title h2 {
           font-size: 2.5rem;
           color: #2c6e49;
           margin-bottom: 15px;
           position: relative;
           display: inline-block;
       }

       .section#team .section-title h2::after {
           content: '';
           position: absolute;
           bottom: -10px;
           left: 50%;
           transform: translateX(-50%);
           width: 80px;
           height: 4px;
           background-color: #d68c45;
           border-radius: 2px;
       }

       .section#team .section-title p {
           color: #6c757d;
           max-width: 700px;
           margin: 20px auto 0;
           font-size: 1.1rem;
       }

       /* 团队包装器样式 - 实现横向滚动 */
       .section#team .team-wrapper {
           overflow-x: auto;
           padding-bottom: 15px;
           /* 默认隐藏滚动条 */
           scrollbar-width: none;
           /* Firefox */
           -ms-overflow-style: none;
           /* IE and Edge */
       }

       /* 隐藏 WebKit 浏览器的滚动条 */
       .section#team .team-wrapper::-webkit-scrollbar {
           display: none;
       }

       /* 鼠标悬停时显示滚动条 - 添加尺寸设置 */
       .section#team .team-wrapper:hover::-webkit-scrollbar {
           display: block;
           width: 8px;
           height: 8px;
       }


       .section#team .team-wrapper:hover {
           scrollbar-width: thin;
           /* Firefox */
           -ms-overflow-style: scrollbar;
           /* IE and Edge */
       }

       /* 自定义滚动条样式 */
       .section#team .team-wrapper::-webkit-scrollbar-track {
           background: #f1f1f1;
           border-radius: 10px;
       }

       .section#team .team-wrapper::-webkit-scrollbar-thumb {
           background: #c1c1c1;
           border-radius: 10px;
       }

       .section#team .team-wrapper::-webkit-scrollbar-thumb:hover {
           background: #a8a8a8;
       }

       /* 团队网格样式 - 限制为最多显示5个人 */
       .section#team .team-grid {
           display: flex;
           flex-wrap: nowrap;
           gap: 20px;
           min-width: min-content;
           height: 500px;
           /* 固定高度，确保翻转效果正常 */
       }

       /* 翻转卡片样式 */
       .section#team .team-member {
           flex: 0 0 calc(20% - 16px);
           /* 一行显示5个，减去gap的宽度 */
           height: 100%;
       }

       .section#team .flip-card {
           background-color: transparent;
           width: 100%;
           height: 100%;
           perspective: 1000px;
           position: relative;
       }

       .section#team .flip-card-inner {
           position: relative;
           width: 100%;
           height: 100%;
           text-align: center;
           transition: transform 0.8s;
           transform-style: preserve-3d;
           border-radius: 10px;
           box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       }

       .section#team .flip-card:hover .flip-card-inner {
           transform: rotateY(180deg);
       }

       .section#team .flip-card-front,
       .section#team .flip-card-back {
           position: absolute;
           width: 100%;
           height: 100%;
           -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
           border-radius: 10px;
           overflow: hidden;
           display: flex;
           flex-direction: column;
           background-color: white;
           top: 0;
           left: 0;
       }

       .section#team .flip-card-front {
           z-index: 2;
           /* 确保正面在背面之上 */
           transform: rotateY(0deg);
       }

       .section#team .flip-card-back {
           transform: rotateY(180deg);
           padding: 20px;
           z-index: 1;
           /* 背面在正面之下 */
       }

       /* 成员图片样式 */
       .section#team .member-image {
           height: 280px;
           overflow: hidden;
           flex-shrink: 0;
           /* 防止图片被压缩 */
       }

       .section#team .member-image img {
           width: 100%;
           height: 100%;
           object-fit: cover;
           transition: transform 0.5s ease;
       }

       .section#team .flip-card:hover .member-image img {
           transform: scale(1.1);
       }

       /* 正面信息样式 */
       .section#team .member-info {
           padding: 20px;
           text-align: center;
           flex-grow: 1;
           display: flex;
           flex-direction: column;
       }

       .section#team .member-info h3 {
           color: #4c956c;
           margin-bottom: 5px;
           font-size: 1.2rem;
       }

       .section#team .member-position {
           color: #d68c45;
           font-weight: 500;
           margin-bottom: 15px;
           display: block;
       }

       /* 经验文本样式 - 只显示30个字 */
       .section#team .experience-preview {
           margin-bottom: 15px;
           color: #495057;
           font-size: 0.9rem;
           line-height: 1.4;
           text-align: left;
           /* text-indent: 2em; */
           height: 2.8em;
           /* 大约两行的高度 */
           overflow: hidden;
           display: -webkit-box;
           display: box;
           -webkit-line-clamp: 2;
           line-clamp: 2;
           -webkit-box-orient: vertical;
           box-orient: vertical;

       }

       .section#team .social-links {
           display: flex;
           justify-content: center;
           gap: 15px;
           margin-top: auto;
       }

       .section#team .social-links a {
           display: flex;
           align-items: center;
           justify-content: center;
           width: 36px;
           height: 36px;
           border-radius: 50%;
           background-color: #f8f9fa;
           color: #2c6e49;
           transition: all 0.3s ease;
       }

       .section#team .social-links a:hover {
           background-color: #2c6e49;
           color: white;
           transform: translateY(-3px);
       }

       /* 背面内容样式 */
       .section#team .member-back-info {
           display: flex;
           flex-direction: column;
           height: 100%;
           padding: 15px;
       }

       .section#team .member-back-info h3 {
           color: #4c956c;
           margin-bottom: 5px;
           font-size: 1.2rem;
       }

       .section#team .member-back-info .member-position {
           color: #d68c45;
           font-weight: 500;
           margin-bottom: 15px;
           display: block;
       }

       .section#team .experience-full {
           flex-grow: 1;
           margin: 15px 0;
           text-align: left;
           overflow-y: auto;
           padding-right: 5px;
       }

       .section#team .experience-full h4 {
           color: #4c956c;
           margin-bottom: 10px;
           font-size: 1.1rem;
           border-bottom: 1px solid #e9ecef;
           padding-bottom: 5px;
       }

       .section#team .experience-full p {
           text-indent: 2em;
           line-height: 1.6;
           color: #495057;
           text-align: justify;
       }

       .section#team .back-social-links {
           display: flex;
           justify-content: center;
           gap: 15px;
           margin-top: auto;
       }

       .section#team .back-social-links a {
           display: flex;
           align-items: center;
           justify-content: center;
           width: 36px;
           height: 36px;
           border-radius: 50%;
           background-color: #f8f9fa;
           color: #2c6e49;
           transition: all 0.3s ease;
       }

       .section#team .back-social-links a:hover {
           background-color: #2c6e49;
           color: white;
           transform: translateY(-3px);
       }

       /* 响应式调整 */
       @media (max-width: 1200px) {
           .section#team .team-member {
               flex: 0 0 calc(25% - 15px);
               /* 一行显示4个 */
           }
       }

       @media (max-width: 992px) {
           .section#team .team-member {
               flex: 0 0 calc(33.33% - 14px);
               /* 一行显示3个 */
           }
       }

       @media (max-width: 768px) {
           .section#team .team-member {
               flex: 0 0 calc(50% - 10px);
               /* 一行显示2个 */
           }

           .section#team .team-grid {
               height: 500px;
               /* 减小高度 */
           }

           .section#team .member-image {
               height: 240px;
               /* 减小图片高度 */
           }

           .section#team .section-title h2 {
               font-size: 2rem;
           }
       }

       @media (max-width: 480px) {
           .section#team .team-member {
               flex: 0 0 calc(100% - 10px);
               /* 一行显示1个 */
           }

           .section#team .team-grid {
               height: 450px;
               /* 进一步减小高度 */
           }

           .section#team .member-image {
               height: 220px;
               /* 进一步减小图片高度 */
           }

           .section#team .section-title h2 {
               font-size: 1.8rem;
           }

           .section#team .section-title p {
               font-size: 1rem;
           }
       }