@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 {
	margin: 5%;
	line-height: 2em;
	font-size: x-large;
	font-family: 宋体
} p {
	text-indent: 2em;
	text-align: justify
} figure, h1, c, .c {
	text-align: center
} nav {
	justify-content: space-between;
	font-size: 150%;
	display: flex
} a {
	text-decoration: none
} s,s>a {
	color: snow
} c {
	display: block;
	margin: 1em;
	text-indent: 0;
	font-size: x-large;
	font-family: TW-Kai
} 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: 60%;
	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
} figure { margin: 1em }
@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:visited{color:#6cc}a:hover{color:white}}