body.night {
	--back-body:#131313;
	--back-erro:#2c323c;
	--back-table:#161b22;
	--back-hover:#272822;
	--back-head:#2c323c;
	--back-fine:#2c323c;
	--back-warn:#272822;
	--back-risk:#272822;
	--text-erro:#dcdfe4;
	--text-body:#dcdfe4;
	--text-link:#e47911;
	--text-name:#dcdfe4;
	--text-gray:#abb2bf;
	--text-tips:#696969;
	--text-green:#008000;
	--text-red:#ff0000;
	--text-gold:#ffd700;
	--text-blue:#1e90ff;
	--text-olive:#808000;
	--box-border:#3a3939;
	--box-shadow:rgba(0,0,0,0.15);
	--text-shadow:rgba(255,255,255,0.15);
}
body.light {
	--back-body:#c0c0c0;
	--back-erro:#d2691e;
	--back-table:#ffffff;
	--back-hover:#f8f8ff;
	--back-head:#f0f8ff;
	--back-fine:#f5f5dc;
	--back-warn:#fddde6;
	--back-risk:#ffc0cb;
	--text-erro:#fff5ee;
	--text-body:#282828;
	--text-link:#e47911;
	--text-name:#696969;
	--text-gray:#808080;
	--text-tips:#c0c0c0;
	--text-green:#008000;
	--text-red:#ff0000;
	--text-gold:#ffd700;
	--text-blue:#0000ff;
	--text-olive:#808000;
	--box-border:#e0e0e0;
	--box-shadow:rgba(0,0,0,0.15);
	--text-shadow:rgba(255,255,255,0.15);
}
div,span,ul,li,a,form,input,select,textarea,html,body {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
body {
	font:15px/20px serif,verdana,helvetica;
	min-height:100%;
	min-width:320px;
	max-width:935px;
	margin:0px auto;
	padding:5px 5px 10px 5px;
	color:var(--text-body);
	background:var(--back-body);
}
body#fail {
	background:#b22222;
}
body#blink {
	animation:blink 500ms infinite;
}
@keyframes blink {
	0%,49.9%{
		background:#ffcc00;
	}
	50%,99.9%{
		background:#cc3300;
	}
}
a {
	background:transparent;
	text-decoration:none;
	cursor:pointer;
	color:var(--text-body);
}
a:hover {
	text-decoration:underline;
	color:var(--text-link);
}
.jbox {
	padding:7px 10px;
	color:var(--text-name);
	background:var(--back-table);
}
.jbox li {
	line-height:15px;
	padding:3px 0;
}
.hide {
	display:none;
}
.lite {
	font-weight:normal;
	font-size:13px;
	font-style:italic;
	color:var(--text-gray);
	padding-left:3px;
}
.lite:before{
	content:"(";
}
.lite:after{
	content:")";
}
.bold {
	font-weight:bold;
}
.green {
	color:var(--text-green);
}
.olive {
	color:var(--text-olive);
}
.blue {
	color:var(--text-blue);
}
.red {
	color:var(--text-red);
}
.navs {
	clear:both;
	margin:10px 0 15px 0;
	font-size:18px;
	text-align:center;
	color:var(--text-gray);
	text-shadow:1px 2px 3px var(--text-shadow);
}
.erro,.hold,.exit {
	clear:both;
	background:var(--back-erro);
	color:var(--text-erro);
	font-size:16px;
	margin-bottom:10px;
	padding:5px 7px;
	line-height:16px;
	box-shadow:3px 3px 5px var(--box-shadow);
}
.hold,.exit {
	background:var(--back-fine);
	color:var(--text-name);
}
@media (max-width:935px) {
	.hold,.exit {
		font-size:14px;
	}
}
@media (min-width:935px) {
	.hold,.exit {
		font-size:16px;
	}
}
.json {
	clear:both;
	background:var(--back-fine);
	color:var(--text-name);
	white-space:pre-wrap;
	word-break:break-all;
	font-size:14px;
	font-family:monospace;
	line-height:18px;
	margin:3px 0;
	padding:5px 7px;
}
pre.json {
	overflow-x:auto;
	white-space:pre;
}
.herd {
	color:var(--text-body);
	margin-left:7px;
	font-weight:bold;
}
.herd:before{
	content:"\00AB";
	color:var(--text-gray);
}
.herd:after{
	content:"\00BB";
	color:var(--text-gray);
}
.more {
	clear:both;
	text-align:center;
	color:var(--text-name);
	text-shadow:1px 2px 3px var(--text-shadow);
}
.chart {
	clear:both;
	margin-bottom:10px;
	color:var(--text-name);
	font-family:monospace;
	background:var(--back-table);
	box-shadow:3px 3px 5px var(--box-shadow);
}
.chart > .name {
	padding:5px 7px;
	background:var(--back-head);
	border-bottom:1px dashed var(--box-border);
	text-align:center;
}
.chart > .value {
	height:280px;
}

/* table */
@media (max-width:935px) {
	table td {
		padding:3px 3px;
	}
	table .mob {
		display:none;
	}
	table .num {
		padding:1px 3px;
	}
}
@media (min-width:935px) {
	table td {
		padding:7px 10px;
	}
	table .mob {
		display:revert;
	}
	table .num {
		padding:2px 5px;
	}
}
.main {
	margin:10px 0 0 0;
}
.rows {
	clear:both;
	margin-bottom:10px;
	overflow-x:auto;
	font-family:monospace;
	background:var(--back-table);
	box-shadow:3px 3px 5px var(--box-shadow);
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
table td {
	border-top:1px dashed var(--box-border);
	border-left:1px dashed var(--box-border);
	white-space:nowrap;
}
table tr:first-child td {
	border-top:none;
}
table tr td:first-child {
	border-left:none;
}
table tr.fine > td {
	background:var(--back-fine);
}
table tr.warn > td {
	background:var(--back-warn);
}
table tr.risk > td {
	background:var(--back-risk);
}
table .name {
	background:var(--back-head);
	color:var(--text-name);
	text-align:center;
}
table .name > td {
	padding:5px 7px;
}
table .head {
	background:var(--back-head);
	color:var(--text-gray);
}
table .data {
	color:var(--text-name);
}
table .data:hover {
	background:var(--back-hover);
}
table a:hover {
	text-decoration:none;
}
table .sup {
	vertical-align:super;
	font-size:13px;
	padding-left:3px;
}
table .num {
	background:var(--back-fine);
	border-radius:3px;
}
table .act {
	font-size:20px;
	text-align:center;
	min-width:20px;
	cursor:pointer;
}
table .act.yes > a {
	display:inline-block;
	padding-top:3px;
	color:var(--text-body);
}
table .act.not > a {
	display:inline-block;
	padding-top:3px;
	color:var(--text-tips);
}

/* form */
.auth {
	font-family:monospace;
	margin:10px 0;
	padding:7px 10px;
	background:var(--back-table);
	box-shadow:3px 3px 5px var(--box-shadow);
}
.unit {
	clear:both;
	margin:1px 0;
	overflow:hidden;
}
.unit > .part {
	color:var(--text-name);
	font-style:italic;
	background:var(--back-head);
	border-radius:3px;
	margin:7px 0 5px 60px;
	padding:3px 7px;
	display:inline-block;
}
.unit > .name {
	float:left;
	width:53px;
	font-size:13px;
	color:var(--text-gray);
	text-align:right;
	padding:5px 0;
}
.unit > .value {
	margin:0 0 5px 60px;
	padding:0 16px 0 0;
	overflow:hidden;
}
.unit > .value > .plain {
	display:inline-block;
	color:var(--text-green);
	background:var(--back-head);
	padding:3px 5px;
	margin:1px 7px 1px 0;
	border:1px dashed var(--box-border);
	line-height:16px;
}
.unit > .value.select {
	padding-right:0;
}
.unit input,.unit select,.unit textarea {
	background:var(--back-table);
	color:var(--text-name);
	font-family:monospace;
	font-size:16px;
	line-height:20px;
	border:1px dashed var(--box-border);
	padding:5px 7px;
	width:100%;
}
.unit input:disabled {
	color:var(--text-green);
	background:var(--back-head);
}
.unit input:focus,.unit select:focus,.unit textarea:focus {
	color:var(--text-olive);
	border:1px dashed var(--text-gold);
}
.unit textarea {
	height:58px;
	resize:none;
}
.unit .post {
	margin-top:5px;
	margin-left:60px;
	display:inline-block;
}
.unit .post > input {
	background:linear-gradient(var(--back-hover),var(--back-fine));
	border:1px dashed var(--box-border);
	border-radius:3px;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
	padding:5px 12px;
	cursor:pointer;
}
.unit .post > input:hover {
	background:var(--back-fine);
}
.unit > .value.items {
	margin-left:57px;
}
.item {
	font-family:monospace;
	font-size:13px;
	border:1px dashed var(--box-border);
	margin:3px 5px 3px 3px;
	padding:2px 5px;
	background:var(--back-table);
	border-radius:3px;
	display:inline-block;
}
.item.gold {
	border:1px dashed var(--text-gold);
	box-shadow:0 0 2px 1px var(--text-gold);
}
.item.dail {
	background:var(--back-fine);
	font-weight:bold;
}