@media(prefers-color-scheme:dark){body{color:#66e;background:#111}a:hover{color:white}}
body {
	text-align: justify;
	font-size: x-large;
	font-family: system-ui, sans-serif;
	line-height: 2;
	margin: 8%
} h1 {
	line-height: 1.2;
} h1, h2, h3, figcaption, c {
	text-align: center
} p, blockquote {
	text-indent: 2em
} b {
	color: peru
} sup {
	color: gray
} ol {	margin-left: 1em
} ul.u {
	list-style-type: none
} ul.t {
	display: grid;
	grid-template-columns: 50% 50%
} c {
	text-indent: 0;
	margin: .3em 0 .3em 0;
	display: block
} c.b {
	font-size: 180%
} c.s {
	font-size: 90%
} c.r {
	margin-left: 25em
} p.l {
	text-indent: 0
} p.r {
	text-align: right
} blockquote, c {
	line-height: 1.6;
	font-family: TW-Kai, UKai, Kai, SimKai, '楷体'
} nav {	justify-content: space-between;
	display: flex
} toc { display: grid
} a {	text-decoration: none
} a>img, figure>img {
	display: inline-block;
	margin-left: 1em;
	float: right
} t {	border: 1px solid tan
} y {
	display: inline-block;
	line-height: 1;
	text-align: center;
	text-indent: 0
} y:before {
	content: attr(n);
	display: block;
	font-family: sans;
	font-size: 50%;
	text-align: center;
	color: blue
} h {
	background: yellow;
	color: blue
} o {	background: #dfffbf;
	cursor: help
} e {	text-indent: 0;
	position: absolute;
	max-width: 980px;
	background: #fff;
	font-size: large;
	line-height: 1.5em;
	padding: 9px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
	box-shadow: 0 15px 45px -15px rgba(0,0,0,0.3);
	display: none;
	z-index: 9 }
o:hover+e {
	display: initial
}