html {
		color: #000000;
		font-size:16px;
		line-height:1.5rem;
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
		background: #ffffff;
		font-family:   "yirila latin","hash",  "uni4096","uni256","uni128","uni32", sans-serif;
		word-wrap: break-word;
	}
	
	@font-face{
	font-family: "yirila latin";
	src: url("./font/sans-latin.ttf");
	}
	@font-face{
	font-family: "hash";
	src: url("./font/Hash-Regular.ttf");
	}
	@font-face{
	font-family: "pixel";
	src: url("./font/HashPixel.ttf");
	}
	@font-face{
	font-family: "pixel256";
	src: url("./font/Hash256Pixel.ttf");
	}
	@font-face{
	font-family: "uni32";
	src: url("./font/Hash32Font.ttf");
	}
	@font-face{
	font-family: "uni128";
	src: url("./font/Hash128Font.ttf");
	}
	@font-face{
	font-family: "uni256";
	src: url("./font/Hash256Font.ttf");
	}
	@font-face{
	font-family: "uni4096";
	src: url("./font/Hash4096Font.woff2");
	}
	a {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-user-select: none;
		-moz-user-focus: none;
		-moz-user-select: none;
	}
	::-moz-selection {
		color: #000000;
		background: #cfcfcf;
	}
	::selection {
		background: #cfcfcf;
	}
	p {
		font-size:1rem;
		margin:0;
		word-wrap: break-word;
	}
	.pixel{
	font-family: "pixel";
	}
	.pixel256{
	font-family: "pixel256";
	}
table {
  border-spacing: 0; 
  margin: 0 auto;
   
  text-align: center;
  border-collapse: collapse; }
table, th, td { padding: 5px;   
border: 1.25px solid black; }
	body{
		margin:0;
		font-size: 100%;
	}
	body p{
		margin:0.5rem 0;
	}
	.width{
		max-width:48rem;
		margin: auto;
	}
	.ka1{
		font-size:1rem;
		width:100%;
		height: 75vh;
		font-family:   "yirila latin","hash",  "uni4096","uni256","uni128","uni32", sans-serif;
	}
	.paper {
		margin: 0.75rem 0.5rem 0.75rem;
		padding: 1rem;
		background: #ffffff;
		-webkit-border-radius: 0.5rem;
		border-radius: 0.5rem;
		border-style: solid;
		
		border-color: #a7a7a7;
		border-width: 0.125rem;
		white-space: pre-wrap;
	}
        /* 基础矩形样式 */
        .cb {
            display: inline-block;
            width: 0.5em;
            height: 1em;
            margin: 0em;
            vertical-align: middle;
        }
        .wb {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0em;
            vertical-align: middle;
            font-size:12px;
            line-height:12px;
            border: 2px solid #dddddd;
text-align: center;}
        .bb {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0em;
            vertical-align: middle;
            font-size:12px;
            border: 2px solid #505050;
line-height:12px;
text-align: center;}
        /* 深色系 */
        .dr { background-color: #C3354E; }  /* 深红 */
        .do { background-color: #A76006; }  /* 深橙 */
        .dy { background-color: #807907; }  /* 深黄 */
        .dg { background-color: #328E43; }  /* 深绿 */
        .dc { background-color: #0B898C; }  /* 深青 */
        .db { background-color: #077BC7; }  /* 深蓝 */
        .di { background-color: #6C58E1; }  /* 深靛 */
        .dp { background-color: #A73FA9; }  /* 深紫 */
        
        /* 浅色系 */
        .lr { background-color: #FFA2A8;color: #C3354E; }  /* 浅红 */
        .lo { background-color: #FDAD5F;color: #A76006; }  /* 浅橙 */
        .ly { background-color: #D1C83E;color: #807907; }  /* 浅黄 */
        .lg { background-color: #80DF8C;color: #328E43; }  /* 浅绿 */
        .lc { background-color: #3DDFE3;color: #0B898C; }  /* 浅青 */
        .lb { background-color: #8FCAFE;color: #077BC7; }  /* 浅蓝 */
        .li { background-color: #BBB9FE;color: #6C58E1; }  /* 浅靛 */
        .lp { background-color: #F7BFF6;color: #A73FA9; }  /* 浅紫 */
	nav {
		padding: 0;
		margin: 0;
		position: -webkit-fixed; /* Safari */
		position: fixed;
		width: 100%;
		height: 1.5rem;
		top: 0;
		border-top: 0.03125rem solid #dfdfdf;
		background-color: #f1f1f1;
		text-align: center;
		
		border-style: none none solid none;
		
		border-color: #a7a7a7;
		border-width: 0.125rem;
	}
	footer{
		height: 2rem;
		top: 0;
		border-top: 0.03125rem solid #bfbfbf;
		text-align: center;
		line-height: 2rem;
		font-size:0.75rem;
		color: #7f7f7f;
	}
	.na{
		height: 1.5rem;
	}
	p a{
		text-decoration: none;
	}
	p a:link{
		color: #22aa00;
	}
	p a:visited{
		color: #007700;
	}
	p a:hover{
		color: #00aa22;
	}
	p a:active{
		color: #22aa22;
	}
	nav a{
		padding: 0;
		margin: 0;
		line-height: 1.5rem;
		text-decoration: none;
		display: block;
		color: #0f0f0f;
		width: 100%;
	}
	nav a:active{
		background-color: #d7d7d7;
	}
	.sq {width: 1rem;height: 1rem;background-color: #2f2f2f; margin:0.5rem 0 0.5rem 1rem;}
	
	.ka2 {
		font-size:1rem;
		font-family:   "yirila latin","hash","uni4096","uni256","uni128","uni32", sans-serif;
	}