@font-face {
	font-family: 'ck';
	src: local('TW-Kai'), local('UKai'), local('SimKai'), local('Kaiti SC'), local('楷体'), local('Kai'), local('serif');
	font-display: swap
} @font-face {
	font-family: 'e';
	src: local('Georgia'), local('Times New Roman'), local('serif');
	font-display: swap
} body {text-align: justify;
	font-size: x-large;
	line-height: 2;
	margin: 5%
} h1 {	line-height: 1.2;
} h1, h3, figcaption, c {
	text-align: center
} p {	text-indent: 2em
} p.l {	text-indent: 0
} sup {	color: gray
} ul {	list-style-type: none;
	display: grid
} 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.r {	text-align: right
} blockquote, c {
	font-family: TW-Kai, UKai, Kai, SimKai, '楷体';
	font-size: xx-large;
	line-height: 1.5
} nav {	justify-content: space-between
} toc { display: grid
} toc>a {
	text-indent: 1em
}a:hover{color:red
} 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 {
	margin-left: 1em;
	display: inline-block;
	float: right
} nav, row {
	display: flex
} column { flex: 50% }
@media(min-width: 640px){ul{grid-template-columns:repeat(2,1fr)}}
@media(min-width: 768px){ul{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){ul{grid-template-columns:repeat(5,1fr)}li.l2{grid-column:span 2}}
@media(prefers-color-scheme:dark){body{color:#666eee;background:#222}a:hover{color:white}}