body,button,input,textarea {
	color: rgba(155,186,206,.8);
	background: #27343c
}

a:active,a:hover {
	color: #3887b9
}

.has-sub:hover .menu-row>a:after {
	border-top: 4px solid #3887b9
}

.post-content a {
	color: #3887b9
}

#archives ul li:hover:before,.more-list li:hover:before,.post-content ol li:hover:before,.post-content ul li:hover:before,.widget-list li:hover:before {
	background-color: #3887b9
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: rgba(155,186,206,.5)
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: rgba(155,186,206,.5)
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: rgba(155,186,206,.5)
}

button,input,textarea {
	background: transparent
}

input[type=email],input[type=password],input[type=text],input[type=url] {
	border: 1px solid #384e5c;
	color: #9bbace
}

textarea {
	border: 1px solid #384e5c
}

.place span,.sticky {
	color: #3887b9
}

#search button.submit {
	color: #9bbace
}

#search button.submit:hover {
	color: #3887b9
}

#mainbody {
	background: url(../img/background.jpg) no-repeat top
}

.gonggao {
	color: #a96110
}

#archives ul li:before,.more-list li:before,.post-content ol li:before,.post-content ul li:before,.widget-list li:before {
	background-color: #9bbace
}

hr,td {
	border: 1px solid #384e5c
}

blockquote {
	background: rgba(0,0,0,.15)
}

pre:after,pre:before {
	color: rgba(155,186,206,.5)
}

img {
	filter: brightness(70%)
}

.container {
	background-color: #1e2b33;
	box-shadow: 0 0 10px rgba(0,0,0,.1)
}

#header {
	color: #9bbace;
	background-image: url(../img/dark.jpg),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.05))
}

.site-title a {
	color: rgba(155,186,206,.8)
}

.site-title a:hover {
	color: #3887b9
}

.site-title img {
	filter: brightness(85%)
}

.has-sub ul li,.menubar {
	border-bottom: 1px solid #384e5c
}

.has-sub ul li {
	border-left: 1px solid #384e5c;
	border-right: 1px solid #384e5c;
	background: #27343c;
	box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.has-sub ul {
	border-top: 1px solid #384e5c
}

.has-sub .menu-row>a:after {
	border-top: 4px solid #9bbace
}

.post {
	border-bottom: 1px solid #384e5c
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
	background: rgba(0,0,0,.15)
}

.meta,.tags {
	color: rgba(155,186,206,.4)
}

#archives h2,.widget-title {
	border-bottom: 1px solid #384e5c
}

#QR img {
	border: 1px solid #384e5c
}

#QR img:hover {
	border: 1px solid #3887b9
}

#rewardButton {
	background-color: rgba(0,0,0,.1);
	border: 1px solid #9bbace;
	color: #9bbace
}

#footer,.comment-author {
	border-top: 1px solid #384e5c
}

.comment-by-author:after {
	content: "V";
	background: #384e5c;
	color: #9bbace;
	font-size: .75em;
	border-radius: 3px;
	padding: 1px 5px;
	margin: 0 0 0 5px
}

#catalog-col,#catalog-col a,.comment-author {
	color: #9bbace
}

.comment-content-jigu {
	background: #384e5c
}

.comment-content-jigu:after,.comment-content-jigu:before {
	border-top: 10px solid #1e2b33
}

.comment-content-jigu:before {
	border-right: 10px solid #384e5c
}

.comment-content-jigu:after {
	border-left: 10px solid #384e5c
}

#catalog-col a:hover {
	border-bottom: 1px solid #384e5c
}

#cornertool li {
	color: #9bbace;
	background: rgba(26,37,43,.8)
}

#comments h2,#response,.more {
	border-left: .25em solid #9bbace
}

.comment-meta .comment-reply a {
	color: #9bbace
}

.comment-a a {
	color: #3887b9
}

.cancel-comment-reply a,.comment-reply a {
	background-color: #384e5c;
	color: #9bbace
}

.comment-meta a {
	color: rgba(155,186,206,.4)
}

#comment-form button {
	background: #384e5c;
	color: #9bbace
}

.page-navigator li.current,.page-navigator li:hover {
	background-color: #384e5c;
	color: #9bbace
}

.page-navigator li a:hover {
	color: #3887b9
}

#catalog-col {
	background: rgba(26,37,43,.8)
}

/* 工具栏按钮（线性 SVG 图标，随 currentColor 变色） */
#menubutton,#searchbutton,#DarkModeButton {
	color: #9bbace
}

#menubutton:hover,#searchbutton:hover,#DarkModeButton:hover {
	color: #3887b9
}

.menubar.menu-open #menubutton,
.menubar.search-open #searchbutton {
	color: #3887b9
}

.sub-toggle {
	color: #9bbace
}

.sub-toggle:hover {
	color: #3887b9
}

/* 搜索框暗色适配 */
#search input.text {
	border: 1px solid #384e5c;
	background: rgba(0,0,0,.18);
	color: #9bbace
}

.comment-list .respond {
	border-top: 1px solid #384e5c
}

#teamnewslist ol {
	border-left: 2px solid #3887b9
}

#teamnewslist b:after {
	background-color: #19252f;
	border: 2px solid #3887b9
}

@media (max-width:868px) {
	#menu {
		border-bottom: 1px solid #384e5c
	}

	.has-sub ul {
		border: 0;
		background: 0 0;
		box-shadow: none
	}

	.has-sub ul li {
		border: 0;
		background: 0 0;
		box-shadow: none
	}

	.has-sub.open ul {
		display: block
	}

	.menubar.menu-open #menu {
		display: block;
		background: #1e2b33
	}

	.menubar.menu-open #menu,
	.menubar.search-open .search-panel {
		background: #1e2b33;
		border-bottom-color: #384e5c
	}

	/* 菜单项点击跟随变色（暗色）与选中项背景 */
	#menu li > a:hover,
	#menu li .menu-row > a:hover {
		background-color: rgba(56,135,185,.12)
	}

	#menu li > a:active,
	#menu li .menu-row > a:active {
		background-color: rgba(56,135,185,.22)
	}

	#menu li.current > a,
	#menu li.current .menu-row > a {
		background-color: rgba(56,135,185,.16);
		color: #3887b9;
		box-shadow: inset 3px 0 0 #3887b9
	}

	#footer {
		border-top: 1px solid #384e5c;
		background: transparent;
		color: #9bbace
	}
}

/* 验证码行暗色：题目标签与输入框与表单其他控件一致 */
.captcha-question {
	background: rgba(56,135,185,.12);
	border-color: #384e5c;
	color: #7fd89b
}

.captcha-input {
	border: 1px solid #384e5c;
	background: rgba(0,0,0,.18);
	color: #9bbace
}