.carousel-container {
    position: relative;
    width: 1200px;
    margin: 20px 50px;
    overflow: hidden;
    padding: 40px 0;
}

.carousel-track {
    display: flex;
    transition: transform 0.8s cubic-bezier(0.33, 0.85, 0.56, 1.2);
    height: 360px;
    align-items: center;
}

.carousel-item {
    position: absolute;
    width: 400px;
    height: 360px;
    transition: all 0.8s ease;
    cursor: pointer;
    opacity: 1; /* 取消透明度变化 */
    overflow: hidden;
}

.carousel-item img {
    width: 330px;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
    margin-top:10px;
}

.carousel-item.actives {
    transform: translateX(400px) scale(1);
    z-index: 3;
}
.actives img{
    width:400px;
    height:auto;
    margin-top:20px;
}
.carousel-item.prev {
    transform: translateX(0px) scale(1);
    z-index: 1;
}

.carousel-item.next {
    transform: translateX(850px) scale(1);
    z-index: 2;
}

.description-box {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 100;
    width: 400px;
    height:120px;
    transition: opacity 0.4s ease;
}

.carousel-item.active ~ .description-box {
    opacity: 1;
}
.description-text{
    font-size:18px;
    color:#323232;
    font-weight: 600;
    padding-top:30px;
}
.detail-btn {
    padding:5px 20px;
    background: #2298ef;
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
}

.detail-btn:hover {
    background: #a9d1ef;
    transform: translateY(-2px);
}