@charset "utf-8";
*{margin:0; padding:0; list-style:none; box-sizing:border-box;}
img{border:0; vertical-align:top; max-width:100%; display:block; border:none; }
a{text-decoration:none; color:#333; transition:all 0.3s;}
input,textarea,button{outline:none;}
em{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
hr{border:none;} 
.container{width:84%; margin:0 auto;  } 
body{overflow-x:hidden; background:#FAF9F6; color:#333;}

  
        *
        {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
		.title
        {
            margin: 27vh 0;
            font-size: 16vw;
            letter-spacing: 0.3vw;
            text-shadow: 6px 6px 18px #ccc;
            -webkit-text-stroke: 3px #333;
            text-align: center;
            color: #333;
        }
        
.banner{width:100%;height:auto;}
.banner img{width:100%; height: auto; overflow: hidden}
.swiper-container {
    width: 100%;
    height:100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img{
    width: 100%;
    height:100%;
}
.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #aaa;
    opacity:1;
}
.swiper-pagination-bullet-active {
    background: #fff;
}
 
 
 
        .wrap
        {
            width: 84%;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0;
        }
        
        /* 海报容器：跨2列3行 */
        .item-poster
        {
            grid-column: span 2;
            grid-row: span 3;
        }
        /* 图片通用样式 */
        .wrap img
        {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        /* 海报比例：1200:800 = 3/2 */
        .item-poster img
        {
            aspect-ratio: 3 / 2;
        }
        /* 所有小图强制正方形 */
        .wrap > div:not(.item-poster) img
        {
            aspect-ratio: 1 / 1;
        }
        
        @media screen and (max-width:1500px)
        {
            .wrap
            {
                width: 84%;
            }
            .title
            {
                margin: 27vh 0;
				font-family: "微软雅黑";
                font-size: 16vw;
                letter-spacing: 0.3vw;
                text-shadow: 6px 6px 18px #ccc;
                -webkit-text-stroke: 3px #333;
                text-align: center;
                color: #333;
            }
        }