.person-page { padding: 0 0 .4rem; }
.person-hero { margin: .16rem .24rem 0; padding: .28rem .24rem; border-radius: .16rem; background: #fff; }
.person-hero-kicker {
	display: inline-block; margin-bottom: .08rem; padding: 0 .12rem; height: .36rem; line-height: .36rem;
	border-radius: .2rem; background: rgba(78,110,242,.12); color: #4e6ef2; font-size: .22rem; font-weight: 600;
}
.person-hero h1 { margin: 0 0 .1rem; font-size: .4rem; line-height: .56rem; color: #1a1a1a; }
.person-hero p { margin: 0; color: #646973; font-size: .26rem; line-height: .4rem; }
.person-report { margin-top: .16rem; color: #4e5969; font-size: .24rem; }
.person-report span { display: block; margin-top: .06rem; }
.person-search { margin: .16rem .24rem 0; padding: .2rem .2rem .24rem; border-radius: .16rem; background: #fff; }
.person-tabs { display: flex; flex-wrap: wrap; gap: .12rem; margin-bottom: .16rem; }
.person-tabs a {
	display: inline-flex; align-items: center; height: .56rem; padding: 0 .2rem;
	border-radius: .28rem; background: #f7f8fc; color: #4e5969; font-size: .24rem;
}
.person-tabs a.on { background: #4e6ef2; color: #fff; }
.person-search-bar { display: flex; height: .8rem; border: 1px solid #dbe3f2; border-radius: .12rem; overflow: hidden; }
.person-search-bar input { flex: 1; min-width: 0; height: .8rem; border: 0; padding: 0 .2rem; font-size: .28rem; }
.person-search-bar button { width: 1.6rem; border: 0; background: #4e6ef2; color: #fff; font-size: .28rem; }
.person-guide, .person-empty, .person-result-bar {
	margin: .16rem .24rem 0; padding: .24rem; border-radius: .16rem; background: #fff; color: #646973; font-size: .26rem; line-height: .4rem;
}
.person-empty { background: #fff8f0; }
.person-empty strong { display: block; margin-bottom: .08rem; color: #d9480f; font-size: .32rem; }
.person-card {
	display: flex; gap: .2rem; margin: .16rem .24rem 0; padding: .24rem; border-radius: .16rem; background: #fff;
}
.person-avatar { width: 1.12rem; height: 1.12rem; border-radius: .12rem; overflow: hidden; background: #eef1f5; flex: none; }
.person-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.person-main { flex: 1; min-width: 0; }
.person-name { display: flex; align-items: center; gap: .12rem; margin-bottom: .08rem; }
.person-name strong { font-size: .3rem; color: #1a1a1a; }
.person-name em { padding: 0 .1rem; height: .36rem; line-height: .36rem; border-radius: .08rem; background: #f1f4fe; color: #4e6ef2; font-size: .22rem; font-style: normal; }
.person-main p { margin: 0; color: #646973; font-size: .24rem; line-height: .36rem; }