.chapter0-section-00{
    height: 100vh;
    margin: 0; /* 也建议重置 margin */
}

.xu{
    height: 100vh;
    top: 0;
    position: relative;
    /* display: flex; */
    overflow: hidden;
    /* justify-content: center; 
    align-items: center;  */
}

.xu img{
    position: absolute;
}
.xu-image-ting{
    width: 50%;
    height: auto;
    bottom: 6.5%;
    right: -18%;
    z-index: 1;
}

.xu-image-shanshang{
    width: 60%;
    height: auto;
    top: 15%;
    left: -4%;
    z-index: 2;
}

.xu-image-shanxia{
    width: 100%;
    height: auto;
    bottom: 0;
    right: -20%;
    z-index: 2;
}

.xu-inner{
    position: relative;
    width: 20%;
    height: 20vw;
    /* align-items: center; */
    z-index: 3;
    /* text-align: center; */
}

.xu-image-xuzi{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8.5%;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.xu-image-biaotikuang{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20%;
    height: auto;
    transform: translate(-50%, -50%);
    transform-origin: center;
    z-index: 3;
    /* will-change: rotate; */
}

.xu-image-shui{
    width: 100%;
    height: auto;
    top: 0%;
    right: -4%;
    z-index: 2;
}

.chapter0-lunbo{
    position: relative;
    /* height: 50vh; */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 轮播容器样式 */
.carousel-container {
    width: 90%;
    height: 40vh; /* 整体高度为视口高度的50% */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* Swiper轮播样式 */
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* 4:3比例图片容器 */
.slide-image-container {
    width: 100%;
    padding-top: 75%; /* 4:3比例 (3/4 = 0.75) */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例并覆盖容器 */
}

/* 轮播指示器样式 */
.swiper-pagination {
    bottom: 2vh !important; /* 使用vh单位，适配不同屏幕 */
}

.swiper-pagination-bullet {
    width: 1vw;
    height: 1vw;
    margin: 0 0.5vw !important;
    background-color: rgba(255, 255, 255, 0.6);
}

.swiper-pagination-bullet-active {
    background-color: #88b8ac !important;
    transform: scale(1.2);
}