body {
	font-size: x-large;
	line-height: 2;
	margin: 3% 9%
} h1 {	line-height: 1.2;
} h1, h3, figcaption {
	text-align: center
} sup {	color: gray
} c {	color: blue 
} c.b {	font-size: 180%
} c.s { font-size: 90%
} .r  {	text-align: right
}.y::before{margin-left:-1em;content:url('y.webp')
}.p::before{margin-left:-1em;content:url('p.webp')
} blockquote, c {
	font-family: TW-Kai, UKai, Kai, SimKai, '楷体';
	line-height: 1.75
} nav {	justify-content: space-between
} div,*[onclick] {
	cursor: pointer
} toc { display: grid
} toc>a{text-indent: 1em
} a {	text-decoration: none
} a:hover {
	color: red
} t {	border: 1px solid tan
} h {	background: yellow
} h {	color: blue
} b {	color: peru
} s {	color: silver
} 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%;
	color: blue
} audio, figure, a>img {
	margin-left: 1em;
	display: inline-block;
	float: right
} ul.u {
	list-style-type: none;
	display:grid;
	grid-template-columns:repeat(10,1fr)
} nav, row {
	display: flex
} column {
	flex: 50%
} main {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
} 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
}@media(prefers-color-scheme:dark){body{color:#666eee;background:#222}a:hover{color:white}
}