.logo-box {position: absolute;left: 30px;top: 10px;cursor: pointer;color: #000;}
.logo-box img {width: 50px;height: 50px;vertical-align: middle;}
.logo-box .logo-text {display: inline-block;vertical-align: middle;font-size: 24px;font-weight: 400;}
#main {padding-bottom: 100px;}
#main h2 {font-size: 1.6rem;}
#main h3 {font-size: 1.25rem;}

.main-box .markdown-section{ padding: 30px 20px;}
@media screen and (max-width: 800px) {
	.logo-box {display: none;}
	.main-box .markdown-section{max-width: 1000px;}
}

/* ============== 样式优化 ================ */

/* 背景变黑 */
.main-box [data-lang]{padding: 0px !important; border-radius: 8px; overflow: hidden;}
.main-box [class^="lang-"]{border: 0px red solid; padding: 1.5em 1.2em;/* background-color: #282828; */ background-color: #090300; color: #FFF;}
.main-box [data-lang]{overflow: auto;}
/* .main-box h2{margin-top: 70px;} */

/* xml语言样式优化 */
.lang-xml .token.comment{color: #CDAB53;}
.lang-xml .token.tag *{color: #db2d20;}
.lang-xml .token.attr-value{color: #A6E22E;}

/* java语言样式优化 */
.main-box .lang-java{color: #01a252; opacity: 1;}
.lang-java .token.keyword{color: #db2d20;}
.lang-java .token.namespace,.lang-java .token.namespace *{color: #01A252; opacity: 1;}
.lang-java .token.class-name,.lang-java .cm-variable{color: #55b5db; opacity: 1;}
.lang-java .token.comment{color: #CDAB53;}
.lang-java .token.annotation.punctuation{color: #ddd;}
.lang-java .token.punctuation{color: #ddd;}

/* js语言样式优化 */
.main-box .lang-js{color: #01a252;}
.lang-js .token.comment{color: #CDAB53;}
/* .lang-js .token.string{color: #fded02;} */
.lang-js .token.string{color: #ddd;}
.lang-js .token.punctuation{color: #ddd;}


/* 调整表格的响应式 */
#main table{margin-left: 25px;}
@media screen and (min-width: 800px) {
	#main table tr th{min-width: 150px;}
}

/* logo + 版本下拉：固定在侧栏顶部，白底遮罩防止目录滚动透出 */
.logo-version-box{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 30;
	width: 300px;
	height: 70px;
	padding: 10px 12px 10px 24px;
	box-sizing: border-box;
	background-color: #fff;
	white-space: nowrap;
	overflow: hidden;
}
.logo-version-box > a{text-decoration: none; color: inherit;}
.logo-version-box .logo-box{position: static !important; display: inline-block; left: auto; top: auto;}
.logo-version-box .select-version{
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	border: 1px solid #999;
	color: #666;
	outline: 0;
	cursor: pointer;
	background-color: #FFF;
	font-size: 12px;
	padding: 2px 2px;
	position: relative;
	top: 2px;
}
.logo-version-box .select-version:hover{box-shadow: 0 0 10px #aaa;}
.sidebar{padding-top: 70px !important;}
@media screen and (max-width: 800px) {
	.logo-version-box .logo-box{display: none !important;}
	.logo-version-box{
		width: auto;
		min-width: 110px;
		left: 0;
		top: 0;
		padding-left: 10px;
	}
}