/*** uncss> filename: http://mdzz.xyz/nes.css ***/
/*!***************************************************************************\
  NES.css Framework
  Version: development

\*****************************************************************************//*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
 
 *,::after,::before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent
}

@-ms-viewport {
	width:device-width
}

footer,header,main,section {
	display: block
}

body {
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}

h1,h2,h4,h5 {
	margin-top: 0;
	margin-bottom: .0rem
}

p {
	margin-top: 0;
	margin-bottom: 0rem
}


a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

button,input {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,input {
	overflow: visible
}

button {
	text-transform: none
}button {
	-webkit-appearance: button
}button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

body,html {
	font-family: "Press Start 2P"
}

body {
	font-size: 16px;
	color: #212529;
	background-color: #fff;
	-webkit-font-smoothing: antialiased
}

label {
	cursor: inherit
}

a,button {
	-webkit-appearance: none
}

.nes-btn,.nes-input {
	border-style: solid;
	border-width: 4px
}

@supports (-moz-appearance:meterbar) {
}

.nes-btn {
	border-image-slice: 2;
	border-image-width: 2;
	border-image-repeat: stretch;
	border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');
	border-image-outset: 2;
	position: relative;
	display: inline-block;
	padding: 6px 8px;
	margin: 4px;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #212529;
	background-color: #fff
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
	
}

@supports (-moz-appearance:meterbar) {
	.nes-btn {
		border-image-repeat: stretch
	}
}

.nes-btn::after {
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
	content: "";
	box-shadow: inset -4px -4px #adafbc
}

.nes-btn:focus,.nes-btn:hover {
	color: inherit;
	text-decoration: none;
	background-color: #e7e7e7
}

.nes-btn:focus::after,.nes-btn:hover::after {
	box-shadow: inset -6px -6px #adafbc
}

.nes-btn:active:not(.is-disabled)::after {
	box-shadow: inset 4px 4px #adafbc
}

.nes-btn:focus {
	outline: 0
}

.nes-btn.is-success {
	color: #fff;
	background-color: #92cc41
}

.nes-btn.is-success::after {
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
	content: "";
	box-shadow: inset -4px -4px #4aa52e
}

.nes-btn.is-success:focus,.nes-btn.is-success:hover {
	color: inherit;
	text-decoration: none;
	background-color: #76c442
}

.nes-btn.is-success:focus::after,.nes-btn.is-success:hover::after {
	box-shadow: inset -6px -6px #4aa52e
}

.nes-btn.is-success:active:not(.is-disabled)::after {
	box-shadow: inset 4px 4px #4aa52e
}

.nes-btn.is-error {
	color: #fff;
	background-color: #e76e55
}

.nes-btn.is-error::after {
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
	content: "";
	box-shadow: inset -4px -4px #8c2022
}

.nes-btn.is-error:focus,.nes-btn.is-error:hover {
	color: inherit;
	text-decoration: none;
	background-color: #ce372b
}

.nes-btn.is-error:focus::after,.nes-btn.is-error:hover::after {
	box-shadow: inset -6px -6px #8c2022
}

.nes-btn.is-error:active:not(.is-disabled)::after {
	box-shadow: inset 4px 4px #8c2022
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

.nes-dialog::backdrop {
	background-color: rgba(0,0,0,.3)
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

.nes-input {
	border-image-slice: 2;
	border-image-width: 2;
	border-image-repeat: stretch;
	border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');
	border-image-outset: 2;
	width: 100%;
	padding: .5rem 1rem;
	margin: 4px;
	background-clip: padding-box
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
	.nes-input {
		border-image-repeat: space
	}
}

@supports (-moz-appearance:meterbar) {
	.nes-input {
		border-image-repeat: stretch
	}
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

.nes-icon {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	transform: scale(2);
	transform-origin: top left
}

.nes-icon::before {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	content: "";
	background: 0 0
}

.nes-icon.heart::before {
	width: 1px;
	height: 1px;
	color: #f22426;
	box-shadow: 3px 2px #444,4px 2px #444,5px 2px #444,11px 2px #444,12px 2px #444,13px 2px #444,2px 3px #444,3px 3px,4px 3px,5px 3px,6px 3px #444,10px 3px #444,11px 3px,12px 3px,13px 3px #842300,14px 3px #444,1px 4px #444,2px 4px,3px 4px #fff,4px 4px #fff,5px 4px,6px 4px,7px 4px #444,9px 4px #444,10px 4px,11px 4px,12px 4px,13px 4px,14px 4px #842300,15px 4px #444,1px 5px #444,2px 5px,3px 5px #fff,4px 5px,5px 5px,6px 5px,7px 5px,8px 5px #444,9px 5px,10px 5px,11px 5px,12px 5px,13px 5px,14px 5px #842300,15px 5px #444,1px 6px #444,2px 6px,3px 6px,4px 6px,5px 6px,6px 6px,7px 6px,8px 6px,9px 6px,10px 6px,11px 6px,12px 6px,13px 6px,14px 6px #842300,15px 6px #444,1px 7px #444,2px 7px,3px 7px,4px 7px,5px 7px,6px 7px,7px 7px,8px 7px,9px 7px,10px 7px,11px 7px,12px 7px,13px 7px,14px 7px #842300,15px 7px #444,1px 8px #444,2px 8px,3px 8px,4px 8px,5px 8px,6px 8px,7px 8px,8px 8px,9px 8px,10px 8px,11px 8px,12px 8px,13px 8px,14px 8px #842300,15px 8px #444,2px 9px #444,3px 9px,4px 9px,5px 9px,6px 9px,7px 9px,8px 9px,9px 9px,10px 9px,11px 9px,12px 9px,13px 9px #842300,14px 9px #444,3px 10px #444,4px 10px,5px 10px,6px 10px,7px 10px,8px 10px,9px 10px,10px 10px,11px 10px,12px 10px #842300,13px 10px #444,4px 11px #444,5px 11px,6px 11px,7px 11px,8px 11px,9px 11px,10px 11px,11px 11px #842300,12px 11px #444,5px 12px #444,6px 12px,7px 12px,8px 12px,9px 12px,10px 12px #842300,11px 12px #444,6px 13px #444,7px 13px,8px 13px,9px 13px #842300,10px 13px #444,7px 14px #444,8px 14px #842300,9px 14px #444,8px 15px #444
}

@supports (-moz-appearance:meterbar) {
	.nes-icon.heart::before {
		box-shadow: 3px 2px 0 .020em #444,4px 2px 0 .020em #444,5px 2px 0 .020em #444,11px 2px 0 .020em #444,12px 2px 0 .020em #444,13px 2px 0 .020em #444,2px 3px 0 .020em #444,3px 3px 0 .020em,4px 3px 0 .020em,5px 3px 0 .020em,6px 3px 0 .020em #444,10px 3px 0 .020em #444,11px 3px 0 .020em,12px 3px 0 .020em,13px 3px 0 .020em #842300,14px 3px 0 .020em #444,1px 4px 0 .020em #444,2px 4px 0 .020em,3px 4px 0 .020em #fff,4px 4px 0 .020em #fff,5px 4px 0 .020em,6px 4px 0 .020em,7px 4px 0 .020em #444,9px 4px 0 .020em #444,10px 4px 0 .020em,11px 4px 0 .020em,12px 4px 0 .020em,13px 4px 0 .020em,14px 4px 0 .020em #842300,15px 4px 0 .020em #444,1px 5px 0 .020em #444,2px 5px 0 .020em,3px 5px 0 .020em #fff,4px 5px 0 .020em,5px 5px 0 .020em,6px 5px 0 .020em,7px 5px 0 .020em,8px 5px 0 .020em #444,9px 5px 0 .020em,10px 5px 0 .020em,11px 5px 0 .020em,12px 5px 0 .020em,13px 5px 0 .020em,14px 5px 0 .020em #842300,15px 5px 0 .020em #444,1px 6px 0 .020em #444,2px 6px 0 .020em,3px 6px 0 .020em,4px 6px 0 .020em,5px 6px 0 .020em,6px 6px 0 .020em,7px 6px 0 .020em,8px 6px 0 .020em,9px 6px 0 .020em,10px 6px 0 .020em,11px 6px 0 .020em,12px 6px 0 .020em,13px 6px 0 .020em,14px 6px 0 .020em #842300,15px 6px 0 .020em #444,1px 7px 0 .020em #444,2px 7px 0 .020em,3px 7px 0 .020em,4px 7px 0 .020em,5px 7px 0 .020em,6px 7px 0 .020em,7px 7px 0 .020em,8px 7px 0 .020em,9px 7px 0 .020em,10px 7px 0 .020em,11px 7px 0 .020em,12px 7px 0 .020em,13px 7px 0 .020em,14px 7px 0 .020em #842300,15px 7px 0 .020em #444,1px 8px 0 .020em #444,2px 8px 0 .020em,3px 8px 0 .020em,4px 8px 0 .020em,5px 8px 0 .020em,6px 8px 0 .020em,7px 8px 0 .020em,8px 8px 0 .020em,9px 8px 0 .020em,10px 8px 0 .020em,11px 8px 0 .020em,12px 8px 0 .020em,13px 8px 0 .020em,14px 8px 0 .020em #842300,15px 8px 0 .020em #444,2px 9px 0 .020em #444,3px 9px 0 .020em,4px 9px 0 .020em,5px 9px 0 .020em,6px 9px 0 .020em,7px 9px 0 .020em,8px 9px 0 .020em,9px 9px 0 .020em,10px 9px 0 .020em,11px 9px 0 .020em,12px 9px 0 .020em,13px 9px 0 .020em #842300,14px 9px 0 .020em #444,3px 10px 0 .020em #444,4px 10px 0 .020em,5px 10px 0 .020em,6px 10px 0 .020em,7px 10px 0 .020em,8px 10px 0 .020em,9px 10px 0 .020em,10px 10px 0 .020em,11px 10px 0 .020em,12px 10px 0 .020em #842300,13px 10px 0 .020em #444,4px 11px 0 .020em #444,5px 11px 0 .020em,6px 11px 0 .020em,7px 11px 0 .020em,8px 11px 0 .020em,9px 11px 0 .020em,10px 11px 0 .020em,11px 11px 0 .020em #842300,12px 11px 0 .020em #444,5px 12px 0 .020em #444,6px 12px 0 .020em,7px 12px 0 .020em,8px 12px 0 .020em,9px 12px 0 .020em,10px 12px 0 .020em #842300,11px 12px 0 .020em #444,6px 13px 0 .020em #444,7px 13px 0 .020em,8px 13px 0 .020em,9px 13px 0 .020em #842300,10px 13px 0 .020em #444,7px 14px 0 .020em #444,8px 14px 0 .020em #842300,9px 14px 0 .020em #444,8px 15px 0 .020em #444
	}
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
}

@supports (-moz-appearance:meterbar) {
} 
/*** uncss> filename: http://mdzz.xyz/style.css ***/
@charset "utf-8";
/* @import url(https://fonts.cat.net/css?family=Press+Start+2P); */

body {
  padding: 0 2rem;
  margin: 0 2rem;
}

#nescss > .container {
  max-width: 980px;
  margin: 0 auto;
  margin-top: 80px;
}

/* Header */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  border-bottom: 4px solid #D3D3D3;
  background-color: white;
}

header > .container {
  display: flex;
  align-items: baseline;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 0rem;
  transition: all 0.2s ease;
}

header > .container > .nav-brand {
  margin-right: auto;
}
.main-content {
  margin-bottom: 4rem;
}

footer {
  text-align: center;
  margin-bottom: 2rem;
}

.topic {
  margin-bottom: 0rem;
}
@media screen and (max-width: calc(980px - 4rem)) {
  header > .container {
    margin: 0 4rem;
  }

}


@media screen and (max-width: 768px) {
  body {
    margin: 2rem 0.5rem;
    padding: 0;
  }

  header > .container {
    margin: 0 0.5rem;
  }
}

@media screen and (max-width: 580px) {
  #nescss > .container {
    margin-top: 190px;
  }
  .upt{
    margin-top: 120px;
  }
  .xx{
    display: block;
  }
} 


@media screen and (min-width: 580px) {

  .xx{
    display: none;
  }
} 

.center {
    text-align: center;
}
.download{
    width: 100px;
}
.hanzi{
    font-family: "KaiTi";
}

footer > a{
	text-decoration: none;
	color: inherit;
	font-size:x-small;
}
footer > a:hover {
	text-decoration: none;
	color: inherit;
	cursor: default;
}