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

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

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

.StaffExpertCard { background: #fff; border: 1px solid #eef1f5; }
.StaffExpertAvatar { border-color: #e6ebf5; border-radius: .16rem; }
.StaffExpertAvatar img { border-radius: .12rem; }
.StaffExpertMeta h3 em { background: #f1f4fe; color: #4e6ef2; }
.StaffExpertButton { background: #4e6ef2; }

.StaffShowHero { background: linear-gradient(180deg, #ffffff 0%, #f4f6ff 100%); }
.StaffShowAvatar { border-color: #e6ebf5; border-radius: .2rem; }
.StaffShowAvatar img { border-radius: .16rem; }
.StaffShowMeta h1 em { background: #f1f4fe; color: #4e6ef2; }
.StaffShowSkill { background: #f7f8fc; }
.StaffShowSkill span { color: #4e6ef2; }
.StaffShowTags { display: flex; flex-wrap: wrap; gap: .1rem; }
.StaffShowTags em { padding: 0 .12rem; border-radius: .08rem; background: #f1f4fe; color: #4e6ef2; font-style: normal; font-size: .24rem; line-height: .4rem; }
.StaffShowBlockTitle:before { background: #4e6ef2; }
.StaffShowConsultItem { background: #f7f8fc; border-color: #eef1f5; }
.StaffShowSchoolCard { background: linear-gradient(135deg, #f4f6ff 0%, #fff 100%); border-color: #e6ebf5; }
.StaffShowSchoolMore { background: #4e6ef2; }
.StaffShowMoreItem strong { color: #4e6ef2; }
.StaffShowFooterBar a { background: #f1f4fe; color: #4e6ef2; }
.StaffShowFooterBar .StaffShowFooterMain { background: #4e6ef2; color: #fff; }