/* 外层包装器 - 用于在内容不滚动时实现居中 */
    .carousel-wrapper {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
    }

    /* 轮播容器样式 */
    .carousel-container {
        position: relative;
        transition: justify-content 0.3s ease;
    }

    /* 轮播轨道样式修改 */
	.carousel-track {
		display: flex;
		transition: transform 0.5s ease-out;
		will-change: transform;
		/* 默认左对齐，需要居中时通过JS修改 */
		justify-content: flex-start;
	}
	#indexPart1Carousel .carousel-track .card-item {
        flex: 0 0 auto;
        width: 270px;
        margin-right: 20px;
    }
	#part4Carousel .carousel-track .card-item.item2 {
        flex: 0 0 auto;
        width: 370px;
        margin-right: 20px;
    }

    /* 实验室轮播项样式 */
    #labCarousel .carousel-track .card-item.item3 {
        flex: 0 0 auto;
        width: 280px;
        margin-right: 20px;
    }

    /* 团队轮播项样式 */
    #teamCarousel .carousel-track .part5-item-card {
        flex: 0 0 auto;
        width: 200px; /* 团队卡片宽度 */
        margin-right: 30px; /* 团队卡片间距 */
    }

    /* 最后一个项目去除右边距 */
    .carousel-track > *:last-child {
        margin-right: 0;
    }

    /* 控制按钮 - 确保按钮可点击且在最上层 */
    .carousel-control {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.1);
        color: white;
        border: none;
        width: 40px;
        height: 40px;
        font-size: 20px;
        cursor: pointer;
        z-index: 100; /* 提高z-index确保按钮在内容上方 */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.8;
        visibility: visible;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        padding: 0;
        touch-action: manipulation;
		
		display: flex;
    }
	.carousel-control:hover {
        opacity: 1;
        background: rgba(0, 0, 0, 0.5);
    }

    .carousel-control.prev {
        left: 10px;
    }

    .carousel-control.next {
        right: 10px;
    }
	.part5-carousel-control {
        position: absolute;
        top: 75%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.1);
        color: white;
        border: none;
        width: 40px;
        height: 40px;
        font-size: 20px;
        cursor: pointer;
        z-index: 100; /* 提高z-index确保按钮在内容上方 */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.8;
        visibility: visible;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        padding: 0;
        touch-action: manipulation;
    }
	.part5-carousel-control:hover {
        opacity: 1;
        background: rgba(0, 0, 0, 0.7);
    }
    .part5-carousel-control.prev {
        left: 0;
    }
    .part5-carousel-control.next {
        right: 0;
    }
    

    /* 触摸设备优化 */
    @media (max-width: 1024px) {
        .carousel-control {
            opacity: 1;
            visibility: visible;
        }        
        /* 移动端调整卡片宽度 */
		#indexPart1Carousel .carousel-track .card-item{
			width: 270px;
			margin-right: 10px;
		}
		#part4Carousel .carousel-track .card-item.item2 {
            width: 320px;
			margin-right: 10px;
        }
        #labCarousel .carousel-track .card-item.item3 {
            width: 280px;
			margin-right: 10px;
        }        
        #teamCarousel .carousel-track .part5-item-card {
            width: 160px;
        }
    }
	
	@media (max-width: 768px) {
        .carousel-control {
            opacity: 1;
            visibility: visible;
        }        
        /* 移动端调整卡片宽度 */
		#indexPart1Carousel .carousel-track .card-item{
			width: 270px;
			margin-right: 10px;
		}
		#part4Carousel .carousel-track .card-item.item2 {
            width: 280px;
			margin-right: 10px;
        }
        #labCarousel .carousel-track .card-item.item3 {
            width: 280px;
			margin-right: 10px;
        }        
        #teamCarousel .carousel-track .part5-item-card {
            width: 160px;
        }
    }