/**

 * This is  a free wordpress themes

 * Theme Name: 月光博客

 * Theme URI: http://ztmao.com/

 * Author: http://ztmao.com/

 * Author URI: http://ztmao.com/

 * Description: http://ztmao.com/

 * Version: 1.27

 * License: GNU General Public License v2 or later

 * License URI: http://www.gnu.org/licenses/gpl-2.0.html

 * Text Domain: http://ztmao.com/

-------------------------------------------------------------- */

#sidebarss{float:left; position:relative;width:250px;}.sidebarssa{width:250px;}.sidebarssb{position:fixed;_position:absolute;top:0;z-index:250;}

body{

	margin:0;

	padding:0;

	color:#000000;

	font-size:12px;

	text-align:center;



	
}

a{

	text-decoration: none;

}

a:link {

	color: #4E0A13;

}

a:visited {

	color: #670E1A;

}

a:hover {

	color: #FF7850;

	text-decoration: underline;

}

a:active {

	color: #FF7850;

	text-decoration: underline;

}

ul{

	list-style-type:none;

	list-style-position : outside;

	margin:0 0 0 0;

	padding:0 0 0 0;

	word-break:break-all;

}

li{

	margin:0 0 0 0;

	padding:0 0 0 0;

}

p{

	margin:0 0 0 0;

	padding:0 0 0 0;

	word-break:break-all;

}

img{

	border:0;

}

img.thumb {

	border:0px solid #666;

	float: left;

	margin: 14px 14px 14px 14px;

	padding: 0px;

	padding: 0px;

	max-width: 500px;

	max-height:500px;

	overflow:hidden;

	clear:both;

}



.hcc_page {
padding: 5px;
}
.hcc_page ul {
list-style: none;
}
.hcc_page ul li {
float: left;
margin: 0 0 0 8px;
}


.pic {

	border:0px solid #666; float:left;

	display: block;

	margin: 0px 10px 10px 10px;

	padding: 0px;

	max-width: 400px;

	max-height:500px;

	overflow:hidden;

	clear:both;

}



/*---------------------------------------------------------------*/

#divAll{

	width:1020px;

	margin:0 auto;

	padding:0

}



#divPage{

	width:1008px;

	margin:0;

	padding:0 6px 0 6px;

	text-align:left;

	float:left;

	background:#f6f4e9 url("images/bgw.gif") repeat-y center;background-size:100% 1px;

}



#divMiddle{

	width:1008px;

	margin:0;

	padding:0;

	text-align:left;

	float:left;

	background:#eeeade;

}



#divTop{

	width:1008px;

	margin:0 auto;

	padding:0;

	text-align:center;

	float:left;

	height:130px;

	/*图原生 948x130、容器 1008x130：cover 等比放大到 1008x138 再上下各裁 4px，不拉伸变形；
	  不用「居中留底色」是因为实测图左右边缘平均色 #c0b5a1/#8f6c5a 远深于底色 #f6f4e9，会露两条 30px 硬接缝。
	  若就要那种框感，把下面改回 no-repeat center top + background-size:auto 即可。*/
	background:#f6f4e9 url("images/toppicw.jpg") no-repeat center;background-size:cover;

	border-bottom:1px solid #666;

}



#divSidebar{

	width:250px;

	margin:0 0 0 0;

	padding:0 0 2px 0;

	text-align:center;

	float:left;

	background:#eeeade;

}



#divMain{

	width:738px;

	margin:0 0 0 0;

	padding: 0;

	text-align:left;

	float:right;

	background:#f6f4e9;

}



#divMain h3 {

	font-size: 14px;

	font-weight: bold;

	padding: 5px 0px 5px 0px;

	margin: 0px;

	border-top: 1px dotted #C0C0C0;

	border-bottom: 1px dotted #C0C0C0;

}



#divBottom{

	width:1008px;

	margin:0 auto;

	padding:0;

	text-align:center;

	float:left;

	height:70px;

	background:#484848 url("images/bg_bottom.gif") repeat-x 0 0;

}



#divBottom a{

    color:#CCCCCC;

}



#divAdsense{

	float: left;

	margin-top:10px;

	margin-right:10px;

}



/*---------------------------------------------------------------*/

div.function {

	float:left;

	width:230px;

	margin:10px 0 0 0;

	padding:0 0 0 0;

	text-align:left;

	border-left:10px solid #eeeade;

	border-right:10px solid #eeeade;

}

div.function h3{

	font-size:12px;

	height:16px;

	margin:0 0 0 0;

	padding:5px 0 0 5px;

	color:#484848;

	background:url("images/nav_bg1.gif") repeat-x;

}

div.function ul{

	text-align:left;

	width:230px;

	margin:2px 0 0 0;

	padding:5px 0 0 0;

	list-style-position:outside;

	list-style-type:none;

	border-top:1px solid #d0d0d0;

}

div.function li{

	margin:0 0 0 0;

	padding:2px 0 1px 15px;

	background:url("images/pointblue.gif") no-repeat 3px 4px;

}



#divMisc{

	padding:10px 0 5px 0;

}

#divMisc h3{

	display: none;

}

#divMisc li{

	padding:2px 0 2px 15px;

	background-image : none;

}



#divContorPanel li{

	background-image : none;

}



#divSearchPanel li{

	background-image : none;

}



/*---------------------------------------------------------------*/



/*input*/

.input_on{

border:1px solid #999;

background-color:#FFFFCC;

}

.input_off{

padding:2px 8px 0pt 3px;

border:1px solid #CCC;

background-color:#FFF;

}

.input_move{

width:210px;

height:15px;

line-height:10px;

padding:1px;

vertical-align:middle;

border:1px solid #FF0000;

background:#fff;

font-size:12px;



background-repeat: no-repeat;

background-position: right center;

font-family: Arial, Helvetica, sans-serif;

}

.input_out{

/*height:16px;默认高度*/

width:210px;

height:15px;

line-height:10px;

padding:1px;

vertical-align:middle;

border:1px solid #33CC00;

background:#fff;

font-size:12px;

background: url('images/serach.png');

background-repeat: no-repeat;

background-position: right center;

font-family: Arial, Helvetica, sans-serif;

}



div.post {

	width:728px;

	margin:10px 0 10px 10px;

	padding:0 0 0 0;

	text-align:left;

}

div.post-nav {

	width:100%;

	clear:both;

	float:left;

}

div.post-nav a.l{

	float:left;

	padding-right:10px;

	padding-bottom:5px;

}

div.post-nav a.r{

	float:right;

	padding-left:10px;

	padding-bottom:5px;

}



div.post .post-title{

	width:708px;

	padding:5px 0 5px 10px;

	margin:2px 0 2px 0;

	font-size:14px;

	color: #284259;

	height:auto;
	line-height:22px;

	border-top: 1px dashed #91895b;

	border-left: 3px solid #91895b;

	border-bottom: 1px dashed #91895b;

}

div.post .post-date{

	width:708px;

	margin:0 0 0 0;

	padding:5px 5px 5px 5px;

	font-size:12px;

	color: #333;

}



div.post .post-footer{

	width:716px;

	margin:10px 0 10px 5px;

	padding:2px 0 0 0;

	font-size:12px;

	color:gray;

	height:20px;

	text-align:right;

}



div.post div.post-body{

	width:706px;

	margin:0 0 0 0;

	padding:0 0 0 5px;

	font-size:14px;

	word-break:break-all;

	text-align:left;

	line-height: 23px;

}



div.post-body div.media a{

	padding-left:16px;

	background:#FBFBFB url("images/media.gif") no-repeat 0 center;

}



div.post-body img{

	padding:4px 4px 4px 4px;

	border:1px solid #D5D4CD;

	clear : both;

	float : none;

}



.comments-hcc {color: #FF0000}



div.post-body img.thumb {

	border:0px solid #666;

	float: right;

	margin: 10px 10px 10px 10px;

	padding: 0px;

	padding: 0px;

	max-width: 500px;

	max-height:500px;

	overflow:hidden;

	clear:both;

}



div.post-body p{

	margin:10px 0 15px 0;

	padding:0;

}

div.post-body p.img{

	margin:0;

	padding:0;

	text-align:center;

}

div.post-body p.inscript{

	margin:0;

	padding:0;

	padding-right:20px;

	text-align:right;

}



.code

{

	background-color: #E7E5DC;

	width: 99%;

	overflow: auto;

	margin: 12px 0 12px 0 !important;

	padding:5px;

	border:1px dotted black;

}



div.post-body h1{

	color: #000000;

	margin:0;

	padding:0;

	font-size:16px;

}

div.post-body h2{

	color: #000000;

	margin:0;

	padding:0;

	font-size:14px;

	}

div.post-body h3{

	color: #000000;

	margin:0;

	padding:0;

	font-size:13px;

}

div.post-body h4{

	color: #000000;

	margin:0;

	padding:0;

	font-size:12px;

}

div.post-body h5{

	color: #000000;

	margin:0;

	padding:0;

	font-size:11px;

}

div.post-body h6{

	color: #000000;

	margin:0;

	padding:0;

	font-size:10px;

}

div.post-body a{

	text-decoration: underline;

}



div.post-body ul{

	list-style-type: disc;

	list-style-position: inside;

}



div.post-body blockquote{

	background-color:#e0dfcc;

	padding:2em;

	margin:2em 2em 2em 2em;

	-moz-border-radius: 20px; 

	-webkit-border-radius:20px;

	border-radius: 20px;

}



/*---------------------------------------------------------------*/

#BlogTitle{

	font-size:34px;

	margin:24px 0 0 20px;

	padding:0;

	font-weight:bold;

	font-family:"黑体","宋体";

}

#BlogTitle a{

	color:#484848;

}

#BlogTitle a:hover {

	color: #DC143C;

	text-decoration: none;

}

#BlogTitle a:active {

	color: #DC143C;

	text-decoration: none;

}

#BlogSubTitle{

	color: #484848;

	font-size:12px;

	margin:2px 0 0 20px;

	padding:0;

}

#BlogPowerBy{

	color:#CCCCCC;

	font-size:12px;

	height:20px;

	margin:0;

	padding:10px 10px 0 10px;

	text-align:center;

	font-weight:normal;

}

#BlogCopyRight{

	color:#CCCCCC;

	font-size:10px;

	height:20px;

	margin:0;

	text-align:center;

	float:none;

	clear:both;

	font-weight:normal;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

}





/*---------------------------------------------------------------*/

p.posttop {

	margin:10px 0 0 0;

	padding:0 0 2px 16px;

	border-bottom:1px solid #aaaaaa;

	background: url("images/quote.gif") no-repeat 0 center;

}

p.postbottom {

	margin:0 0 10px 0;

	padding:2px 0 0 16px;

	border-top:1px solid #aaaaaa;

	background: url("images/trackback.gif") no-repeat 0 center;

}



#frmSumbit{

	padding:0;

	margin:0;

}



#frmSumbit p{

	padding:5px 0 5px 0;

}





input.button{

	border: 1px double #909090;

	border-left-color: #c0c0c0;

	border-top-color: #c0c0c0;

	color: #333;

}



input.text {

	border: 1px dashed #909090;

	background:#FFFDF1;

}



textarea.text {

	border: 1px dashed #909090;

	width: 80%;

	height: 80px;

	width: 420px;

	height: 120px;

	background:#FFFDF1;

}



/*---------------------------------------------------------------*/

#divCalendar{

	padding:0 0 0 0;

	text-align:center;

}



#divCalendar li{

	padding:2px 0 2px 15px;

	background-image : none;

	text-align:center;

}



#divCalendar h3{

	display:none;

}



#divCalendar div{

	margin:0 0 0 0;

	padding:0 0 5px 8px;

	float:left;

}

#divCalendar div.month1{

	background:url("images/month1.gif") no-repeat center 10px;

}

#divCalendar div.month2{

	background:url("images/month2.gif") no-repeat center 10px;

}

#divCalendar div.month3{

	background:url("images/month3.gif") no-repeat center 10px;

}

#divCalendar div.month4{

	background:url("images/month4.gif") no-repeat center 10px;

}

#divCalendar div.month5{

	background:url("images/month5.gif") no-repeat center 10px;;

}

#divCalendar div.month6{

	background:url("images/month6.gif") no-repeat center 10px;

}

#divCalendar div.month7{

	background:url("images/month7.gif") no-repeat center 10px;

}

#divCalendar div.month8{

	background:url("images/month8.gif") no-repeat center 10px;

}

#divCalendar div.month9{

	background:url("images/month9.gif") no-repeat center 10px;

}

#divCalendar div.month10{

	background:url("images/month10.gif") no-repeat center 10px;

}

#divCalendar div.month11{

	background:url("images/month11.gif") no-repeat center 10px;

}

#divCalendar div.month12{

	background:url("images/month12.gif") no-repeat center 10px;

}



p.w{

	float:left;

	width:25px;

	height:16px;

	margin:4px 0 0 0;

	padding:2px 0 1px 0;

	text-align:center;

	vertical-align :middle;

	font-size:9px;

	border-top:1px solid #aaaaaa;

	border-bottom:1px solid  #aaaaaa;

}



p.y{

	text-align:center;

	height:14px;

	margin:2px 0 0 0;

	padding:0 0 0 0;

	float:left;

	width:175px;

	font-size:12px;

	font-weight:bold;

}

p.d{

	float:left;

	width:25px;

	height:18px;

	margin:0 0 0 0;

	padding:2px 0 0 0;

	text-align:center;

	vertical-align :middle;

}

p.yd{

	float:left;

	width:25px;

	height:18px;

	margin:0 0 0 0;

	padding:2px 0 0 0;

	text-align:center;

	vertical-align :middle;

	color:#4e0a13;

	font-weight : bold;

}

p.nd{

	float:left;

	width:25px;

	height:18px;

	margin:0 0 0 0;

	padding:2px 0 0 0;

	text-align:center;

	vertical-align :middle;

}





/*---------------------------------------------------------------*/

ul.msg{

	width:718px;

	margin:10px 0 20px 10px;

	padding:0 0 0 0;

	text-align:left;

	list-style-position : outside;

}

li.msgname{

	border-bottom:1px solid Silver;

	padding:2px 0 2px 5px;

	margin:0px;

}

li.tbname{

	border-bottom:1px solid Silver;

	padding:2px 0 2px 5px;

	margin:0px;

}

li.msgurl{

	border-left:1px solid Silver;

	border-right:1px solid Silver;

	text-align:left;

	padding:2px 10px 2px 10px;

	margin:0;

	background:#E6E5DC;

}

li.msgarticle{

	border-left:1px solid Silver;

	border-right:1px solid Silver;

	list-style-position : outside;

	padding:15px 10px 15px 10px;

	margin:0;

	background:#F6F4EE;

	line-height:150%;

}

li.msgtime{

	border-left:1px solid Silver;

	border-right:1px solid Silver;

	border-bottom:1px solid Silver;

	text-align:right;

	padding:2px 5px 0 10px;

	margin:0 0 0 0;

	background:#F6F4EE;

}

li.mutualityurl{

	border-left:1px solid Silver;

	border-right:1px solid Silver;

    text-align:left;

    padding:3px 10px 0px 10px;

    margin:0;

    background:#F6F4EE;

    line-height:150%;

}



div.quote {

	background:#FFFFFF;

	margin:15px 20px 10px 10px;

	padding:2px;-moz-border-radius: 5pt;

	border-top:1px solid Silver;

	border-left:1px solid Silver;

	border-right:1px solid Silver;

	border-bottom:1px solid Silver;

}

div.quote div.quote-title {

	font-size:100%;

	background:#E6E5DC;

	border-bottom:1px  solid Silver;

	margin:0 0 10px 0;

	padding:2px;

}



/*---------------------------------------------------------------*/

#divNavBar{

	float:left;

	width:1008px;

	border-bottom:1px solid #969EA4;

	background:url("images/nav_bg.gif") repeat-x 0 0;

	height:24px;

}



#divNavBar h3{

	display:none;

}



#divNavBar ul{

	margin:0;

	padding:0;

}



#divNavBar li{

	float:left;

	padding:0 0 0 0;

	margin:0 0 0 0;

	font-family:"宋体","黑体";

	background:url("images/nav_bgline.gif") no-repeat right 0;

}



#divNavBar a{

	float:left;

	margin:0;

	padding:6px 10px 4px 10px;

	height:14px;

	text-decoration: none;

}



#divNavBar a:link {

	color: #f7eec7;

}

#divNavBar a:visited {

	color: #f7eec7;

}

#divNavBar a:hover {

	color: white;

	background:#540909;

}

#divNavBar a:active {

	color: white;

	background:#333;

}



input, textarea {

	background: #fefefe;

	border: 1px solid #ccc;

}





/*文章投票（打分）开始*/

#Rating {

	width:708px;

	margin:10px 0 40px 10px;

	border:1px Silver solid;

	padding:10px 0 10px 10px;

	text-align:left;

	overflow: auto;

	list-style-position : outside;

}

#Star {

    background-image: url(/PLUGIN/Rating/star.gif);

    height: 30px;

    width: 150px;

    float: left;

}

#Star-Cur {

    background-image: url(/PLUGIN/Rating/star.gif);

    background-position: 0px -60px;

    width: 0px;

    position: absolute;

    z-index: 11;

    height: 30px;

}

#Star1 {

    position: absolute;

    z-index: 20;

    height: 30px;

    width: 30px;

}

#Star2 {

    position: absolute;

    z-index: 19;

    height: 30px;

    width: 60px;

}

#Star3 {

    position: absolute;

    z-index: 18;

    height: 30px;

    width: 90px;

}

#Star4 {

    position: absolute;

    z-index: 17;

    height: 30px;

    width: 120px;

}

#Star5 {

    position: absolute;

    z-index: 16;

    height: 30px;

    width: 150px;

}

#Star1:hover, #Star2:hover, #Star3:hover, #Star4:hover, #Star5:hover {

    background-image: url(/PLUGIN/Rating/star.gif);

    background-position: -30px;

}

#Score {

    line-height: 30px;

    text-align: center;

    float: left;

    width: 250px;

}



#Rating-show{    /*文章得分及投票次数*/



}

Rating-now{    /*正在投票,请稍候*/

    color: #FF0000;    

}

#Rating-Tanks {    /*投票成功,感谢您的投票*/

    color:Green;

    font-weight: bold;    

}

#Rating-already{    /*已投过票*/

    color:red;

    font-weight: bold;    

}

#Rating-err{    /*遇到错误*/

    color:red;

    font-weight: bold;    

}



#share{

	margin:10px 0 30px 5px;

	padding:2px 0 0 0;

    text-align:right;

}



/*文章投票（打分）结束*/



/*美化的分页链接*/



.pagebar{
 line-height:20px;
 height:20px
}

.pagebar a,.pagebar .now-page{

 padding:1px 3px 2px 3px;

 margin:0 2px;

 text-align:center;

 font-weight:bold;

 font-family:Verdana;

 border:1px solid #ccc;

 text-decoration:none

}

.pagebar a:hover{

 border:1px solid #c00;

 text-decoration:none

}

a.current{
	border:1px solid #c00;
	color:#c00;
	font-size:12px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	/*border:1px solid #356aa0;color:#356aa0;font-weight:bolder;*/
}  


/*美化的分页链接结束*/



#box{float:left; position:relative;width:190px;}

.div1{width:190px;}

.div2{position:fixed;_position:absolute;top:0;z-index:190;}



/*返回顶部*/



.backToTop {

 display: none;

 width: 18px;

 line-height: 1.2;

 padding: 5px 0;

 background-color: #000;

 color: #fff;

 font-size: 12px;

 text-align: center;

 position: fixed;

 _position: absolute;

 right: 10px;

 bottom: 100px;

 _bottom: "auto";

 cursor: pointer;

 opacity: .6;

 filter: Alpha(opacity=60);

}



#fenye {background: url("image/postnavbg.gif") no-repeat scroll 0 0 transparent;

height:40px;padding:0 10px;

}

#fenye a {

text-decoration: none;

display: inline-block;

margin: 6px 5px;

padding: 0 10px;

background: #65c0ef;

color: white;

line-height: 22px;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px 5px 5px 5px;

border-radius: 5px;

}

#fenye a:hover{background: #CCC;}

.hacklogdownload_down_link span {color:#000;}

 .hacklogdownload_box_content p {margin:5px 0;}

 .hacklogdownload_box_content {line-height: 18px;padding: 0 0 0 10px;padding: 10px 0;}

 .hacklogdownload_box{padding: 10px 0;border-bottom: 1px solid #DDD;}

 .hacklogdownload_right{float:right;}

 .hacklogdownload_left {float:left;}

 .hacklogdownload_box a{color: #018EE8;}



#给评论用户添加上vip等级增强用户活跃度

.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(images/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}

.vp{background-position:-495px -3px;width: 14px;height: 14px;margin-bottom: -2px;}

.vip{background-position:-515px -2px;width: 15px;height: 16px;margin-bottom: -3px;}

.vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

.vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

.vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

.vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

.vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

.vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

.vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}

#article-index {
    -moz-border-radius: 6px 6px 6px 6px;
    border: 1px solid #DEDFE1;
    float: right;
    margin: 0 0 15px 15px;
    padding: 0 6px;
    width: 200px;
    line-height: 23px;
}
#article-index strong {
    border-bottom: 1px dashed #DDDDDD;
    display: block;
    line-height: 30px;
    padding: 0 4px;
}
#index-ul {
    margin: 0;
    padding-bottom: 10px;
}
#index-ul li {
    background: none repeat scroll 0 0 transparent;
    list-style-type: disc;
    padding: 0;
    margin-left: 20px;
}









#searchform input.input_out,#searchform input.input_on,#searchform input.input_move,#searchform input.input_off{width:100%;max-width:100%;box-sizing:border-box;height:34px;line-height:24px;padding:4px 10px;font-size:14px;border:1px solid #b8b8ac;background-color:#fff;}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;}
/* 底部版权模块规范化：自适应高度、菜单居中、行高统一。
   背景用 CSS 渐变重画，不再用 bg_bottom.gif：那张图实测是 2×70 的纵向渐变条（逐行采样 #4c4c4c 一路压到 #060606），
   而它最后三行是 #191919→#686868→#8b8b8b 的一条贴底高亮线。老规则配 #divBottom 固定 height:70px 时正好铺满，
   改成自适应高度后盒子变 90px，贴图只盖住上面 70px，于是 70px 处的亮线看着像粗边框、下面 20px 纯色看着像多出的色块。
   重画时取同一组端点色、丢掉亮线尾巴，并让渐变铺满整个盒子（背景本来就以 padding box 上色），
   所以无论版权区是几行文字、多高，都不会再出现"贴图盖不满"的接缝。色值兜底 #484848 供不支持渐变的浏览器用。 */
#divBottom{height:auto;min-height:0;padding:10px 0;background:#484848 linear-gradient(180deg,#4c4c4c,#060606);}
#divBottom .hcc_page{padding:5px 0;}
#divBottom .hcc_page ul{list-style:none;margin:0;padding:0;display:inline-block;}
#divBottom .hcc_page ul li{float:none;display:inline;margin:0 10px;line-height:20px;}
#BlogPowerBy{height:auto;line-height:22px;padding:0;}
#BlogICP{color:#CCCCCC;font-size:12px;line-height:22px;}
/* 侧栏模块统一口径（v1.24）：侧栏真实宽 270px = #divMiddle 1008 减正文列 738（老主题写 250 时留下 20px 未分配富余，
   因侧栏底色与 #divMiddle 同为 #eeeade，那 20px 被看成侧栏的一部分，量出来的观感宽度就是 270）。
   div.function 用 border-box + padding:0 15px，标题条（含背景图 nav_bg1.gif）、标题下方分隔线、列表文字、
   行首圆点、搜索框、日期行全部从距侧栏左右两边 15px 处起，左右对称，与边栏居左居右（.ygb-flip 只换浮动方向）无关。
   内容宽 270-30=240px；标题条背景图 44px 一个循环，240 是 5.45 个循环，尾端截掉 0.45（两种底色只差 9 级灰，看不出来）。
   字号仍然只在 div.function 这一处定基准，模块内其余元素靠继承，不要再单独写 font-size。
   行首圆点改悬挂缩进（li padding-left:14px + ::before 定在 left:0），长标题折行后第二行与首行文字对齐。 */
div.function{box-sizing:border-box;float:left;width:270px;margin:10px 0 0 0;padding:0 15px;border:0;font-size:13px;overflow-wrap:break-word;}
div.function h3{font-size:14px;font-weight:bold;height:22px;line-height:22px;margin:0;padding:0;color:#484848;background:url("images/nav_bg1.gif") repeat-x;}
div.function ul{box-sizing:border-box;width:auto;margin:0;padding:0;border-top:1px solid #bdb7a1;}
div.function li{position:relative;margin:0;padding:4px 0 4px 14px;line-height:1.6;border-bottom:1px dashed #c8c1a4;background-image:none;}
div.function li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:9px;background:url("images/pointblue.gif") no-repeat;}
div.function li:last-child{border-bottom:none;}
/* 日期模块没有标题条，ul 顶部那条线会变成凭空一道横线；去掉并自己补 4px 上间距 */
#divBacklink ul{border-top:none;padding-top:4px;}
/* 侧栏广告图与自定义 HTML 小工具里的图片不许戳出 220px 内容宽 */
div.function img{max-width:100%;height:auto;}
/* 侧栏宽度坐实成观感宽度（1008-738），底部留白与模块间距 10px 同口径 */
#divSidebar{width:270px;padding:0 0 10px 0;}

/* 搜索提交按钮：图标放大至与输入框协调，点击即提交 */
#searchform{position:relative;}
#searchform input.input_out,#searchform input.input_on,#searchform input.input_move,#searchform input.input_off{padding-right:40px;}
#searchform .search-submit{position:absolute;right:2px;top:2px;width:34px;height:30px;padding:0;cursor:pointer;border:none;background:#fff url('images/serach.png') no-repeat center;background-size:22px 22px;}
#searchform .search-submit:hover{background-color:#f2f0e6;}

/* 列表特色图：右侧浮动，统一 80x80，无边框无内衬无底色 */
/* 选择器必须写成 div.post-body img.post-thumb，否则优先级低于老规则 div.post-body img（4px 内衬 + 1px 灰边框）会被盖掉 */
.post-body{overflow:hidden;}
a.post-thumb-link{float:right;display:block;margin:2px 0 6px 14px;}
div.post-body img.post-thumb{display:block;width:80px;height:80px;object-fit:cover;border:0;padding:0;background:none;box-shadow:none;float:none;}

/* 消除主体两侧白条：bgw.gif 只画到 #divPage 左右各 6px 内边距，其左端 0~8px 是近白渐变阴影，去掉后外侧背景直接接上 */
#divPage{background:none;}

/* 导航菜单字号增大两档：12px → 16px；菜单条必须保持 24px（nav_bg.gif / nav_bgline.gif 均为 2x24），故用行高撑满 */
#divNavBar{font-size:16px;}
#divNavBar a{height:24px;line-height:24px;padding:0 12px;font-size:16px;}

/* ===== 2026-10-10：置顶导航 / 列表字号 / 翻页箭头 / 长文页码条 / 回到顶部 ===== */

/* 导航滚动置顶。nav_bg.gif 实测 2x24 全不透明，正文从下方穿过不会透出 */
#divNavBar{position:sticky;top:0;z-index:999;}

/* 首页列表字号：标题 14→18、摘要 14→16。类名只加在 index.php，单篇文章页不受影响 */
/* 摘要选择器带 #divMain：老规则 div.post div.post-body 优先级 (0,2,2)，且列表项嵌在 tips.php 未闭合的 div 里，靠类名链不稳 */
#divMain h2.post-title.post-title-list{font-size:18px;line-height:28px;height:auto;padding:4px 0 4px 10px;}
#divMain div.post-body.post-body-list,#divMain div.post-body.post-body-list p{font-size:16px;line-height:27px;}

/* 单篇文章两侧大型翻页箭头：1020 主体居中，两侧留白不足 90px 时不显示 */
.ygb-side-arrow{position:fixed;top:50%;transform:translateY(-50%);display:none;width:52px;height:52px;border-radius:50%;background:#f6f4e9;border:1px solid #c9c2a6;color:#540909;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.14);align-items:center;justify-content:center;transition:background-color .18s,color .18s,box-shadow .18s;z-index:1000;}
.ygb-side-arrow:hover{background:#540909;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.26);}
.ygb-side-arrow-left{left:calc(50% - 576px);}
.ygb-side-arrow-right{right:calc(50% - 576px);}
.ygb-arrow-glyph{display:block;width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor;}
.ygb-side-arrow-left .ygb-arrow-glyph{transform:rotate(-135deg);margin-left:5px;}
.ygb-side-arrow-right .ygb-arrow-glyph{transform:rotate(45deg);margin-right:5px;}
@media (min-width:1200px){.ygb-side-arrow{display:flex;}}

/* 长文自动分页页码条 */
.ygb-pagebar{margin:20px 0 8px;text-align:center;font-size:14px;}
.ygb-pagebar-label{color:#8a8570;margin-right:2px;}
.ygb-pagebar a{display:inline-block;min-width:26px;padding:3px 9px;margin:0 3px;border:1px solid #c9c2a6;background:#fff;color:#540909;text-decoration:none;}
.ygb-pagebar a:hover{background:#540909;color:#fff;border-color:#540909;}
.ygb-pagebar span.ygb-page-num{display:inline-block;min-width:26px;padding:3px 9px;margin:0 3px;border:1px solid #540909;background:#540909;color:#fff;}
.ygb-pagebar a span.ygb-page-num{border:none;background:none;color:inherit;padding:0;margin:0;min-width:0;display:inline;}

/* 左侧边框外侧回到顶部按钮：留白不足时贴到视口左沿 12px 处 */
.ygb-backtop{position:fixed;bottom:78px;left:max(12px,calc(50% - 576px));width:46px;height:46px;border-radius:50%;background:#f6f4e9;border:1px solid #c9c2a6;color:#540909;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s,background-color .18s,color .18s;z-index:1000;}
.ygb-backtop.is-on{opacity:1;visibility:visible;transform:translateY(0);}
.ygb-backtop:hover{background:#540909;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.26);}
.ygb-backtop-glyph{display:block;width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);margin-top:5px;}

/* ===== 2026-10-10：评论模块美化（列表+表单，沿用米白纸色与棕色虚线） ===== */
/* 老主题的 li.msgurl/li.msgarticle/li.msgtime 与模板输出的 div 对不上，等于没样式；这里统一改用 .ygb-cm-* 并带 #divMain 前缀提优先级 */
#divMain h3#comments{margin:26px 0 0;padding:0 0 6px;font-size:16px;line-height:24px;font-weight:bold;color:#284259;border-bottom:1px dashed #d5d4cd;}
#divMain h3#comments .comments-tip{margin-left:10px;font-size:12px;font-weight:normal;color:#a8a293;}
#divMain ul.msg{width:auto;margin:0 0 8px;padding:0;list-style:none;}
#divMain li.ygb-cm{position:relative;margin:0;padding:14px 0 12px 46px;list-style:none;border-bottom:1px dashed #e2ded0;}
#divMain li.ygb-cm:last-child{border-bottom:0;}
#divMain .ygb-cm-avatar{position:absolute;left:0;top:14px;width:32px;height:32px;line-height:0;}
#divMain .ygb-cm-avatar img{display:block;width:32px;height:32px;border:0;padding:0;background:none;box-shadow:none;border-radius:50%;}
#divMain .ygb-cm-head{font-size:12px;line-height:20px;color:#a8a293;}
#divMain .ygb-cm-head:after{content:"";display:table;clear:both;}
#divMain .ygb-cm-author{font-size:14px;font-weight:bold;}
#divMain .ygb-cm-author a{color:#284259;text-decoration:none;}
#divMain .ygb-cm-author a:hover{color:#91895b;text-decoration:underline;}
#divMain .ygb-cm-time{margin-left:8px;}
#divMain .ygb-cm-edit{margin-left:8px;}
#divMain .ygb-cm-edit a{color:#b5651d;text-decoration:none;}
#divMain .ygb-cm-reply{float:right;margin-left:8px;}
#divMain .ygb-cm-reply a{display:inline-block;padding:1px 9px;font-size:12px;line-height:18px;color:#7a7360;background:#faf8f0;border:1px solid #ddd7c4;border-radius:3px;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s;}
#divMain .ygb-cm-reply a:hover{color:#fff;background:#284259;border-color:#1d3142;}
#divMain .ygb-cm-body{padding-top:3px;font-size:15px;line-height:1.9;color:#333;word-break:break-all;}
#divMain .ygb-cm-body p{margin:0 0 6px;}
#divMain .ygb-cm-body p:last-child{margin-bottom:0;}
#divMain .ygb-cm-body a{color:#7a5c1e;}
#divMain .ygb-cm-pending{display:inline-block;margin-top:4px;padding:1px 7px;font-size:12px;color:#b5651d;background:#fdf3e3;border:1px solid #f0d9b5;border-radius:3px;}
#divMain li.ygb-cm ul.children{margin:8px 0 0;padding:0 0 0 16px;border-left:2px solid #ece6d5;list-style:none;}
#divMain .comments-navigation{margin:6px 0 0;padding:8px 0 0;font-size:12px;}
#divMain .comments-navigation:after{content:"";display:table;clear:both;}
#divMain .comments-navigation .older{float:left;}
#divMain .comments-navigation .newer{float:right;}
#divMain .comments-navigation a{color:#7a7360;text-decoration:none;}
#divMain .comments-navigation a:hover{color:#91895b;}
/* 发表评论表单 */
#divMain .comment-respond{margin:18px 0 6px;padding:14px 0 0 12px;border-left:3px solid #91895b;}
/* 带边栏时输入框右侧留 12px，别贴着正文列右边界；无侧边栏两档（full/narrow）本来就要通铺，不加 */
#divMain.ygb-layout-default .comment-respond{padding-right:12px;}
#divMain .comment-reply-title{margin:0 0 12px;padding:0 0 6px;font-size:16px;line-height:24px;color:#284259;border-bottom:1px dashed #d5d4cd;}
#divMain .cancel-comment-reply-link{margin-left:10px;font-size:12px;font-weight:normal;color:#a8a293;}
#divMain .cancel-comment-reply-link:hover{color:#91895b;}
#divMain .ygb-comment-form{margin:0;padding:0;}
#divMain .ygb-comment-form p{margin:0 0 12px;}
#divMain .ygb-comment-form label{display:block;margin:0 0 4px;font-size:12px;color:#8a8577;}
#divMain .ygb-comment-form .screen-reader-text{margin:0;}
#divMain .ygb-textarea{display:block;width:100%;height:132px;min-height:96px;padding:8px 10px;font-family:inherit;font-size:15px;line-height:1.8;color:#333;background:#fffdf7;border:1px solid #d9d3c0;border-radius:3px;box-sizing:border-box;resize:vertical;}
#divMain .ygb-input{display:block;width:100%;height:34px;padding:0 10px;font-family:inherit;font-size:13px;color:#333;background:#fffdf7;border:1px solid #d9d3c0;border-radius:3px;box-sizing:border-box;}
#divMain .ygb-textarea:focus,#divMain .ygb-input:focus{background:#fff;border-color:#91895b;outline:none;box-shadow:0 0 0 2px rgba(145,137,91,.13);}
#divMain .comment-form-author,#divMain .comment-form-email,#divMain .comment-form-url{display:inline-block;width:32%;margin:0 1% 12px 0;vertical-align:top;}
#divMain .comment-form-url{margin-right:0;}
#divMain .comment-form-cookies-consent label{display:inline;margin:0;font-size:12px;color:#8a8577;}
#divMain .comment-form-cookies-consent input{margin-right:5px;vertical-align:middle;}
#divMain .ygb-submit{padding:9px 26px;font-family:inherit;font-size:14px;color:#fff;background:#284259;border:1px solid #1d3142;border-radius:3px;cursor:pointer;transition:background-color .18s;}
#divMain .ygb-submit:hover{background:#1d3142;}
#divMain .ygb-submit:active{transform:translateY(1px);}
#divMain .ygb-req-tip{margin-left:12px;font-size:12px;color:#a8a293;}
#divMain .required{color:#b5651d;font-weight:bold;}
#divMain .ygb-must-login,#divMain .logged-in-as{margin:0 0 12px;font-size:12px;color:#8a8577;}
#divMain .ygb-must-login a,#divMain .logged-in-as a{color:#7a5c1e;}
#divMain p.nocomments{margin:18px 0;padding:12px 14px;font-size:13px;color:#8a8577;background:#faf8f0;border:1px dashed #ddd7c4;border-radius:3px;}

/* ===== 2026-10-10：单篇字号增大 / 主体两侧阴影 / 边栏左右对调 ===== */

/* 单篇文章（及独立页面）整体放大一档：标题 14→21、正文 14→16、行高 23px→1.88 倍、元信息 12→13。
   只给 .post-body 本身设字号，不给里面的 p 单独设：footer.php 的 doZoom() 是往 #Zoom 写内联字号，
   p 一旦被显式设字号就吃掉继承，小/中/大 三档会直接失效。行高取倍数，放大字号后不会挤行。
   小/中/大 = 14/16/20，「中」与这里的默认正文字号同值。
   列表页不受影响：标题是 h2 + .post-body-list（带 #divMain 的 (1,2,1) 仍压过这里的 (1,1,1)），meta 行用 h1.post-title+h4.post-date 只命中单篇 */
#divMain h1.post-title{font-size:21px;line-height:32px;height:auto;padding:8px 0 8px 10px;}
#divMain h1.post-title+h4.post-date{font-size:13px;line-height:24px;}
#divMain div.post-body{font-size:16px;line-height:1.88;}
#divMain div.post-body h1{font-size:22px;line-height:1.6;}
#divMain div.post-body h2{font-size:20px;line-height:1.6;}
#divMain div.post-body h3{font-size:18px;line-height:1.6;}
#divMain div.post-body h4,#divMain div.post-body h5,#divMain div.post-body h6{font-size:16px;line-height:1.6;}
#divMain div.post .post-footer{font-size:13px;height:auto;line-height:22px;}
#divMain ul.msg.trackback{font-size:14px;}

/* 主体左右两侧阴影：外侧底色是后台设的 #d5d1b8，淡色阴影看不出来，用中性黑。
   两层：紧贴边沿的 3px 硬影定边，16px 偏移 30px 模糊的软影做悬浮；只加阴影不恢复 bgw.gif，它两端是近白渐变会再做出白条 */
#divMiddle{box-shadow:-3px 0 6px -2px rgba(0,0,0,.26),-16px 0 30px -8px rgba(0,0,0,.22),3px 0 6px -2px rgba(0,0,0,.26),16px 0 30px -8px rgba(0,0,0,.22);}

/* 边栏与正文对调：#divMain(738) 与 #divSidebar(250) 互为左右浮动，翻转浮动方向即可，宽度不用动 */
#divMiddle.ygb-flip #divMain{float:left;}
#divMiddle.ygb-flip #divSidebar{float:right;}

/* 开关放在头图右上角：BlogTitle/BlogSubTitle 都是 margin-left:20px 靠左，右侧 130px 高的区域本来就是空的 */
#divTop{position:relative;}
.ygb-swap-side{position:absolute;right:12px;top:12px;display:inline-block;height:28px;padding:0 12px;font-family:inherit;font-size:12px;line-height:26px;color:#284259;text-align:center;background:rgba(255,253,247,.88);border:1px solid #c9c2a6;border-radius:14px;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s;}
.ygb-swap-side:hover{background:#fff;border-color:#91895b;color:#540909;}
.ygb-swap-side:active{transform:translateY(1px);}

/* ===== 2026-10-10：无侧边栏布局（编辑器「文章布局」：通栏 / 居中限宽） ===== */

/* 容器：通栏吃满 #divPage 的 996 内容宽（1008 减去左右各 6px 内距）；限宽档整列 780 居中，
   这样正文、拓展阅读、评论区一起对齐，不会出现文章 780 而评论 996 的错位 */
#divMain.ygb-layout-full{width:996px;float:none;margin:0;}
#divMain.ygb-layout-narrow{width:780px;float:none;margin:0 auto;}

/* 老主题把 div.post 和标题/日期/正文/版权行/拓展阅读全写成固定像素宽，这里统一 width:auto 让它们自适配新容器，比再算一套数字稳 */
#divMain.ygb-layout-full div.post,#divMain.ygb-layout-narrow div.post{width:auto;}
#divMain.ygb-layout-full .post-title,#divMain.ygb-layout-narrow .post-title,
#divMain.ygb-layout-full .post-date,#divMain.ygb-layout-narrow .post-date,
#divMain.ygb-layout-full .post-body,#divMain.ygb-layout-narrow .post-body,
#divMain.ygb-layout-full .post-footer,#divMain.ygb-layout-narrow .post-footer,
#divMain.ygb-layout-full ul.msg,#divMain.ygb-layout-narrow ul.msg{width:auto;}

/* 通栏后正文近 990px：老主题 div.post-body img 只写了 padding/border，图片必须收进容器否则横向溢出 */
#divMain.ygb-layout-full div.post-body img,#divMain.ygb-layout-narrow div.post-body img{max-width:100%;height:auto;}

/* ===== 2026-10-10：底部上一篇/下一篇标题模块 ===== */
/* 模块放在 div.post 内、与正文同一个父容器。线上实测正文文字盒 291~997（相对 div.post 左 5px、右留 17px），
   所以 margin-left:5px + width:706px 就与正文左右边缘完全一致；无侧边栏两档正文宽度自适应，故跟着改 width:auto */
#divMain .ygb-prevnext{display:flex;gap:12px;clear:both;width:706px;margin:12px 0 0 5px;padding:0;}
#divMain.ygb-layout-full .ygb-prevnext,#divMain.ygb-layout-narrow .ygb-prevnext{width:auto;}
#divMain a.ygb-pn{flex:1 1 0;min-width:0;display:block;box-sizing:border-box;padding:9px 12px;text-decoration:none;background:#fffdf7;border:1px solid #d5d4cd;border-radius:3px;transition:border-color .18s,background-color .18s;}
#divMain a.ygb-pn:hover{border-color:#91895b;background:#f3f0e2;}
#divMain .ygb-pn-label{display:block;font-size:12px;line-height:18px;color:#a8a293;}
#divMain .ygb-pn-title{display:block;margin-top:1px;font-size:15px;line-height:23px;color:#284259;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#divMain a.ygb-pn:hover .ygb-pn-title{color:#540909;}
#divMain .ygb-pn-next{text-align:right;}

/* ===== 2026-10-12：移动端适配 =====
   原来整站是 1020px 死宽 + 一堆固定像素宽（728/708/706/718/270/1008），且 header.php 没有 viewport meta。
   手机浏览器只能按 980px 的虚拟视口渲染再整页缩放（或干脆 1:1 铺开），于是要么字被压得看不清、
   要么整幅只露出左边三分之一、字显得又大又挤还要横向拖。这里分三步处理：
   1) header.php 补 <meta name="viewport">，让 CSS 像素 = 设备逻辑像素，字号不再被浏览器猜；
   2) 1039px 以下把固定宽度换成流式，正文列按 calc(100% - 侧栏) 收缩，两栏仍在；
   3) 820px 以下切手机版式：单列、侧栏落到正文下方、导航横滚、头图与字号按比例收敛。 */

/* --- 全局兜底：任何宽度下都不让老式固定宽把页面顶出横向滚动条 --- */
/* iOS/Android 的「字体增强」会在窄屏自作主张放大正文，关掉，改由下面的媒体查询精确控制 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
/* 正文图片原来只写了 padding+border 没有上限宽，738px 正文列里遇到大图必然横向溢出。
   带 box-sizing:border-box 是为了让 4px 内衬 + 1px 边框算进 100% 里，否则仍会超出 10px。
   图片本身比容器窄时不设 width，box-sizing 不产生任何影响，桌面端观感不变。 */
div.post div.post-body img,div.post div.post-body img.thumb{max-width:100%;height:auto;box-sizing:border-box;}
/* 老文章里常见带 width 属性的宽表格，窄屏下会顶破正文列；转 block 后自己横向滚动，不影响站内现有表格 */
div.post div.post-body table{display:block;max-width:100%;overflow-x:auto;}

/* --- 搜索页表单：原来整段写在 search.php 的行内 style 里（width:712px + font-size:30px），
   行内样式压不住媒体查询，抽成类名放这里；宽度写成百分比，窄屏由下面的断点继续收 --- */
.ygb-search-head{font-weight:bold;}
.ygb-search-head img{vertical-align:-1px;margin-right:4px;}
.ygb-search-box{margin:0 0 12px;padding:0;text-align:center;}
.ygb-search-page-input{display:inline-block;width:78%;max-width:420px;height:34px;padding:0 8px;font-size:16px;line-height:32px;vertical-align:middle;box-sizing:border-box;background:#fff;border:1px solid #ccc;}
.ygb-search-page-btn{display:inline-block;width:56px;height:34px;margin-left:-1px;font-size:15px;vertical-align:middle;box-sizing:border-box;background:#f6f4e9;border:1px solid #ccc;cursor:pointer;}
.ygb-search-page-btn:hover{background:#eeeade;}

/* =========================================================
   一级断点：整幅 1020px 装不下时（含手机「电脑版」常用的 980px 虚拟视口）
   ========================================================= */
@media screen and (max-width:1039px){
	/* 外壳全部改为流式：#divAll 仍以 1020 为上限居中，其余按父容器铺满。
	   注意 #divPage/#divMiddle 是浮动元素，width:auto 会退化成「收缩到内容宽」，必须写 100%；
	   #divPage 带左右各 6px 内距，改 100% 的同时要转 border-box，否则比 #divAll 宽出 12px */
	#divAll{width:auto;max-width:1020px;box-sizing:border-box;}
	#divPage{width:100%;box-sizing:border-box;}
	#divMiddle{width:100%;}
	#divTop,#divNavBar,#divBottom{width:100%;box-sizing:border-box;}

	/* 侧栏 270 不动，正文列吃掉剩下的。保持原有浮动（正文 float:right、侧栏 float:left），
	   所以「边栏换到左右」那套 .ygb-flip 逻辑不用改，也不用引入 flex 打乱既有布局 */
	#divMain{width:calc(100% - 270px);}
	#divMain.ygb-layout-full{width:auto;}
	#divMain.ygb-layout-narrow{width:auto;max-width:780px;}

	/* 老主题给文章盒、标题、日期、版权行、正文、评论列表、评分块都写死了像素宽，统一放开 */
	#divMain div.post{width:auto;}
	#divMain .post-title,#divMain .post-date,#divMain .post-footer{width:auto;}
	#divMain div.post-body{width:auto;}
	#divMain ul.msg{width:auto;}
	#divMain .ygb-prevnext{width:auto;}
	#Rating{width:auto;}

	/* 侧栏小工具：容器变窄时不要顶出 270 */
	div.function{width:auto;max-width:100%;}
}

/* =========================================================
   二级断点：手机版式（≤820px，覆盖绝大多数手机竖屏与平板竖屏）
   ========================================================= */
@media screen and (max-width:820px){
	/* --- 版式：双栏 → 单栏。DOM 里 #divMain 在 #divSidebar 之前，
	       两边都取消浮动后自然变成「正文在上、侧栏在下」，不用改模板 --- */
	#divMain,#divSidebar{float:none;width:auto;max-width:100%;}
	#divMiddle.ygb-flip #divMain,#divMiddle.ygb-flip #divSidebar{float:none;}
	#divSidebar{margin:0;padding:0 0 10px;border-top:1px solid #d8d3bd;}
	div.function{float:none;width:auto;max-width:100%;}
	/* 单栏后左右没有可换的对象了，隐藏头图右上角的「边栏换到右边」按钮 */
	.ygb-swap-side{display:none;}

	/* --- 头图与站名：130px 高的整幅图在 390px 宽下会被 cover 裁得只剩中间一条，
	       按屏幕比例压到 88px，标题/副标题同步收字号 --- */
	#divTop{height:88px;}
	#BlogTitle{font-size:24px;line-height:1.2;margin:16px 0 0 14px;}
	#BlogSubTitle{font-size:12px;margin:4px 0 0 14px;}

	/* --- 导航条：24px 高的条子放不下十来个分类，改为横向滚动一行，
	       高度提到 38px 保证手指点得到；nav_bg.gif / nav_bgline.gif 原本 24px 高，拉满即可 --- */
	#divNavBar{height:38px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;background-size:100% 100%;}
	#divNavBar::-webkit-scrollbar{display:none;}
	#divNavBar ul{display:inline-block;}
	#divNavBar li{float:none;display:inline-block;background-size:auto 100%;}
	/* a 也去掉浮动：inline-block 的 li 里放浮动子元素，收缩宽度时会算不出内容宽，菜单会挤成一条 */
	#divNavBar a{float:none;display:inline-block;height:38px;line-height:38px;padding:0 12px;font-size:15px;}

	/* --- 字号按比例收敛一档：桌面 18/16/21 → 手机 17/15/19，行高同步下调，
	       保持「标题略大于正文、正文够读」的比例关系，不是一刀切缩小 --- */
	#divMain h2.post-title.post-title-list{font-size:17px;line-height:26px;padding:4px 0 4px 8px;}
	#divMain div.post-body.post-body-list,#divMain div.post-body.post-body-list p{font-size:15px;line-height:26px;}
	#divMain h1.post-title{font-size:19px;line-height:29px;padding:7px 0 7px 8px;}
	#divMain h1.post-title+h4.post-date{font-size:12px;line-height:22px;}
	/* 正文只给 .post-body 设字号，不给里面 p 设：footer.php 的 doZoom() 是往 #Zoom 写内联字号，
	   p 一旦被显式设字号就吃掉继承，小/中/大 三档会失效（桌面端同理） */
	#divMain div.post-body{font-size:15px;line-height:1.85;}
	#divMain div.post-body h1{font-size:20px;}
	#divMain div.post-body h2{font-size:18px;}
	#divMain div.post-body h3{font-size:17px;}
	#divMain div.post-body h4,#divMain div.post-body h5,#divMain div.post-body h6{font-size:15px;}
	/* 版权行原来是死高 20px，手机上分类/标签会折成两行，放开高度 */
	#divMain div.post .post-footer{font-size:12px;line-height:20px;height:auto;}
	#divMain .ygb-cm-body{font-size:14px;line-height:1.8;}
	#divMain .ygb-cm-head{font-size:12px;}
	#divMain .ygb-pn-title{font-size:14px;line-height:22px;}
	/* 输入框字号提到 16px：iOS Safari 聚焦到小于 16px 的输入框时会自动放大整页且不会缩回去 */
	#divMain .ygb-textarea,#divMain .ygb-input{font-size:16px;}
	#searchform input.input_out,#searchform input.input_on,#searchform input.input_move,#searchform input.input_off{font-size:16px;}

	/* --- 文章盒内外边距改成左右对称：原来是 margin:10px 0 10px 10px，通栏后右侧会贴边 --- */
	#divMain div.post{margin:10px;}
	/* 引用块桌面端是 2em 内缩 + 四边 2em 外距，390px 宽下正文只剩几个字，收到 1em 并去掉左右外距 */
	div.post-body blockquote{padding:1em;margin:1em 0;border-radius:12px;}

	/* --- 文章目录插件（#article-index）桌面端是 200px 右浮动，390px 宽下正文只剩 190px，改为通栏 --- */
	#article-index{float:none;width:auto;margin:0 0 12px;}

	/* --- 列表特色图 80×80 → 72×72，别把摘要挤成两三个字一行 --- */
	a.post-thumb-link{margin:2px 0 6px 10px;}
	div.post-body img.post-thumb{width:72px;height:72px;}

	/* --- 广告位：single.php 里写的是内联 style="float: left"，只能用 !important 覆盖；
	       顺手限制内部图片/iframe/ins 不超出单栏 --- */
	#hccAdsense{float:none !important;max-width:100%;margin:0 0 10px;}
	#hccAdsense img,#hccAdsense iframe,#hccAdsense ins,#hccAdsense embed{max-width:100%;}

	/* --- 评论表单：桌面端三项 32% 并排，手机上改为各占一行 --- */
	#divMain .comment-form-author,#divMain .comment-form-email,#divMain .comment-form-url{display:block;width:100%;margin:0 0 12px;}
	#divMain li.ygb-cm{padding-left:40px;}
	#divMain .ygb-cm-avatar{width:28px;height:28px;}
	#divMain .ygb-cm-avatar img{width:28px;height:28px;}
	#divMain li.ygb-cm ul.children{padding-left:12px;}
	#divMain .comment-respond{padding-left:10px;}

	/* --- 搜索页表单：类名的基准样式在上面，这里只收窄输入框 --- */
	.ygb-search-page-input{width:70%;}

	/* --- 页脚与回到顶部：整幅变窄后重新配比 --- */
	#divBottom{padding:12px 10px;}
	#divBottom .hcc_page ul li{margin:0 8px;}
	.ygb-backtop{left:auto;right:12px;bottom:64px;width:40px;height:40px;}
	.ygb-backtop-glyph{width:10px;height:10px;margin-top:4px;}

	/* 后台选了「大图覆盖（fixed）」时，iOS 上 background-attachment:fixed 会错位卡顿，手机端降级为普通滚动 */
	body{background-attachment:scroll !important;}
}

/* =========================================================
   三级断点：小屏手机（≤480px）再收紧一档
   ========================================================= */
@media screen and (max-width:480px){
	#divPage{padding:0;}
	#divTop{height:72px;}
	#BlogTitle{font-size:21px;margin:12px 0 0 12px;}
	#BlogSubTitle{font-size:12px;margin:3px 0 0 12px;}
	#divNavBar a{padding:0 10px;font-size:14px;}
	#divMain div.post{margin:8px 6px;}
	#divMain h2.post-title.post-title-list{font-size:16px;line-height:25px;}
	#divMain h1.post-title{font-size:18px;line-height:27px;}
	#divMain div.post-body{font-size:15px;line-height:1.8;}
	#divMain div.post-body h1{font-size:19px;}
	#divMain div.post-body h2{font-size:17px;}
	#divMain div.post-body h3{font-size:16px;}
	/* 上一篇/下一篇并排在 390px 宽下各只剩 180px，标题全被省略号吃掉，改为上下堆叠 */
	#divMain .ygb-prevnext{flex-direction:column;gap:8px;}
	#divMain .ygb-pn-next{text-align:left;}
	a.post-thumb-link{margin:2px 0 6px 8px;}
	div.post-body img.post-thumb{width:64px;height:64px;}
	.ygb-search-page-input{width:64%;} /* 字号保持 16px，低于 16px 时 iOS 聚焦会自动放大页面 */
	#divBottom .hcc_page ul li{margin:0 6px;}
}