/* 半山随笔 essay.css  ——  仅补充 essay 模块所需样式，基础样式沿用 bsss-pc.css */
.top-logo-essay{
	width:1280px;
	height:260px;
	margin:0 auto;
	text-align:center;
	background-image:url("/images/essay-banner.svg");
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
}
.top-logo-essay img{
	height:60px;
	float:left;
	padding-left:20px;
	padding-top:20px;
}
.breadcrumb{
	padding:14px 22px 0 22px;
	font-size:13px;
	color:#aaa;
}
.breadcrumb a{color:#999;}
.breadcrumb span{color:#666;}

.essay-head{
	text-align:center;
	padding:26px 20px 6px 20px;
}
.essay-head .sub{
	font-size:14px;
	color:#999;
	padding-top:8px;
}
.essay-head .sub a{color:#c79a00;}

.essay-list{
	padding:10px 60px 10px 60px;
}
.essay-item{
	padding:18px 0;
	border-bottom:1px dashed #e2e2e2;
}
.essay-item .t{
	font-size:20px;
	font-weight:bold;
	color:#2a8c2a;
	font-family:"Microsoft YaHei";
}
.essay-item .t a{color:#2a8c2a;}
.essay-item .meta{
	font-size:12px;
	color:#aaa;
	margin:8px 0;
}
.essay-item .desc{
	font-size:14px;
	color:#555;
	line-height:26px;
}

.tags{
	margin:12px 0 4px 0;
	font-size:12px;
	color:#aaa;
	line-height:26px;
}
.tags a{
	display:inline-block;
	margin:0 6px 6px 0;
	padding:1px 10px;
	border:1px solid #e9c746;
	border-radius:12px;
	color:#c79a00;
}
.tags a:hover{
	background:#e9c746;
	color:#fff;
	text-decoration:none;
}

.cloud{
	padding:22px 60px;
	line-height:34px;
	border-top:1px solid #f0f0f0;
	margin-top:10px;
}
.cloud b{color:#999;font-size:13px;}
.cloud a{
	display:inline-block;
	margin:0 8px 10px 0;
	padding:3px 14px;
	border:1px solid #e9c746;
	border-radius:14px;
	color:#c79a00;
	font-size:14px;
}
.cloud a:hover{
	background:#e9c746;
	color:#fff;
	text-decoration:none;
}
.tag-count{color:#c9b877;font-size:11px;}

.pager{
	text-align:center;
	padding:22px;
	font-size:14px;
}
.pager a,.pager span{
	display:inline-block;
	margin:0 4px;
	padding:4px 12px;
	border:1px solid #e2e2e2;
	border-radius:4px;
	color:#555;
}
.pager a:hover{background:#f7f7f7;text-decoration:none;}
.pager .cur{
	background:#e9c746;
	color:#fff;
	border-color:#e9c746;
}

/* 文章正文里的标签行距更宽松 */
.book .content .tags{font-size:13px;}
.book .content img{max-width:100%;height:auto;}
.book .content h2{font-size:22px;}
.book .content blockquote{
	border-left:3px solid #e9c746;
	margin:16px 0;
	padding:2px 14px;
	color:#777;
	background:#fafafa;
}
.book .content code{
	background:#f5f5f5;
	padding:1px 5px;
	border-radius:3px;
}

/* —— 移动端 / 窄屏 响应式（随笔页统一使用本模板）—— */
@media screen and (max-width:900px){
	.wrapper{width:auto;max-width:100%;padding:8px;box-sizing:border-box;}
	.top-logo-essay{width:auto;max-width:100%;height:120px;background-size:cover;background-position:center;}
	.top-logo-essay img{height:34px;padding-left:10px;padding-top:10px;}
	.main{overflow:hidden;}
	.book{width:auto;float:none;padding:12px;}
	.book .title{font-size:22px;padding:16px;border-bottom-width:2px;}
	.book .content{font-size:16px;line-height:28px;padding:0 4px;}
	.book .content p{font-size:16px;line-height:28px;}
	.book .content h2{font-size:20px;}
	.navigation{display:none;}
	.footer{float:none;width:auto;font-size:13px;}
	.essay-list{padding:6px 14px;}
	.essay-item{padding:14px 0;}
	.essay-item .t{font-size:18px;}
	.essay-item .desc{font-size:13px;line-height:24px;}
	.cloud{padding:14px;}
	.breadcrumb{padding:10px 14px 0 14px;}
	.essay-head{padding:16px 12px 4px 12px;}
	.essay-head .title{font-size:22px;}
}