/**
 * 文章重点：编号栅格列表
 */
.shen-hlbox {
	padding: 34px 40px;
	border-radius: 10px;
	background-color: #eef1fb;
}

.shen-hlbox.is-empty {
	color: #6b7688;
	font-size: 14px;
	text-align: center;
}

/* ---- 标题行 ---- */
.shen-hlbox__head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 26px;
}

.shen-hlbox__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #1d4ed8;
	font-size: 18px;
	line-height: 1;
}
.shen-hlbox__icon i {
	display: block;
	font-style: normal;
	line-height: 1;
}
.shen-hlbox__icon svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
	stroke: none;
}

/* 提升优先级：小部件可能位于文章正文内，需覆盖正文标题的边距与下边框 */
.shen-hlbox .shen-hlbox__heading,
.shen-article-content .shen-hlbox .shen-hlbox__heading {
	margin: 0;
	padding: 0;
	border: 0;
	color: #16234a;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}

/* ---- 条目栅格 ---- */
.shen-hlbox .shen-hlbox__list,
.shen-article-content .shen-hlbox .shen-hlbox__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 40px;
	row-gap: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

/* 先纵向排列：1 3 / 2 4 */
.shen-hl-flow-column .shen-hlbox__list {
	grid-auto-flow: column;
}

.shen-hlbox .shen-hlbox__item,
.shen-article-content .shen-hlbox .shen-hlbox__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.shen-hlbox__item::marker {
	content: none;
}

/* ---- 标记 ---- */
.shen-hlbox__marker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	margin-top: 3px;
	border-radius: 6px;
	background-color: #1a2f6b;
	color: #fff;
	font-size:13px;
	font-weight: 700;
	line-height: 1;
}

/* 圆点模式：缩小成实心点 */
.shen-hlbox.marker-dot .shen-hlbox__marker {
	width: 8px;
	height: 8px;
	margin-top: 8px;
	border-radius: 50%;
}

.shen-hlbox__body {
	flex: 1 1 auto;
	min-width: 0;
}

.shen-hlbox__title {
	margin-bottom: 6px;
	color: #16234a;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
	overflow-wrap: break-word;
}

.shen-hlbox__desc {
	color: #4a5468;
	font-size: 14px;
	line-height: 1.85;
	overflow-wrap: break-word;
}
.shen-hlbox .shen-hlbox__desc > :first-child { margin-top: 0; }
.shen-hlbox .shen-hlbox__desc > :last-child { margin-bottom: 0; }
/* 正文内的 p 有 justify 对齐与下边距，需重置 */
.shen-hlbox .shen-hlbox__desc p {
	margin: 0 0 8px;
	text-align: left;
}
.shen-hlbox .shen-hlbox__desc a {
	color: #1d4ed8;
}

/* ---- 窄屏 ---- */
@media (max-width: 767px) {
	.shen-hlbox {
		padding: 22px 18px;
	}
	.shen-hlbox__head {
		margin-bottom: 18px;
	}
	.shen-hlbox .shen-hlbox__heading,
	.shen-article-content .shen-hlbox .shen-hlbox__heading { font-size: 18px; }

	.shen-hlbox .shen-hlbox__list,
	.shen-article-content .shen-hlbox .shen-hlbox__list {
		grid-template-columns: minmax(0, 1fr);
	}
	/* 单栏时纵向流会退化成一列，避免高度错乱 */
	.shen-hl-flow-column .shen-hlbox__list {
		grid-auto-flow: row;
	}

	.shen-hlbox__title { font-size: 14px; }
	.shen-hlbox__desc { font-size: 13px; }
}
