@charset "utf-8";
/*!
 * seofarm 资讯模板样式（整理版）
 * 相对旧 skin1/css/style.css：
 *  - 删除未使用的轮播（#slides/.flexslider）、分享（#share）、
 *    图文列表（.postitem）、置顶（.istop）、分页（#pagenavi/#pagination/.pagebar）、
 *    ZBlog 侧栏组件（#tbCalendar/.divContorPanel/.divSearchPanel/.divTags）、
 *    社交关注（.follow）、图片墙（#related-pic）、错误页（#error404）、
 *    缩略图（.thumbnail）、友情链接（#friendlinks）等全部规则
 *  - 图标不再加载 FontAwesome 字体（原 384KB），改为内联 SVG 遮罩，随字号/颜色自适应
 */

/* ---------- reset ---------- */
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button{margin:0;padding:0;}
body{background-color:#f9f9f9;font:16px/1.875em 'Open Sans','Arial','Hiragino Sans GB','Microsoft YaHei','STHeiti','WenQuanYi Micro Hei','SimSun','sans-serif';overflow-x:hidden;word-break:break-all;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#383B53;outline:none;}
a:hover{color:#F35C5C;}
a img{border:none;}
img{max-width:100%;vertical-align:middle;}
input,textarea{-webkit-appearance:none;border:none;font-size:1em;font-family:'Open Sans','Arial','Hiragino Sans GB','Microsoft YaHei','STHeiti','WenQuanYi Micro Hei','SimSun','sans-serif';border-radius:0;}
input:focus,textarea:focus{outline:none;}
li{list-style:none;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:1em;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:1%;border:1px solid #ddd;box-sizing:border-box;}

/* ---------- 通用 ---------- */
.va1364ba{width:93.75%;max-width:1440px;margin:0 auto;position:relative;}
.clear{clear:both;}
#blank{height:47px;display:none;clear:both;overflow:hidden;}
.v7c54d71{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v569fede{text-align:center;padding:20px 0;}
.v8690af0 img{max-width:100%!important;height:auto!important;}
.v8690af0 p span{text-wrap:inherit!important;}

/* ---------- header / search ---------- */
#header{width:100%;background-color:#42455D;padding:2% 0;border-bottom:1px solid #383b53;}
#header .va1364ba{display:table;table-layout:fixed;}
#searchbox{display:table-cell;vertical-align:middle;}
#searchbox .v4394ae7{float:right;width:500px;max-width:50%;position:relative;padding-right:42px;}
#searchbox .s{height:42px;line-clamp:24px;padding:9px 1em;border-radius:3px 0 0 3px;background-color:#fff;width:100%;font-size:14px;}
#searchbox .submit{position:absolute;right:0;top:0;width:42px;height:100%;background:#F35C5C url(../img/search-icon.png) no-repeat center center;background-size:60% auto;cursor:pointer;}

/* ---------- nav ---------- */
#nav{background-color:#383b53;border-top:1px solid #42455D;border-bottom:1px solid #F35C5C;color:#e4e4e4;}
#nav.fixed{position:fixed;left:0;top:0;width:100%;z-index:9;}
#nav .ul{display:table;table-layout:fixed;width:100%;}
#nav .ul > li{display:table-cell;line-height:45px;text-align:center;}
#nav .ul > li:not(:last-child):after{content:'';display:block;width:1px;height:100%;position:absolute;top:0;right:0;background-color:#42455D;}
#nav li{position:relative;}
#nav a{color:#fff;display:block;position:relative;z-index:2;}
#nav a.border{border-right:1px solid #42455D;}
#nav .on > a,#nav .current > a{background-color:#F35C5C;color:#fff;}
#nav li ul{position:absolute;left:0;top:100%;width:100%;z-index:2;display:none;border-top:1px solid #F35C5C;background-color:#383B53;}
#nav li li{border-top:1px solid #42455D;}
#nav li li a:hover{background-color:#F35C5C;}

/* ---------- layout ---------- */
#wrapper{overflow:hidden;padding:30px 0;}
.vbcd03eb{margin-bottom:2.5%;font-size:14px;color:#666;line-height:1.5em;}
.vbcd03eb a{color:#666;}

/* ---------- 首页标签导航 ---------- */
#indextags{overflow:hidden;margin-bottom:2.083%;font-size:.875em;}
#indextags ul{display:flex;flex-wrap:wrap;width:101%;}
#indextags li{float:left;padding:.5% 1% .5% 0;}
#indextags a,#indextags span{color:#333;display:block;background-color:#fff;border-radius:.25em;padding:0 .8em;}
#indextags .on a,#indextags .on span{color:#fff;background-color:#F35C5C;border-color:#F35C5C;}

/* ---------- 瀑布流 ---------- */
#waterfall .grid{display:flex;flex-wrap:wrap;}
#waterfall .grid-sizer{width:23.5%;}
#waterfall .grid-post{width:23.5%;margin-bottom:2%;}
#waterfall .gutter-sizer{width:2%;}
.grid-post{float:left;background-color:#fff;border-radius:5px;overflow:hidden;}
.grid-post .v5077cfa{padding:6.5%;}
.grid-post h2{font-size:16px;margin-bottom:3%;color:#383B53;line-height:1.35em;}
.grid-post h2 strong{color:#f00;}
.grid-post .excerpt{font-size:14px;line-height:2em;max-height:10em;-webkit-line-clamp:5;color:#555;margin-bottom:3%;}
.grid-post a{display:block;overflow:hidden;}
.grid-post .va64b8b8{font-size:12px;color:#bbb;line-height:1.5em;display:flex;justify-content:space-between;}
.grid-post .va64b8b8 span{display:inline-block;vertical-align:middle;max-width:20%;}
.grid-post .va64b8b8 .v9216cca{width:80px;max-width:none;}

/* ---------- 正文 ---------- */
.v176806f{padding:3.125%;background-color:#fff;}
.v861be5b{color:#2A2A2A;overflow:hidden;}
.v861be5b blockquote{background-color:#f3f3f3;padding:2.5% 2.5% 0;overflow:hidden;margin:0 2em 2.5%;}
.v861be5b blockquote p:first-child:before,.v861be5b blockquote p:last-child:after{display:inline-block;font-size:3em;opacity:.25;font-family:'Arial';vertical-align:middle;margin-bottom:-.25em;}
.v861be5b blockquote p:first-child:before{content:'“';margin-right:.25em;}
.v861be5b blockquote p:last-child:after{content:'”';margin-left:.25em;}
.v861be5b img,.v861be5b video{max-width:100%;height:auto!important;}
.v861be5b ol,.v861be5b ul{margin:0 0 2.5% 3em;}
.v861be5b ul li{list-style:outside disc none;}
.v861be5b ol li{list-style:outside decimal none;}
.v861be5b li p{margin-bottom:0;}
.v861be5b h1{font-size:1.5em;}
.v861be5b h2{font-size:1.25em;}
.v861be5b h3{font-size:1.125em;}
.v861be5b h4{font-size:1em;}
.v861be5b h5{font-size:.875em;}
.v861be5b h6{font-size:.75em;}
.v861be5b p,.v861be5b h1,.v861be5b h2,.v861be5b h3,.v861be5b h4,.v861be5b h5,.v861be5b h6{margin-bottom:2.5%;}
.v861be5b a:hover{text-decoration:underline;}
#singlepage .v861be5b{margin-bottom:5%;}
#title{color:#111;font-size:1.75em;margin-bottom:1.5%;line-height:1.5em;}
#postmeta{margin-bottom:2.5%;font-size:14px;color:#bbb;}
#postmeta span{display:inline-block;vertical-align:middle;margin-right:1em;}
#postmeta a{color:#bbb;}
#postmeta a:hover{color:#F35C5C;}
#tags{margin-bottom:2.5%;line-height:2em;font-size:12px;}
#tags span{display:inline-block;vertical-align:middle;color:#fff;background-color:#383b53;background-image:linear-gradient(135deg,#383b53,#5d607a);padding:0 .6154em;border-radius:5px;position:relative;margin:2.5px 5px 2.5px 0;}
#tags span:after{border-left:5px solid #5d607a;border-top:5px solid transparent;border-bottom:5px solid transparent;display:block;content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);}
#tags a{display:inline-block;background-color:#F35C5C;background-image:linear-gradient(135deg,#ed4848,#f77474);padding:0 1em;color:#fff;border-radius:3px 5px 5px 3px;vertical-align:middle;position:relative;margin:2.5px 5px 2.5px 0;}
#tags a:before{border-left:3px solid #fff;left:0;}
#tags a:after{display:block;content:'';position:absolute;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #f77474;left:100%;}
.v099aaf1{font-size:18px;font-weight:normal;line-height:1.35em;margin-bottom:1.5%;}
.v099aaf1:before{width:3px;height:.875em;background-color:#F35C5C;border-radius:1.5px;display:inline-block;content:'';vertical-align:middle;margin-right:1%;margin-top:-.222em;}
#related-post ul{overflow:hidden;}
#related-post li{float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;line-height:2em;}
#related-post li:before{width:.25em;height:.25em;border-radius:50%;background-color:#383b53;position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;content:'';}
#related-post li:nth-child(2n){float:right;}
#related-post a{margin-left:.75em;}
#postnavi{overflow:hidden;display:flex;justify-content:space-between;padding:1.5% 0;font-size:14px;line-height:1.75em;color:#999;}
#postnavi > div{max-width:48%;display:flex;align-items:center;}
#postnavi i{display:block;font-size:3em;color:#ccc;}
#postnavi span{display:block;}
#postnavi .v18fb669 i{padding-right:5px;}
#postnavi .v3e080f3{flex-direction:row-reverse;text-align:right;}
#postnavi .v3e080f3 i{padding-left:5px;}
#postnavi a{color:#888;display:block;}

/* ---------- 侧栏 ---------- */
.v755afda{margin-right:22.834%;}
.vb7c59f0{width:20.834%;float:right;}
.v2d6fc31{background-color:#fff;margin-bottom:20px;}
.v2d6fc31 h3{line-height:1.25em;padding:1em 5%;border-radius:5px 5px 0 0;font-size:1.125em;background-color:#F35C5C;color:#fff;font-weight:normal;}
.v2d6fc31 img{display:block;}
.v2d6fc31 ul{padding:5%;}
.v2d6fc31 li{overflow:hidden;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #e4e4e4;}
.v2d6fc31 li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.vc7e3a0e a{display:table;table-layout:fixed;width:100%;}
.vc7e3a0e .v5077cfa{display:table-cell;vertical-align:top;}
.vc7e3a0e h4{font-size:16px;line-height:1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;overflow:hidden;text-overflow:ellipsis;font-weight:normal;margin-bottom:8px;}
.vc7e3a0e .va64b8b8{font-size:14px;line-height:1.35em;color:#888;}
.vc7e3a0e p a:hover,.v2d6fc31.v30177ea p a:hover,.v2d6fc31.ve690484 p a:hover{color:#F35C5C;}

/* ---------- 评论（模板保留评论区 DOM，仅静态展示） ---------- */
#commentlist{margin-bottom:3.5%;}
#commentlist .num{margin-left:1em;color:#888;font-size:.778em;}
#commentlist li{position:relative;border-top:1px dashed #ddd;overflow:hidden;padding:2.5% 0;}
#commentlist .v4394ae7{margin-left:60px;}
#commentlist .name{font-size:16px;line-height:1.35em;color:#555;}
#commentlist .cont{padding:.5em 0;line-height:1.75em;color:#555;}
#commentlist .va64b8b8{color:#999;font-size:14px;line-height:1.5em;display:flex;justify-content:space-between;flex-wrap:wrap;}
#commentlist .va64b8b8 span{display:block;}
#postbottom{font-size:14px;color:#888;line-height:1.75em;margin-bottom:2%;}
#comment{border-top:1px solid #e4e4e4;padding-top:2.5%;}
#comment .v047d279{position:relative;margin-bottom:2%;}
#comment label{display:block;float:left;background-color:#F35C5C;color:#fff;text-align:center;width:5em;height:42px;line-height:42px;}
#comment .input{border:1px solid #dedede;border-left:none;margin-left:5em;position:relative;}
#comment .v5077cfa{height:40px;line-height:30px;padding:6px 1em;width:100%;display:block;}
#comment textarea.v5077cfa{height:150px;border:1px solid #dedede;resize:vertical;}
#comment .v91a68d8{display:flex;justify-content:space-between;flex-wrap:wrap;}
#comment .v195bae1{display:block;background-color:#F35C5C;color:#fff;cursor:pointer;line-height:2em;border-radius:3px;padding:0 1.5em;}
#comment .cancel{background-color:#f9f9f9;color:#888;}

/* ---------- footer ---------- */
#footer{background-color:#42455D;padding:1.5% 0;}
#copyright{text-align:center;font-size:.875em;color:#eee;}
#copyright a{color:#e4e4e4;}
.backtop{position:fixed;bottom:10%;right:10px;z-index:1001;}
.backtop i{display:block;cursor:pointer;font-size:3em;color:#F35C5C;}

/* ---------- 响应式 ---------- */
@media only screen and (max-width:1280px){
	#searchbox .v4394ae7{padding-right:38px;}
	#searchbox .s{height:38px;padding-top:7px;padding-bottom:7px;}
	#searchbox .submit{width:38px;}
	#wrapper{padding:2.34375% 0;}
	#commentlist .v4394ae7{margin-left:50px;}
	#comment{font-size:14px;}
	#comment label{height:36px;line-height:36px;}
	#comment .v5077cfa{height:34px;line-height:22px;}
	.vb7c59f0{width:23%;}
	.vc7e3a0e h4{font-size:14px;margin-bottom:6px;}
	.vc7e3a0e .va64b8b8{font-size:12px;}
	.v755afda{margin-right:25%;}
}
@media only screen and (max-width:1024px){
	#blank{height:0;}
	body{font-size:14px;}
	#header{padding:3% 0;}
	#navbtn{display:table-cell;vertical-align:middle;width:43px;padding-left:5px;}
	#navbtn span{background-color:#F35C5C;border-radius:0 3px 3px 0;padding-bottom:100%;position:relative;cursor:pointer;display:block;}
	#navbtn i{display:block;width:60%;height:2px;background-color:#fff;position:absolute;left:20%;top:50%;transform:translateY(-50%);transition:background .3s;}
	#navbtn i:before,#navbtn i:after{width:100%;height:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;transition:all .3s;}
	#navbtn i:before{bottom:7px;}
	#navbtn i:after{top:7px;}
	#navbtn .active i{background-color:#F35C5C;}
	#navbtn .active i:before{transform:rotate(45deg);bottom:0;}
	#navbtn .active i:after{transform:rotate(-45deg);top:0;}
	#nav{position:fixed;right:0;top:auto;height:100vh;width:250px;z-index:9;border-top:none;transform:translateX(100%);transition:transform .3s;}
	#nav.fixed{position:static;}
	#nav.active{transform:translateX(0);}
	#nav .va1364ba{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;width:auto;max-width:none;}
	#nav .ul{display:block;}
	#nav .ul > li{display:block;text-align:left;border-top:1px solid #42455D;line-height:50px;}
	#nav .ul > li:not(:last-child):after{display:none;}
	#nav li ul{position:static;width:auto;border-top:1px solid #42455D;padding:.5em;}
	#nav li li{background-color:#F35C5C;font-size:14px;line-height:36px;padding:0 1em;border-top-color:rgba(255,255,255,.1);}
	#nav li li:first-child{border-top:none;}
	#nav li em{width:50px;height:50px;position:absolute;right:0;top:0;z-index:2;cursor:pointer;}
	#nav li em:after{content:'';display:block;width:7px;height:7px;border-right:1px solid #fff;border-bottom:1px solid #fff;position:absolute;left:50%;top:50%;transform:rotate(45deg);margin:-6px 0 0 -4px;transition:all .3s;}
	#nav a{padding:0 1em;}
	#nav li li a:hover{background-color:transparent;}
	#waterfall .grid-sizer,#waterfall .grid-post{width:31.3%;margin-bottom:3%;}
	#waterfall .gutter-sizer{width:3%;}
	.vb7c59f0{display:none;}
	.v755afda{margin-right:0;}
}
@media only screen and (max-width:768px){
	#header{padding:15px 0;}
	#searchbox .v4394ae7{width:250px;max-width:95%;padding-right:32px;}
	#searchbox .s{height:32px;line-height:22px;padding-top:5px;padding-bottom:5px;}
	#searchbox .submit{width:32px;}
	#navbtn{width:37px;}
	#nav{width:100%;}
	#nav .ul > li{font-size:14px;line-height:45px;}
	#nav li em{width:45px;height:45px;}
	#nav li em:after{width:5px;height:5px;margin-top:-4px;}
	#waterfall .grid-sizer,#waterfall .grid-post{width:48.5%;}
	.v176806f{padding:4% 5%;}
	#tags{font-size:12px;}
	.v099aaf1{margin-bottom:3.5%;font-size:16px;font-weight:bold;}
	.v099aaf1:before{margin-right:7px;}
	#commentlist{margin-bottom:5%;}
	#commentlist .num{margin-left:8px;}
	#commentlist li{padding:5% 0;}
	#commentlist .v4394ae7{margin-left:40px;}
	#commentlist .name{font-size:15px;}
	#commentlist .cont{padding:5px 0;}
	#commentlist .va64b8b8{font-size:12px;}
	#commentlist li li{padding:3.5%;}
	#postmeta,#indextags{font-size:12px;}
}
@media only screen and (max-width:540px){
	#waterfall .grid-sizer,#waterfall .grid-post{width:100%;}
	#waterfall .gutter-sizer{width:0;}
	#postnavi{display:block;}
	#postnavi > div{display:block;max-width:none;padding:.5% 0;}
	#postnavi i{display:none;}
	#postnavi a{display:inline;}
	#postnavi a:before{content:'：';display:inline-block;}
	#postnavi .v3e080f3{text-align:left;}
	#related-post li{width:auto;float:none;}
	#related-post li:nth-child(2n){float:none;}
}

/* ---------- 图标：内联 SVG 遮罩（替代 FontAwesome 字体，随 currentColor 变色） ---------- */
[class*="icon-"]{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask:var(--ic) no-repeat center/contain;mask:var(--ic) no-repeat center/contain;}
.icon-calendar{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 2v3M17 2v3M3.5 9h17'/%3E%3Crect x='3.5' y='4.5' width='17' height='16' rx='2'/%3E%3C/svg%3E");}
.icon-eye-open{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 12S5.5 5.5 12 5.5 22.5 12 22.5 12 18.5 18.5 12 18.5 1.5 12 1.5 12z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%23000'/%3E%3C/svg%3E");}
.icon-user{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M4.5 20.5c.6-3.8 3.8-6 7.5-6s6.9 2.2 7.5 6'/%3E%3C/svg%3E");}
.icon-tags{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 5.5a2 2 0 0 1 2-2h5.2l9.3 9.3a2 2 0 0 1 0 2.8l-4.4 4.4a2 2 0 0 1-2.8 0L3.5 10.7V5.5z' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='8' cy='8' r='1.7' fill='%23000'/%3E%3C/svg%3E");}
.icon-home{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 10.8 12 3l9 7.8V20a1.5 1.5 0 0 1-1.5 1.5H15v-6.8H9v6.8H4.5A1.5 1.5 0 0 1 3 20v-9.2z'/%3E%3C/svg%3E");}
.icon-folder-open{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5a2 2 0 0 1 2-2h3.2l2 2.5h7.8a2 2 0 0 1 2 2v1.5'/%3E%3Cpath d='M3.5 11h18l-2.2 7.4a2 2 0 0 1-1.9 1.4H5.2a2 2 0 0 1-2-2.1L3.5 11z'/%3E%3C/svg%3E");}
.icon-double-angle-left{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5 6 12l7 7M19 5l-7 7 7 7'/%3E%3C/svg%3E");}
.icon-double-angle-right{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5l7 7-7 7M5 5l7 7-7 7'/%3E%3C/svg%3E");}
.icon-double-angle-up{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l7-7 7 7M5 19l7-7 7 7'/%3E%3C/svg%3E");}