/**
 * 文章作者卡：头像 + 名称 + 简介 + 日期
 */
.shen-author {
	--shen-author-max: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 30px 34px;
	border-radius: 8px;
	background-color: #f7f8fc;
	text-align: center;
}

/* 头像：图标 / 首字用色块，图片自适应填满 */
.shen-author__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 72px;
	height: 72px;
	margin-bottom: 22px;
	overflow: hidden;
	border-radius: 14px;
	background-color: #101a3a;
	color: #fff;
	font-size: 30px;
	line-height: 1;
}
.shen-author.avatar-image .shen-author__avatar,
.shen-author.avatar-gravatar .shen-author__avatar {
	background-color: transparent;
}
.shen-author__avatar i {
	display: block;
	font-style: normal;
	line-height: 1;
}
.shen-author__avatar svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
	stroke: none;
}
.shen-author__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.shen-author__initials {
	display: block;
	font-weight: 700;
	line-height: 1;
}

/* 提升优先级：小部件可能放在文章正文内，需覆盖正文标题的边距与下边框 */
.shen-author .shen-author__name,
.shen-article-content .shen-author .shen-author__name {
	max-width: var(--shen-author-max);
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	color: #16234a;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	overflow-wrap: break-word;
}
.shen-author__name a {
	color: inherit;
	border: 0;
	text-decoration: none;
	transition: color .18s ease;
}
.shen-author__name a:hover { color: #1d4ed8; }

.shen-author__desc {
	max-width: var(--shen-author-max);
	margin-bottom: 18px;
	color: #3f4859;
	font-size: 15px;
	line-height: 1.85;
}
.shen-author .shen-author__desc > :first-child { margin-top: 0; }
.shen-author .shen-author__desc > :last-child { margin-bottom: 0; }
/* 正文内的 p 有 justify 对齐与下边距，这里要重置 */
.shen-author .shen-author__desc p {
	margin: 0 0 8px;
	text-align: inherit;
}

.shen-author__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px 12px;
	max-width: var(--shen-author-max);
	color: #8b93a3;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: .5px;
}
.shen-author__sep {
	color: #c6ccd8;
}

/* 窄屏：日期换行时左右留白不至于顶到边缘 */
@media (max-width: 767px) {
	.shen-author {
		padding: 28px 18px 24px;
	}
	.shen-author__avatar {
		width: 60px;
		height: 60px;
		margin-bottom: 16px;
	}
	.shen-author .shen-author__name,
	.shen-article-content .shen-author .shen-author__name { font-size: 19px; }
	.shen-author__desc { font-size: 14px; }
	.shen-author__meta { font-size:13px; }
}

@media (prefers-reduced-motion: reduce) {
	.shen-author__name a { transition: none; }
}
