@charset "utf-8";
/* 图片列表*/
.lists_images {
	padding: 3rem 0;
}
.lists_images .middle {
	row-gap: 3rem;
	width: calc(100% - 30rem - 2rem);
	align-self: flex-start;
}
.lists_images .middle li {
	text-align: center;
	padding: 0.3rem;
	transition: var(--transition-medium);
	position: relative;
	border: 1px solid #eee;
}
.lists_images .middle > li .preview {
	width: 100%;
	overflow: hidden;
	aspect-ratio: 5/3;
}
.lists_images .middle > li .preview > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: var(--transition-medium);
	background-color: var(--text-color-epic);
}
.lists_images .middle > li .preview_title {
	width: 100%;
	line-height: var(--line-height-bouble);
	font-size: var(--font-size-base);
	padding: 1.5rem 1rem;
	/* background: linear-gradient(to top, var(--background-color-elite), transparent); */
	color: var(--text-color-base);
}
.lists_images .middle > li:hover .preview > img {
	transform: scale(1.03);
}
.lists_images .middle > li:hover .preview_title {
	color: var(--primary-color);
	/* background: linear-gradient(to top, var(--background-color-elite), transparent); */
}

/* 内页图集 */
.innerAtlas {
	padding: 3rem 0;
}
.innerAtlas .top {
	padding: 3rem 0;
	border-bottom: 0.2rem solid var(--border-color-elite);
	column-gap: 2.2rem;
}
.innerAtlas .top .retreat {
	cursor: pointer;
}
.innerAtlas .top .title h2 {
	color: var(--text-color-ordinary);
	font-size: var(--font-size-extraLarge);
	font-weight: bold;
	line-height: var(--line-height-bouble);
	margin-bottom: 2.5rem;
}
.innerAtlas .top .date span {
	color: var(--text-color-legend);
	font-size: var(--font-size-small);
	margin-right: 3rem;
	display: inline-block;
}
.innerAtlas .content {
	padding-top: 2rem;
}
.innerAtlas .content .gallery-top .picture {
	width: 100%;
	object-fit: contain;
}
.innerAtlas .content .gallery-thumbs .picture {
	width: 100%;
	object-fit: contain;
}
.innerAtlas .content .gallery-top .swiper-button-prev,
.innerAtlas .content .gallery-top .swiper-button-next {
	font-size: var(--font-size-max);
	color: var(--text-color-epic);
	background-color: #ddd;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
}
.innerAtlas .content .gallery-top .swiper-button-prev {
	left: 1rem;
}
.innerAtlas .content .gallery-top .swiper-button-next {
	right: 1rem;
}
.innerAtlas .content .gallery-thumbs {
	margin-top: 3rem;
}
.innerAtlas .content .gallery-thumbs .swiper-slide {
	opacity: 0.5;
	cursor: pointer;
}
.innerAtlas .content .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}