/* 全屏滚动样式 */
.swiper-container {
    width: 100%;
    height: 100vh;
}

/* 分页器样式定制 */
.swiper-pagination-bullet {
    width: 0.25rem !important; /* 调整尺寸 */
    height: 0.25rem !important; /* 调整尺寸 */
    background: #000 !important; /* 黑色圆点 */
    opacity: 1 !important; /* 完全不透明 */
    margin: 0.2rem 0 !important; /* 增加间距 */
    display: block !important; /* 确保显示 */
    box-shadow: 0 0 3px rgba(255,255,255,0.5); /* 添加阴影增强可见性 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

.swiper-pagination-bullet-active {
    opacity: 1 !important; /* 活动状态完全不透明 */
    background: #000 !important; /* 黑色 */
    transform: scale(1.3); /* 放大活动状态的点 */
    box-shadow: 0 0 5px rgba(255,255,255,0.8); /* 增强阴影 */
}

/* 垂直分页器位置调整 - 确保一直显示在屏幕中间右边 */
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 0.5rem; /* 调整右侧距离 */
    top: 50%;
    transform: translate3d(0, -50%, 0);
    z-index: 999; /* 提高z-index确保在最上层 */
    opacity: 1 !important; /* 确保始终显示 */
    pointer-events: auto; /* 确保可点击 */
    display: flex !important; /* 强制显示 */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed; /* 固定位置，确保始终显示 */
}

/* 滑动提示箭头 */
.swiper-arrow-hint {
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.4rem;
    height: 0.4rem;
    z-index: 10;
    animation: arrowDown 1.5s infinite ease-in-out;
}

.swiper-arrow-hint:after {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.1rem;
    margin-top: -0.1rem;
}

@keyframes arrowDown {
    0%, 100% {
        opacity: 0.2;
        transform: translateX(-50%) translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateX(-50%) translateY(0.1rem);
    }
}

/* 图片加载动画 */
.swiper-slide img {
    transition: opacity 0.5s ease;
}

.swiper-slide-active img {
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}