/* 通用广告项样式 */
.ad-group-row img,
.ad-carousel img,
.static-ad-item img {
    width: 100%;
    height: auto;
    display: block; /* 防止图片下方出现多余空隙 */
}

/* --- 轮播专属样式 --- */

/* 单个轮播单元格的容器 */
.ad-carousel {
    position: relative;
    width: 100%;
    height: 100%; /* 允许 JS 为垂直轮播设置高度 */
    overflow: hidden;
}

/* 实现滚动的内部容器 */
.carousel-container {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

/* 轮播中的单个幻灯片 */
.carousel-slide {
    flex-shrink: 0; /* 防止幻灯片被压缩 */
    width: 100%;
    height: 100%;
}

/* --- 轮播方向样式 --- */

/* 水平轮播 (默认) */
.carousel-horizontal .carousel-container {
    flex-direction: row;
}

/* 垂直轮播 */
.carousel-vertical .carousel-container {
    flex-direction: column;
}