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

/* 院校 H5：首页分类与主题色对齐 #4e6ef2 */

.SchoolHomeHero {
	margin: .16rem .16rem 0;
	padding: .32rem .28rem .28rem;
	border-radius: .2rem;
	background: linear-gradient(135deg, #eef2ff 0%, #fff 72%);
}
.SchoolHomeKicker {
	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;
}
.SchoolHomeHero h1 { margin: 0 0 .08rem; font-size: .42rem; line-height: .56rem; color: #1a1a1a; font-weight: 700; }
.SchoolHomeHero p { margin: 0 0 .2rem; font-size: .24rem; line-height: .36rem; color: #8590a6; }
.SchoolHomeSearch {
	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);
}

.SchoolHomeCats {
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: .16rem .16rem .04rem;
	gap: .12rem;
}
.SchoolHomeCats::-webkit-scrollbar { display: none; }
.SchoolHomeCats 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;
}
.SchoolHomeCats a.on {
	background: #4e6ef2;
	border-color: #4e6ef2;
	color: #fff;
}

.school-show-tags { display: flex; flex-wrap: wrap; gap: .1rem; margin: .12rem 0; padding: 0 .24rem; }
.school-show-tags span {
	padding: 0 .12rem;
	border-radius: .08rem;
	background: #f1f4fe;
	color: #4e6ef2;
	font-style: normal;
	font-size: .24rem;
	line-height: .4rem;
}
.school-m-cover { margin-bottom: .2rem; }
.school-m-cover img { width: 100%; border-radius: .16rem; display: block; }
.school-m-facts {
	background: #f7f8fc;
	padding: .2rem;
	border-radius: .12rem;
	margin-bottom: .2rem;
	font-size: .26rem;
	color: #4e5969;
}
.school-m-facts p { margin: 0 0 .1rem; line-height: 1.6; }
.school-m-facts p:last-child { margin-bottom: 0; }
.school-m-facts strong { display: inline-block; min-width: 1.2rem; margin-right: .12rem; color: #8590a6; font-weight: 500; }
.school-m-facts a { color: #4e6ef2; }
.school-m-badge {
	position: absolute;
	left: .16rem;
	top: .16rem;
	padding: 0 .12rem;
	border-radius: .08rem;
	background: #4e6ef2;
	color: #fff;
	font-size: .22rem;
	line-height: .36rem;
	font-style: normal;
}
.school-filter-chips { display: flex; flex-wrap: wrap; gap: .12rem; padding: 0 .16rem .16rem; }
.school-filter-chips a {
	height: .52rem;
	line-height: .52rem;
	padding: 0 .18rem;
	border-radius: .26rem;
	background: #fff;
	color: #4e5969;
	font-size: .24rem;
	border: 1px solid #eef1f5;
}
.school-filter-chips a.on { background: #4e6ef2; border-color: #4e6ef2; color: #fff; }
.school-staff-meta { color: #8590a6 !important; }

.pages.school-pages,
.school-pages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .12rem;
	height: auto;
	padding: .24rem .16rem .32rem;
	margin: 0;
	background: transparent;
	text-align: center;
}
.school-pages a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: .64rem;
	padding: 0 .24rem;
	margin: 0;
	border: 1px solid #eef1f5;
	border-radius: .12rem;
	background: #fff;
	color: #4e5969;
	font-size: .26rem;
	line-height: .64rem;
}
.school-pages a:hover,
.school-pages a#page-goto {
	border-color: #4e6ef2;
	color: #4e6ef2;
}
.school-pages a#page-goto b { color: #4e6ef2; font-weight: 700; }
.school-pages cite { color: #8590a6; font-size: .22rem; }
.foot-btn .btn-blue { background: #4e6ef2; }