body {
	margin: 0 auto;
	padding: .3em 20px;
	max-width: 600px;
	font-family: Helvetica,"PingFang SC","Microsoft YaHei",sans-serif;
	line-height: 1.875em;
	user-select: none;
	word-break: break-all;
}

code {
	display: block;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #eaecef;
}

hr {
	border: 1px solid #eaecef;
}

h1,h2 {
	padding-bottom: .3em;
	border-bottom: 1px solid #eaecef;
	line-height: initial;
}

h1 {
	text-align: center;
	font-size: 1.75em;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: 1em;
}

td,th {
	padding: 0 .5rem;
	border: 1px solid #eaecef;
}

thead td,thead th {
	background-color: #eaecef;
}

table {
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
}

@media (prefers-color-scheme:dark) {
	:root {
		color-scheme: dark;
	}

	* {
		scrollbar-color: rgba(255,255,255,.25) #35363a;
	}

	a {
		color: #569cd6;
	}

	body {
		background-color: #35363a;
		color: #fff;
	}

	code,thead td,thead th {
		background-color: rgba(255,255,255,.1);
	}

	h1,h2,h3,hr,td,th {
		border-color: rgba(255,255,255,.1);
	}
}