/* -------------------------------------------------------------------------------
	Theme Name: 春暖花开
	Theme URI: http://aaccz.com/
	Description: 2-column, right sidebar WordPress
	Version: 6.4
	Author: 老徐
	Tags: simple, clean, responsive, widget ready, widgets, right sidebar, two columns
   ------------------------------------------------------------------------------- */
/* general */
body{
	margin:0px auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
	background: #D4CB9D;
	border:0px yellow solid;
}
img {
	border:0px;
	padding:5px;
	max-width: 100%; /* not working in IE6*/
}
a {color:#5A6B1E;text-decoration: none;}
a:hover {color: #5A6B1E;text-decoration: underline;}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #5A6B1E; width:90%;}
del {color:red;}
ins {color:green;}
blockquote {
	clear: left;
	text-align: justify;
	padding: 0px 0px 0px 22px;
	margin: 10px 10px 10px 10px;
	background: url(images/quote.gif) no-repeat top left;
}
input,select,textarea {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
	font: 1.1em 'Courier New', Courier, Fixed;
}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
	padding: 5px;
	margin: 0 7px 2px 0;
	display: inline;
}
img.alignright {
	padding: 5px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clear {clear:both;}
.spacer {height:20px;}
/***** layout *****/
#page_top{
	margin:0px auto;
	padding:0;
	width:100%;
	background: #d4cc9e;
	border:0px blue solid;
}
#base{
	margin:0 auto;
	padding:0;
	width:1260px;
	background: #d4cc9e url(images/bg_repeat.png) repeat-y center;
	padding:0 26px 0 26px;
	border:0px red solid;
}
#header{
	position:relative;
	width: 100%;
	height: 130px;
	background:#f1f3ce;
	border-top: 5px #ffffff solid;
}
#menu{
	position:relative;
	width: 100%;
	height: 34px;
	background:#5a6b1e;
	border-top: 4px #ffffff solid;
	border-bottom: 20px #ffffff solid;
}
#container{
	position:relative;
	left: 0px;
	width:1260px;
	background: #ffffff;
	border:0px red solid;
	overflow:hidden;
}
#sidebar{
	float:right;
	width:336px;
	overflow:hidden;
	color:#706D2A;
	padding:0 59px 0 0;
	background:#ffffff;
	border:0px blue solid;
}
#content{
	width:756px;
	overflow:hidden;
	padding: 0px 39px 0 0px;
	margin-left:59px;
	border-right:1px #afb98d solid;
}
#footer{
	clear:both;
	position:relative;
	background:#000;
	height:47px;
	color:#ffffff;
	font-size:13px;
	font-family:Verdana, Arial;
	padding: 20px 0px 10px 40px;
	background:#5a6b1e;
	border-bottom: 4px #ffffff solid;
}
#footer a,#footer a:hover{
	color:#ffffff;
	text-decoration:none;
}
/*######### header ############*/
#blogtitle {
	position:absolute;
	top:35px;
	left:40px; 
	width:200px;
	font-family: Arial,Verdana; 
	font-size:30px; 
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	border:0px red solid;
	overflow:hidden;
}
#blogtitle a, #blogtitle a:hover {
	font-family: Arial, Verdana; 
	font-weight:bold;
	color:#db0606; 
	text-decoration:none;
}
#subtitle {
	display: none;
}
#menu ul {
	position:absolute;
	top: 0px;
	left: 17px;
	height: 34px;
	width: 1194px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border:0px red solid;
}
#menu ul li {
	display: inline;
	font-size: 14px;
	font-family:Verdana,Arial;
	font-weight: bold;
	color:#ffffff;
}
#menu ul li.separator {
	display: block;
	float: left;
	width:3px;
	height: 34px;
	background:url(images/menu_separate.jpg) no-repeat center;
}
#menu ul li a {
	display: block;
	float: left;
	line-height: 34px;
	color: #ffffff;
	padding: 0px 20px 0px 21px;
	margin:0px 0 0 0 ;
	text-decoration:none;
}
#menu ul li a:hover, #menu ul li.current-menu-item a, #menu ul li.current-menu-parent a {
	color:#fff000;
}
/***** sidebar *****/
#sidebar a{color:#333300;text-decoration:none;}
#sidebar a:hover {color:#666633;text-decoration:underline;}
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Verdana,Arial;
	border:0px blue solid;
}
#sidebar li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana,Arial;
	background:#ffffff;
	border:3px #ffffff solid;
}
#sidebar ul ul li{
	position: relative;
	line-height: 28px;
	list-style-type: none;
	font-size:14px;
	border:0px red solid;
	font-family:Verdana,Arial;
	margin: 0px 0px 0px 0px;
	padding:0 5px 0 15px;
	background: url('images/sidebar_arrow.jpg') no-repeat 0px 8px;
}
#sidebar ul ul ul li {
	position: relative;
	list-style-type: none;
	font-size:14px;
	border:0px; 
	margin: 0px 0px 0px 0px; 
	line-height: 1.7em; 
	font-family:Verdana,Arial;
	background: url('images/sidebar_arrow.jpg') no-repeat 0px 4px;
	padding: 0px 0px 0px 16px;
}
#sidebar h1 {
	color: #706D2A;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color:#000000;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 1px;
	height: 25px;
	font-family:Verdana,Arial;
	background:#ffffff;
	border-bottom:1px #000000 dotted;
	border-top:1px #ffffff solid;
}
#sidebar select{
	margin:5px 0px 2px 5px;
	font-size:14px;
	width:200px;
	overflow:hidden;
}
/***** content *****/
.archivetitle {
	position: relative;
	width:756px;
	color: #000000;
	font-size: 14px;
	text-indent:28px;
	font-family: Sans-Serif, Verdana, Arial, Helvetica;
	line-height: 2em;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border:0px blue solid;
}
.post{
	width:756px;
	margin:0px 0 30px 0;
	border:0px red solid;
}	
.post_top{
	width:756px;
	position: relative;
	border-left:8px #5A6B1E solid;
	border-bottom: 1px #5A6B1E solid;
	height:40px;
	/*background: #f6f6f6;*/
}
.post_bottom{
	width:756px;
	margin: 0 25px 0 0px;
	height:3px;
	border-bottom: 1px #5A6B1E dotted;
}	
.posttitle{
	position:absolute;
	top:5px;
	left:5px;
	font-size:19px;
	font-weight:bold;
	font-family:'Microsoft Yahei',Verdana, Arial, Helvetica, Sans-Serif;
	letter-spacing: 2px;
	color:#5A6B1E;
	border:0px red solid;
}
.posttitle a{
	font-family:'Microsoft Yahei',Verdana, Arial, Helvetica, Sans-Serif;
	color:#5A6B1E;
	text-decoration:none;
}
.posttitle a:hover{
	font-family:'Microsoft Yahei',Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration:underline;
	color:#5A6B1E;
}
.date {
	position:absolute;
	font-family:arial;
	top:24px;
	right: 5px;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	border:0px red solid;
}
.author{
	position:absolute;
	font-family:arial;
	font-size:12px;
	top:24px;
	left:5px;
}
.author a{
	text-decoration:none;
}
.author a:hover{
		text-decoration:underline;
}
.info {
	line-height: 2em;
	font-size: 12px;
	text-indent:28px;
	padding:5px 0px 0px 0px;
	color:#000000;
	border:0px red solid;
}
.category{
	padding:2px 0 2px 20px;
	background:url(images/category.jpg) no-repeat top left;
}
.bubble{
	padding:2px 0 2px 20px;
	background:url(images/bubble.jpg) no-repeat left top;
}
.tags{
	padding:2px 0 2px 20px;
	background:url(images/tags.jpg) no-repeat left top;
}
.entry {
	color: #000000;
	font-size: 14px;
	text-indent:28px;
	font-family: Sans-Serif, Verdana, Arial, Helvetica;
	line-height: 2em;
	text-align: justify;
	text-justify:inter-ideograph;
	padding: 20px 0px 0px 0px;
	border:0px red solid;
}
.navigation {
	font-size: 14px;
	padding: 20px 10px 50px 20px;
}
.navigation a{
	color:#5A6B1E;
	text-decoration:none;
}
.navigation a:hover{
	color:#5A6B1E;
	text-decoration:underline;
}
.sorry {
	font-size: 12px;
	font-style: italic;
	margin: 8px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #CC6633;
	background:#ffffff;
}
/*** comment ***/
#postmetadata {
	font-size: 12px;
	margin: 10px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
}
.nocomments {background: none; color: #000000;}
#comments {
	width: 756px;
	color: #000000;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:0px blue solid;
}
.commentlist {
	list-style: none;
	font-size: 14px;
	line-height: 1.8em;
	margin:0px 0px 10px 0;
	padding:0 0px 0px 0px;
	border:0px blue solid;
}
.comment,.trackback,.pingback{
	clear:both;
	margin:8px 0px 8px 0;
	padding:0px 0px 0px 0px;
	border:0px blue solid;
}
.comment .children{
	list-style: none;
	padding:0px 0 0 0;
	margin:0px 0 0px 40px;
	border:0px blue solid;
}
.comment div, .trackback div, .pingback div{
	height:100%;
	background:#ffffff;
	padding:10px;
	border-top:1px #5A6B1E solid;
	border-right:1px #5A6B1E solid;
	border-left:6px #5A6B1E solid;
	border-bottom:1px #5A6B1E solid;
}
.trackback div, .pingback div{
	border:1px #d8d8d8 dashed;
}
.comment div div,.trackback div div, .pingback div div{
	background:none;
	padding:0;
	border:0px;
}
.comment .says, .trackback .says, .pingback .says{
	display:none;
}
.comment .avatar{
	position:relative;
	float: left;
	margin-right: 10px;
	padding: 0;
	border:0px red solid;
}
.comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{
	position:relative;
	float: left;
	margin-right: 0px;
	padding: 1px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	font-size: 14px;
	border:0px red solid;
}	
.byuser .fn a{
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
.bypostauthor .fn a{
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}
.comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{
	border-bottom: 1px dotted #5A6B1E;
	margin:0 0 8px 0;
	padding:2px 0 6px 0;
	font-size:12px;
	text-align:right;
	line-height:30px;
}
.trackback .comment-meta{
	padding:2px 0 2px 0;
}
.comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a {
	color:#000000;
	text-decoration:none;
}
.comment .reply{
	margin:0;
	padding:0 2px 0 0;
	font-size:12px;
	text-align:right;
	line-height:15px;
	border:0px red solid;
}
.comment .reply a{
	color:#000000;
	text-decoration:none;
}
.trackback .reply, .pingback .reply{
	display:none;
}
	/**comment paging WP2.7**/
.commentnavi{
	position:relative;
	padding-right:20px;
}
.commentpages{
	float:right;
	padding:5px 10px;
}
.page-numbers{
	padding-left:5px;
}
.current{
	font-weight:bold;
}
	/*** comment form ***/
#respond {
	clear:both;
	padding:0 0px 0 0;
	margin:10px 2px 0px 1px;
	font-size:14px;
	border:0px red solid;
}	
.cancel-comment-reply{
}
#commentform {
	margin:0;
	padding:10px 0 0 0;
}
#email, #author, #url {
	color: #000000;
	background: #ffffff;
	font-size: 12px;
	padding-left: 2px;
	vertical-align: middle;
	border: 1px solid #5A6B1E;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
	width: 99%;
	color: #000000;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #5A6B1E;
	padding: 2px 2px 2px 2px;
	margin:8px 0 0 0;
}
#submit {
	width: 80px;
	height: 23px;
	color: #ffffff;
	font-size: 12px;
	background: #ff0000;
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 2px 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.xiangguan {
	color: #000000;
	font-size: 14px;
	text-indent:0px;
	font-family: Sans-Serif, Verdana, Arial, Helvetica;
	line-height: 2em;
	text-align: justify;
	padding: 0px 0px 0px 0px;
}
//分页代码css
.vt_nav{clear:both;margin:5px -2px;overflow:hidden;zoom:1;text-align:center;}
.vt_nav .page-numbers:hover{background:#FF3D86;color:#FFF;-moz-box-shadow:1px 1px 1px #DDD;-webkit-box-shadow:1px 1px 1px #DDD;box-shadow:1px 1px 1px #DDD;}
.vt_nav .page-numbers,
.vt_nav .dots:hover,
.vt_nav .pages:hover{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#FFF;display:inline-block;float:left;height:18px;margin:2px;min-width:28px;_width:28px;padding:1px;}
.vt_nav .page-numbers:visited{opacity:0.5;}
.vt_nav .current,
.vt_nav .current:hover{background:#7BAFA7;color:#FFF;font-weight:bold;-moz-box-shadow:1px 1px 1px #DDD;-webkit-box-shadow:1px 1px 1px #DDD;box-shadow:1px 1px 1px #DDD;}
.vt_nav .pages,
.vt_nav .pages:hover{color:#CCC;width:120px;}
.daohang {
	font-size: 13px;
	background: #ffffff;
	width:350px;
	border: 1px solid #5A6B1E;
}
.gonggao {
	position:absolute;
	top:85px;
	right:46px; 
	font-family: Arial,Verdana; 
	font-size:14px; 
	color:#f6ff00;
	background: red;
	border:1px red solid;
	overflow:hidden;
}
.gonggao a {
	color: #f6ff00;
	text-decoration: none;
}
.gonggao a:hover {
	color: #f6ff00; 
	text-decoration: none;
}
.banquan {
	position:relative;
	float:right;
	margin-right:25px;
	border:0px #ffffff solid;
}
.ad0 {
	text-indent:0px;
	float:left;
	padding: 0px 10px 0px 0px;
}
.ad1 {
	position:absolute;
	top:20px;
	left:230px;
	border:0px #ffffff solid;
	margin: 0px 0px 0px 0px;
}
.ad2 {
	text-align: center;
	text-indent:0px;
	padding: 0px 0px 15px 0px;
}
.ad3 {
	text-align: center;
	text-indent:0px;
	padding: 0px 0px 15px 0px;
}

/* #############################################################################
   列表卡片（首页 / 分类 / 标签 / 搜索 / 作者页通用）
   左侧缩略图，右侧标题 + 摘要 + 元信息，整体固定高度 200px 自动截断
   ############################################################################# */
.post-list-item {
	position: relative;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	height: auto;
	overflow: hidden;
	margin: 0 0 12px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px #afb98d dashed;
	box-sizing: border-box;
}
.post-list-item .post-list-thumb {
	flex: 0 0 220px;
	width: 220px;
	height: 150px;
	overflow: hidden;
	margin: 0 15px 0 0;
	display: block;
	background: #f1f3ce;
	position: relative;
}
.post-list-item .post-list-thumb img,
.post-list-item .post-list-thumb svg,
.post-list-item .post-list-thumb .cnhk-thumb-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 0;
	border: 0;
}
/* 桌面端：标题整行置顶，左侧图片，右侧描述 / 目录阅读置底 */
.post-list-item .post-list-head {
	width: 100%;
	flex: 0 0 auto;
	position: static;
	height: auto;
	min-height: 0;
	border: 0;
	border-bottom: 1px #afb98d dotted;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
}
.post-list-item .posttitle {
	position: static;
	display: block;
	padding: 0;
	font-size: 19px;
	line-height: 1.3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post-list-item .post-list-body {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	height: 150px;
	overflow: hidden;
}
.post-list-item .post-list-meta {
	display: none;
	flex: 0 0 auto;
	padding-top: 4px;
	font-size: 12px;
	color: #888;
	line-height: 1.5em;
}
.post-list-item .post-list-meta .date {
	position: static;
	display: inline;
	padding: 0 12px 0 0;
}
.post-list-item .post-list-meta .views {
	display: inline;
}
.post-list-item .post-list-meta .views::before {
	content: "👁 ";
}
/* 描述：占满 body 容器内剩余空间（flex: 1 1 auto），
   这样短描述下方不再有大片空白，目录/阅读自然贴近底部 */
.post-list-item .entry {
	flex: 1 1 auto;
	min-height: 0;
	font-size: 13px;
	line-height: 1.7em;
	text-indent: 2em;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
}
.post-list-item .info {
	flex: 0 0 auto;
	margin-top: auto;
	line-height: 1.6em;
	font-size: 12px;
	text-indent: 0;
	padding: 4px 0 0 0;
	color: #000000;
}
.post-list-item .info .views {
	/* 复用原主题 bubble 图标 */
	padding: 2px 0 2px 20px;
	background: url(images/bubble.jpg) no-repeat left top;
}
.post-list-item .post_bottom {
	display: none;
}
.index-ad {
	margin: 0 15px 18px 0;
	padding: 8px 0;
	border-bottom: 1px #afb98d dashed;
	text-align: center;
}
.cnhk-thumb-placeholder {
	width: 100%;
	height: 100%;
}

/* 空白 page 模板：不显示标题和侧栏，中间画布占满主题宽 */
#content.blank-page-content {
	width: auto;
	float: none;
	margin: 0 59px;
	padding: 0;
	border-right: none;
}
.page-blank .blank-canvas {
	width: 100%;
	min-height: 350px;
	background: #ffffff;
	border: none;
	padding: 15px 30px 30px 30px;
	margin: 0 0 20px 0;
	font-size: 15px;
	line-height: 2em;
	color: #333;
	box-sizing: border-box;
}
.page-blank .blank-canvas p { margin: 0 0 1em 0; }
.page-blank .blank-canvas img { max-width: 100%; height: auto; }
@media screen and (max-width: 1024px) {
	#content.blank-page-content {
		width: auto;
		margin: 0 20px;
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
	#content.blank-page-content {
		margin: 0 10px;
	}
	.page-blank .blank-canvas {
		padding: 12px 12px 20px 12px;
		min-height: 260px;
		font-size: 14px;
	}
}

/* #############################################################################
   响应式适配（移动端）
   1024px 以下：整体宽度自适应，保持双栏
   768px 以下：单栏布局、侧栏隐藏、菜单折叠为汉堡按钮
   480px 以下：小屏手机进一步压缩字号与间距
   ############################################################################# */
html {
	-webkit-text-size-adjust: 100%;
}
img {
	max-width: 100%;
	height: auto;
}

/* 桌面端默认隐藏汉堡按钮 */
.menu-toggle { display: none; }

/* ---- 平板 / 窄屏（<=1024px）：宽度自适应，保持双栏 ---- */
@media screen and (max-width: 1024px) {
	#page_top {
		width: 100%;
	}
	#base {
		width: 100%;
		box-sizing: border-box;
		background-color: #d4cc9e;
	}
	#container {
		width: 100%;
		box-sizing: border-box;
	}
	#content {
		width: auto;
		margin-right: 434px;
		padding-right: 20px;
	}
	#sidebar {
		width: 336px;
		padding-right: 26px;
	}
	#menu ul {
		width: auto;
		right: 17px;
	}
	.post,
	.post_top,
	.post_bottom,
	.archivetitle,
	#comments {
		width: auto;
	}
}

/* ---- 手机（<=768px）：单栏布局、汉堡菜单、隐藏侧栏 ---- */
@media screen and (max-width: 768px) {
	body {
		font-size: 13px;
	}
	#base {
		padding: 0;
		background: #d4cc9e;
	}
	#header {
		height: auto;
		min-height: 90px;
	}
	#blogtitle {
		position: static;
		width: auto;
		margin: 15px 12px 5px;
		font-size: 24px;
	}
	#subtitle {
		position: static;
		width: auto;
		height: auto;
		margin: 0 12px 10px;
		line-height: 1.6em;
	}
	#subtitle,
	.gonggao {
		display: none;
	}
	.ad1 {
		position: static;
		margin: 10px 12px;
		text-align: center;
	}

	/* 导航：折叠为汉堡按钮 */
	#menu {
		height: auto;
		min-height: 44px;
		border-bottom: 10px #ffffff solid;
		position: relative;
	}
	#menu > ul {
		display: none;
		position: static;
		width: 100%;
		height: auto;
		overflow: visible;
		left: 0;
	}
	#menu.open > ul {
		display: block;
	}
	#menu ul li {
		display: block;
	}
	#menu ul li a {
		display: block;
		float: none;
		line-height: 40px;
		padding: 0 16px;
		border-bottom: 1px rgba(255,255,255,0.15) solid;
	}
	#menu ul li.separator { display: none; }
	.menu-toggle {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 30px;
		height: 22px;
		padding: 4px;
		background: transparent;
		border: 0;
		cursor: pointer;
		position: absolute;
		top: 11px;
		right: 14px;
		z-index: 20;
	}
	.menu-toggle span {
		display: block;
		height: 3px;
		background: #ffffff;
		border-radius: 2px;
		transition: transform 0.25s ease, opacity 0.2s ease;
	}
	.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.menu-toggle.active span:nth-child(2) { opacity: 0; }
	.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

	/* 内容区：单栏 */
	#container {
		width: 100%;
	}
	#content {
		width: auto;
		margin: 0 10px;
		padding: 0;
		border-right: none;
	}
	/* 移动端隐藏右侧边栏 */
	#sidebar {
		display: none;
	}
	.post,
	.post_top,
	.post_bottom,
	.archivetitle,
	#comments {
		width: auto;
	}
	/* 列表卡片（移动端）：标题整行置顶，下排左图右文，正文两行截断，图片为横版/方形 */
	.post-list-item {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		height: auto;
		min-height: 0;
		margin: 0 0 18px 0;
	}
	/* 第一行：标题（占满整行） */
	.post-list-item .post-list-head {
		width: 100%;
		flex: 0 0 auto;
		margin: 0 0 10px 0;
		padding: 0 0 8px 0;
		border-bottom: 1px #afb98d dotted;
	}
	.post-list-item .posttitle {
		font-size: 16px;
		line-height: 1.35em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* 第二行：左图右文 */
	.post-list-item .post-list-thumb {
		flex: 0 0 118px;
		width: 118px;
		height: 88px;
		margin: 0 12px 0 0;
	}
	.post-list-item .post-list-body {
		flex: 1 1 0;
		min-width: 0;
		display: flex;
		flex-direction: column;
		height: 88px;
		overflow: hidden;
	}
	.post-list-item .entry {
		flex: 1 1 auto;
		min-height: 0;
		font-size: 13px;
		line-height: 1.55em;
		text-indent: 0;
		padding: 0;
		margin: 0;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	/* 日期 + 阅读数放在右侧描述下方 */
	.post-list-item .post-list-meta {
		display: block;
		flex: 0 0 auto;
		font-size: 12px;
		color: #888;
		margin: 6px 0 0 0;
		padding: 0;
	}
	.post-list-item .info { display: none; }

	/* 文章块自适应（单篇文章页） */
	.post,
	.post_top,
	.post_bottom,
	.archivetitle,
	#comments {
		width: auto;
	}
	.post_top {
		height: auto;
		min-height: 40px;
		padding-bottom: 2px;
	}
	.posttitle {
		position: static;
		display: block;
		padding: 5px 8px 0;
		font-size: 17px;
	}
	.date {
		position: static;
		display: block;
		text-align: right;
		padding: 0 8px;
	}
	.post_bottom {
		margin: 0;
	}
	.entry {
		font-size: 15px;
		line-height: 1.9em;
	}
	.info {
		text-indent: 0;
		padding: 5px 8px;
		line-height: 1.8em;
	}
	.daohang {
		width: auto;
		max-width: 100%;
		margin: 0 5px;
		box-sizing: border-box;
	}
	.vt_nav .page-numbers,
	.vt_nav .dots:hover,
	.vt_nav .pages:hover {
		height: 26px;
		min-width: 32px;
		padding: 3px 6px;
	}
	/* 评论相关 */
	.comment .children {
		margin-left: 15px;
	}
	#footer {
		height: auto;
		padding: 15px 12px 10px;
		line-height: 1.8em;
		text-align: center;
	}
	.banquan {
		float: none;
		margin-right: 0;
		display: block;
	}
}

/* ---- 小屏手机（<=480px）---- */
@media screen and (max-width: 480px) {
	body {
		font-size: 13px;
	}
	#blogtitle {
		font-size: 20px;
	}
	.posttitle {
		font-size: 16px;
		letter-spacing: 1px;
	}
	.entry {
		font-size: 15px;
		text-indent: 2em;
	}
	h1 {font-size:22px;}
	h2 {font-size:20px;}
	h3 {font-size:18px;}
	#submit {
		width: auto;
		height: auto;
		padding: 4px 14px;
	}
	#menu ul li {
		font-size: 13px;
	}
	#menu ul li a {
		padding: 0 9px;
	}
	.ad0 {
		float: none;
		text-align: center;
	}
}