html {
	scroll-behavior: smooth;
}
#article-toc {
	margin: 0;
	padding: 10px 20px;
	font-size: 0.95rem;
	text-align: left;
	background-color: #f3f5f7;
	border-radius: var(--radius-md);
	-webkit-box-shadow: 0rem 0.125rem 0.9375rem -0.3125rem rgb(10 10 10 / 3%);
	box-shadow: 0rem 0.125rem 0.9375rem -0.3125rem rgb(10 10 10 / 3%);
}
#article-toc .toc-nav {
	display: inline-block;
	margin: 1rem 0;
	font-size: 1.25rem;
	font-weight: bold;
}
#article-toc ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	counter-reset: item;
}
#article-toc a {
	display: inline-flex; 
	color: #555;
}
#article-toc a:hover {
	background: none;
	text-decoration: underline;
	color: #000;
}
#article-toc ul li a::before {
	content: counters(item, '.', decimal) '.';
	display: inline-block;
	counter-increment: item;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: .1rem;
	float: left;
	min-width: 22px;
	width: auto;
}

#article-toc ul ul {
	padding-left: 26px;
}

@media (min-width: 768px) { 
	#article-toc>ul {
		column-count: 2;
		column-gap: 30px;
	}
	#article-toc>ul>li {
		break-inside: avoid-column;
		page-break-inside: avoid;
	}

}

/* content 属性 cjk-ideographic、upper-roman 如果需要 H2.H3 格式: content: counter(h2-counter) "." counter(h3-counter, upper-roman) ". "; */
.post-content {
	counter-reset: h2-counter;
}
.post-content h2 {
	counter-reset: h3-counter;
}
.post-content h3 {
	counter-reset: h4-counter;
}
.post-content h2:not(.no-h2-number) {
	counter-increment: h2-counter;
}
.post-content h2:not(.no-h2-number)::before {
	content: counter(h2-counter) ". ";
	font-weight: bold;
	margin-right: 0.5em;
}
.post-content h3 {
	counter-increment: h3-counter;
}
.post-content h3::before {
	content: counter(h2-counter) ". " counter(h3-counter) ". ";
	font-weight: bold;
	margin-right: 0.5em;
}
.post-content h4 {
	counter-increment: h4-counter;
}
.post-content h4::before {
	content: counter(h2-counter) ". " counter(h3-counter) ". " counter(h4-counter) ". ";
	font-weight: bold;
	margin-right: 0.5em;
}