.banner-section {
    width: 60%; /* 直接缩小整个banner区域 */
    height: 0;
    padding-bottom: 30%; /* 50% × 80% */
    max-height: 36vh; /* 60vh × 80% */
    background-color: transparent;
    position: relative;
    overflow: hidden;
    margin: 0 auto; /* 居中 */
    margin-top: 5vh;
    border-radius: 20px;
}

/* 内部容器保持100%填充 */
.banner-container {
    width: 100%; /* 恢复100% */
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.banner-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.banner-item.active {
    opacity: 1;
    z-index: 10;
}

.banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}