* {
	margin: 0;
	padding: 0;
	font-family: '微軟正黑體';
	color: #333;
}

html::-webkit-scrollbar-track-piece {
	background: whitesmoke;
}

html::-webkit-scrollbar {
	width: 1vw;
	height: 1vw;
}

html::-webkit-scrollbar-thumb {
	height: 20vh;
	border-radius: 1vw;
	background-color: lightgray;
}

html::-webkit-scrollbar-thumb:hover {
	background-color: gray;
}

body {}


/*页眉*/

header {}


/*主视图*/

.main {
	width: 80vw;
	min-height: 60vh;
	margin-left: auto;
	margin-right: auto;
}


/*索引页分类视图*/

.i-cate {
	width: 80vw;
	margin-top: 3vw;
	margin-bottom: 3vw;
}

.i-cate .i-item {
	display: inline-block;
	width: calc(50% - 4px);
	text-align: center;
}

.i-cate .i-item h1 {
	line-height: 1.5;
	font-weight: normal;
	font-size: 1.5vw;
	padding: 2vw;
}

.i-cate .i-item h1 a {
	text-decoration: none;
}

.i-cate .i-item .i-meta {
	color: #888;
	font-size: 1vw;
}

.i-cate .i-item .i-top-cover {
	width: 36vw;
	height: 20vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1.5vw;
	background-color: grey;
	background-position: center;
	background-size: cover;
	border: 1px solid whitesmoke;
	border-radius: 1.5vw;
}

.i-cate .i-item:first-child {
	width: 100%;
}

.i-cate .i-item:first-child h1 {
	font-size: 3vw;
}

.i-cate .i-item:first-child .i-meta {
	font-size: 2vw;
}

.i-cate .i-item:first-child .i-top-cover {
	width: 76vw;
	height: 40vw;
	margin-top: 2vw;
	margin-bottom: 3vw;
	border-radius: 3vw;
}

.i-more {
	display: block;
	width: 16vw;
	height: 4vw;
	line-height: 4vw;
	font-size: 2vw;
	padding: 1vw;
	text-align: center;
	text-decoration: none;
	margin-top: 2vw;
	margin-left: auto;
	margin-right: auto;
	background: whitesmoke;
	border-radius: 3vw;
}


/*文章/页面视图*/

.p-post {
	width: 100%;
	margin-top: 3vw;
	margin-bottom: 3vw;
}


/*标题*/

.p-post h1 {
	font-size: 3vw;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
	padding: 2vw;
}


/*信息*/

.p-post .p-meta {
	color: #888;
	font-size: 2vw;
	text-align: center;
}


/*内容*/

.p-post .p-content {
	margin-top: 2vw;
	word-wrap: break-word;
	word-break: break-all;
}

.p-post .p-content img {
	display: block;
	max-width: 100%;
	border-radius: 3vw;
	margin-left: auto;
	margin-right: auto;
}

.p-post .p-content p {
	font-size: 2vw;
	line-height: 1.5;
	padding-top: 1.5vw;
}

.p-post .p-content h1,
.p-post .p-content h2,
.p-post .p-content h3 {
	padding-top: 2vw;
	line-height: 1.5;
	font-weight: bold;
}

.p-post .p-content h3 {
	font-size: 2.2vw;
}

.p-post .p-content h2 {
	font-size: 2.4vw;
}

.p-post .p-content h1 {
	font-size: 2.6vw;
}

.p-post .p-content li {
	font-size: 2vw;
	margin-left: 4vw;
}

.p-post .p-content hr {
	margin-top: 2vw;
	height: 0px;
	border: none;
	border-top: 2px dashed #333;
}

.p-post .p-content code {
	color: #900;
	padding-left: 1vw;
	padding-right: 1vw;
	background: whitesmoke;
	border-radius: 1vw;
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-line;
}

.p-post .p-content pre code {
	font-size: 2vw;
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-line;
	margin-top: 2vw;
	display: block;
	background: whitesmoke;
	padding: 2vw;
	border-radius: 2vw;
}

.p-post .p-content table {
	line-height: 1.5;
	font-size: 2vw;
	width: 100%;
	overflow: scroll;
	background: whitesmoke;
	border: #EEE solid 1px;
	margin-top: 2vw;
	text-align: center;
}

.p-post .p-content .links ul {
	list-style: none;
}

.p-post .p-content .links ul li {
	line-height: 2;
	display: inline-block;
	min-width: 15vw;
	text-align: center;
}

.p-post .p-content .links ul li:hover {
	background: skyblue;
	border-radius: 2vw;
}

.p-post .p-content .links ul li a {
	text-decoration: none;
}


/*评论*/

#comments {}

#comments h3 {
	font-size: 2.5vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

#comments .comment-list {
	list-style: none;
	font-size: 2vw;
	line-height: 1.5;
}

#comments .comment-list .comment-body {
	padding: 3vw 3vw 0 3vw;
	background: #FAFAFA;
	border-radius: 2vw;
}

#comments .comment-list .comment-body .comment-author span,
#comments .comment-list .comment-body .comment-author .avatar {
	display: inline-block;
	width: 5vw;
	height: 5vw;
	border-radius: 3vw;
}

#comments .comment-list .comment-body .comment-author .fn {
	display: inline-block;
	height: 5vw;
	vertical-align: top;
	padding-left: 1vw;
}

#comments .comment-list .comment-body .comment-author .fn,
#comments .comment-list .comment-body .comment-author .fn a {
	font-style: normal;
	font-size: 2.5vw;
	text-decoration: none;
	line-height: 5vw;
}

#comments .comment-list .comment-body .comment-meta a {
	text-decoration: none;
	font-size: 1.5vw;
}

#comments .comment-list .comment-body .comment-content {
	padding-top: 1vw;
	padding-bottom: 1vw;
	line-height: 1.5;
	word-wrap: break-word;
	word-break: break-all;
}

#comments .comment-list .comment-body .comment-reply a {
	display: inline-block;
	text-decoration: none;
	padding: .5vw 2vw;
	background: whitesmoke;
	border-radius: 1vw;
}

#comments .comment-list .comment-body .cancel-comment-reply a {
	display: inline-block;
	text-decoration: none;
	padding-top: 3vw;
}

#comments .comment-list .comment-body .cancel-comment-reply a:after {
	content: '(╯‵□′)╯︵┻━┻';
	padding-left: 1vw;
}

#comments .comment-list .comment-parent {
	padding-bottom: 3vw;
	margin-top: 2vw;
	margin-bottom: 2vw;
}

#comment-form label {
	display: none;
}

#comment-form p {
	font-size: 2vw;
	display: block;
	padding-top: 1vw;
	padding-bottom: 1vw;
}

#comment-form input,
.search input {
	width: 30vw;
	font-size: 2vw;
	height: 4vw;
	line-height: 4vw;
	padding-left: 2vw;
	background: whitesmoke;
	border: none;
	border-radius: 1vw;
}

#comment-form textarea {
	display: block;
	font-size: 2vw;
	width: calc(100% - 2vw);
	padding-top: 1vw;
	padding-left: 2vw;
	background-color: whitesmoke;
	background-image: url(commbg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto 100%;
	line-height: 4vw;
	border: none;
	border-radius: 1vw;
	resize: none;
}

#comment-form .submit {
	font-size: 2vw;
	padding: 1vw 2vw;
	background: whitesmoke;
	border-radius: 1vw;
	border: none;
}


/*404*/

.notfind,
.search {
	text-align: center;
}


/*search*/

.search .submit {
	margin-left: 1vw;
	padding: 0 2vw;
	font-size: 2vw;
	height: 4vw;
	line-height: 4vw;
	background: whitesmoke;
	border: none;
	border-radius: 1vw;
}


/*上下文*/

.post-near {
	list-style: none;
	line-height: 1.5;
	font-size: 2vw;
}

.post-near a {
	text-decoration: none;
}


/*archive*/

.a-item .title {
	font-size: 2vw;
	font-weight: normal;
	line-height: 3;
}

.a-item .title a {
	text-decoration: none;
}

.a-item .nf-title {
	text-align: center;
}


/*翻页*/

.page-navigator {
	margin-top: 3vw;
	margin-bottom: 2vw;
	text-align: center;
	list-style: none;
	font-size: 2vw;
}

.page-navigator li {
	display: inline-block;
	padding: 1.5vw;
}

.page-navigator .current {
	border-radius: 2vw;
	background: whitesmoke;
}

.page-navigator li a {
	text-decoration: none;
}


/*页脚*/

footer {
	margin-top: 3vw;
	margin-bottom: 6vw;
	line-height: 2;
	width: 100%;
	font-size: 2vw;
	text-align: center;
}

footer a {
	text-decoration: none;
}

footer .love:after,
footer .love:before {
	font-size: 2vw;
	content: '♥';
	display: inline-block;
	color: red;
}

footer .love:after {
	padding-left: 5px;
}

footer .love:before {
	padding-right: 5px;
}


/*响应式适配*/

@media only screen and (max-width: 640px) {
	/*索引分类视图*/
	.i-cate .i-item {
		width: 100%;
	}
	.i-cate .i-item h1 {
		font-size: 4.5vw;
	}
	.i-cate .i-item .i-meta {
		font-size: 3vw;
	}
	.i-cate .i-item .i-top-cover {
		width: 76vw;
		height: 40vw;
		margin-top: 2vw;
		margin-bottom: 3vw;
		border-radius: 3vw;
	}
	.i-cate .i-item:first-child h1 {
		font-size: 4.5vw;
	}
	.i-cate .i-item:first-child .i-meta {
		font-size: 3vw;
	}
	.i-more {
		width: 24vw;
		height: 6vw;
		line-height: 6vw;
		font-size: 3vw;
		padding: 1.5vw;
		border-radius: 4.5vw;
	}
	/*文章/页面视图*/
	/*标题*/
	.p-post h1 {
		font-size: 4.5vw;
	}
	/*信息*/
	.p-post .p-meta {
		font-size: 3vw;
	}
	/*内容*/
	.p-post .p-content {
		margin-top: 3vw;
	}
	.p-post .p-content p {
		font-size: 3vw;
	}
	.p-post .p-content h3 {
		font-size: 3.3vw;
	}
	.p-post .p-content h2 {
		font-size: 3.6vw;
	}
	.p-post .p-content h1 {
		font-size: 3.9vw;
	}
	.p-post .p-content li {
		font-size: 3vw;
	}
	.p-post .p-content pre code {
		font-size: 3vw;
	}
	/*评论*/
	#comments h3 {
		font-size: 3.75vw;
	}
	#comments .comment-list {
		font-size: 3vw;
	}
	#comments .comment-list .comment-body .comment-author .fn,
	#comments .comment-list .comment-body .comment-author .fn {
		font-size: 3.75vw;
	}
	#comments .comment-list .comment-body .comment-meta a {
		font-size: 2.25vw;
	}
	#comment-form p {
		font-size: 3vw;
	}
	#comment-form input,
	.search input {
		width: 45vw;
		font-size: 3vw;
		height: 6vw;
		line-height: 6vw;
		padding-left: 3vw;
	}
	#comment-form textarea {
		font-size: 3vw;
		width: calc(100% - 3vw) padding-top: 1.5vw;
		padding-left: 3vw;
		line-height: 6vw;
	}
	#comment-form .submit {
		padding: 0 3vw;
		font-size: 3vw;
		height: 6vw;
		line-height: 6vw;
	}
	/*search*/
	.search .submit {
		margin-left: 1.5vw;
		padding: 0 3vw;
		font-size: 3vw;
		height: 6vw;
		line-height: 6vw;
	}
	/*上下文*/
	.post-near {
		font-size: 3vw;
	}
	/*archive*/
	.a-item .title {
		font-size: 3vw;
	}
	/*翻页*/
	.page-navigator {
		font-size: 3vw;
	}
	/*页脚*/
	footer,
	footer .love:after,
	footer .love:before {
		font-size: 4vw;
	}
}