/* 轮播容器基本样式 */
.agaw-carousel-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    touch-action: pan-y;
}

/* 轮播幻灯片容器 */
.agaw-carousel-container .carousel-slides {
    display: flex;
    transition: transform 0.5s ease;
    height: 100%;
    will-change: transform;
}

/* 单个幻灯片样式 */
.agaw-carousel-container .carousel-slide {
    flex: 0 0 100%;
    min-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    color: white;
    margin-bottom: 50px;
}

/* 指示器容器 */
.agaw-carousel-container .carousel-indicators {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 12px; /* 增大指示器间距 */
    padding: 5px 0; /* 大幅增加上下内边距 */
    /*bottom: 10px;  调整指示器位置 
    padding: 20px 0; /* 大幅增加上下内边距 */
}

/* 单个指示器样式 */
.agaw-carousel-container .carousel-indicator {
    width: 50px; /* 增大宽度 */
    height: 8px; /* 增大高度 */
    border-radius: 50px;
    opacity: 0.3;
    background-color: rgba(0, 168, 255, 1);
    cursor: pointer;
    transition: all 0.3s ease;
}

.agaw-carousel-container .carousel-indicator.active {
    background-color: rgba(0, 168, 255, 1);
    opacity: 1;
    transform: scale(1.2); /* 增大激活状态的放大效果 */
    box-shadow: 0 0 10px rgba(255,255,255,0.5); /* 添加发光效果 */
}