@import url("../environment.css");

.EnvHomeHero {
	margin: .16rem .16rem 0;
	padding: .32rem .28rem .28rem;
	border-radius: .2rem;
	background: linear-gradient(135deg, #eef2ff 0%, #fff 72%);
}
.EnvHomeKicker {
	display: inline-block;
	margin-bottom: .1rem;
	padding: 0 .12rem;
	border-radius: .2rem;
	background: rgba(78,110,242,.12);
	color: #4e6ef2;
	font-size: .22rem;
	line-height: .36rem;
	font-weight: 600;
}
.EnvHomeHero h1 { margin: 0 0 .08rem; font-size: .42rem; line-height: .56rem; color: #1a1a1a; font-weight: 700; }
.EnvHomeHero p { margin: 0 0 .2rem; font-size: .24rem; line-height: .36rem; color: #8590a6; }
.EnvHomeSearch {
	display: block;
	height: .72rem;
	line-height: .72rem;
	padding: 0 .24rem;
	border-radius: .16rem;
	background: #fff;
	color: #9aa3b2;
	font-size: .26rem;
	box-shadow: 0 .04rem .16rem rgba(78,110,242,.08);
}
.EnvHomeCats {
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: .16rem .16rem .04rem;
	gap: .12rem;
}
.EnvHomeCats::-webkit-scrollbar { display: none; }
.EnvHomeCats a {
	flex: none;
	height: .56rem;
	line-height: .56rem;
	padding: 0 .2rem;
	border-radius: .28rem;
	background: #fff;
	color: #4e5969;
	font-size: .24rem;
	border: 1px solid #eef1f5;
}
.EnvHomeCats a.on { background: #4e6ef2; border-color: #4e6ef2; color: #fff; }
.EnvShowHead { margin: .16rem .16rem 0; }
.EnvShowKicker {
	display: inline-block; margin-bottom: .08rem; padding: 0 .12rem;
	border-radius: .2rem; background: rgba(78,110,242,.12); color: #4e6ef2;
	font-size: .22rem; line-height: .36rem; font-weight: 600;
}
.EnvShowHead h1 { margin: 0 0 .08rem; font-size: .4rem; line-height: .56rem; color: #1a1a1a; }
.EnvShowMeta { color: #8590a6; font-size: .22rem; }
.EnvShowMeta i { margin-right: .16rem; font-style: normal; }
.env-g { margin: .16rem; }
.env-g-stage {
	position: relative; display: flex; align-items: center; justify-content: center;
	min-height: 4.2rem; background: #f4f6fb; border-radius: .16rem; overflow: hidden;
}
.env-g-stage img { display: block; max-width: 100%; max-height: 6.4rem; }
.env-g-nav {
	position: absolute; top: 50%; width: .64rem; height: .64rem; margin-top: -.32rem;
	border-radius: 50%; background: rgba(255,255,255,.92); color: #1a1a1a;
	font-size: .4rem; line-height: .6rem; text-align: center; text-decoration: none;
}
.env-g-prev { left: .16rem; }
.env-g-next { right: .16rem; }
.env-g-cap { margin: .16rem 0; color: #4e5969; font-size: .26rem; line-height: .4rem; }
.env-g-thumbs {
	display: flex; gap: .12rem; overflow-x: auto; padding-bottom: .08rem;
	-webkit-overflow-scrolling: touch;
}
.env-g-thumbs::-webkit-scrollbar { display: none; }
.env-g-thumb {
	flex: none; width: 1.6rem; height: 1.2rem; overflow: hidden;
	border-radius: .12rem; border: .04rem solid transparent;
}
.env-g-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.env-g-thumb.on { border-color: #4e6ef2; }
.env-g-all-head { margin: .2rem 0 .12rem; color: #8590a6; font-size: .24rem; }
.env-g-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .12rem; }
.env-g-cell {
	display: block; overflow: hidden; border-radius: .12rem;
	border: .04rem solid transparent; background: #f4f6fb;
}
.env-g-cell img { display: block; width: 100%; height: 2.2rem; object-fit: cover; }
.env-g-cell.on { border-color: #4e6ef2; }
.env-lightbox {
	display: none; position: fixed; inset: 0; z-index: 2000;
	align-items: center; justify-content: center; flex-direction: column;
	background: rgba(15,18,32,.92);
}
.env-lightbox.on { display: flex; }
.env-lightbox img { max-width: 94vw; max-height: 78vh; }
.env-lightbox p { margin: .16rem .24rem 0; color: #fff; font-size: .26rem; }
.env-lightbox-close {
	position: absolute; top: .24rem; right: .32rem; color: #fff; font-size: .56rem;
}
.EnvShowSchool {
	display: flex;
	align-items: center;
	gap: .16rem;
	margin: .16rem;
	padding: .18rem .2rem;
	border-radius: .16rem;
	background: #f8f9fd;
	color: #4e6ef2;
	font-size: .26rem;
}
.EnvShowSchool img { width: .72rem; height: .54rem; object-fit: cover; border-radius: .08rem; background: #fff; }
.EnvShowSchool span { color: #8590a6; font-size: .22rem; }
.EnvShowSchool strong { color: #1a1a1a; font-weight: 600; }
.env-m-item { margin: .16rem; border: 1px solid #eef1f5; box-shadow: none; }
.env-m-title { font-weight: 600; }
.env-m-count { background: #4e6ef2; }