html,
body {
    margin: 0;
    padding: 0;
}

.team-main-container{
    background-color: #FEF0D3;
    color:black
}

.team-group {
    width: 90%;
    margin-top: 2.5rem; /* mt-10 对应 10 × 0.25rem = 2.5rem */
    margin-left: auto; /* mx-auto 拆分后的左外边距 */
    margin-right: auto; /* mx-auto 拆分后的右外边距 */
}

.team-group-name {
    font-size: 3vw;
    text-align: center;
}

.team-grid {
    width: 100%; /* 8/10 即 80% */
    text-align: center;
}

.team-member {
    position: relative;
    width: 500px;
    text-align: center;
    display: inline-block;
    margin: 20px;
}

.team-member .background {
    width: 100%;
}

.team-member .avatar {
    position: absolute;
    top: calc(56 / 101 * 100%); /* top-56/101 对应父元素高度的 56/101 比例 */
    left: calc(25 / 102 * 100%); /* left-25/102 对应父元素宽度的 25/102 比例 */
    width: 36%; /* w-36/100 对应父元素宽度的 36% */
    aspect-ratio: 3 / 4; /* aspect-[3/4] 对应宽高比 3:4 */
    border-radius: 15%; /* rounded-[15%] 对应 15% 圆角 */
    overflow: hidden; /* overflow-hidden 直接对应 */
    transform: translateX(-50%) translateY(-50%); /* -translate-x-1/2 和 -translate-y-1/2 合并 */
}

.team-member .avatar img {
    position: absolute;
    min-width: 100%; /* min-w-full 对应最小宽度为父元素的 100% */
    min-height: 100%; /* min-h-full 对应最小高度为父元素的 100% */
    object-fit: cover; /* object-cover 直接对应 */
    top: 50%; /* top-1/2 对应父元素高度的 50% */
    left: 50%; /* left-1/2 对应父元素宽度的 50% */
    transform: translateX(-50%) translateY(-50%); /* 合并 -translate-x-1/2 和 -translate-y-1/2 */
}

.team-member .name {
    position: absolute;
    width: 40%; /* w-40/100 对应父元素宽度的 40% */
    top: calc(21 / 100 * 100%); /* top-2/10 对应父元素高度的 2/10（20%） */
    left: calc(7 / 10 * 100%); /* left-6/11 对应父元素宽度的 6/11 比例（约 54.55%） */
    font-size: 23px; /* text-[1.5vw] 直接对应 1.5vw 的字体大小 */
    font-weight: bold; /* font-bold 对应加粗字体 */
    transform: translateX(-50%)
}

.team-member .introduction {
    position: absolute;
    left: 50%; /* left-50/100 对应父元素宽度的 50% */
    top: 35%; /* top-35/100 对应父元素高度的 35% */
    width: 40%; /* w-40/100 对应父元素宽度的 40% */
    height: 50%; /* h-50/100 对应父元素高度的 50% */
    font-size: 20px; /* text-[13px] 直接对应 13px 的字体大小 */
}