body {/*text-align: justify;*/
	font-size: x-large;
	line-height: 2;
	margin: 5%
} h1 {	line-height: 1.2;
} h1, h3, figcaption {
	text-align: center
} sup {	color: gray
} c {	margin: .5em auto .5em auto;
	display: block
}div>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, '楷体';
	font-size: xx-large;
	line-height: 1.75
} nav {	justify-content: space-between
} div { cursor: pointer
} toc { display: grid
} toc[onclick] {
	cursor: pointer
} toc>a {
	text-indent: 1em
} a {	text-decoration: none
} t {	border: 1px solid tan
} h {	background: yellow
} h {
	color: blue
} b {	color: peru
} s {	color: snow
} 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-row-gap: .5em;
	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
}