/* 基础样式 - 原有样式保留并修复冲突 */

body{color:#555;font-size:12px;font-family:"微软雅黑", "黑体", Arial;background:#E9E9E7 url(../image/bg.png) repeat-y center top;}

a{color:#333;outline:none;text-decoration:none;transition:all .3s linear} 

a:hover{ color:#00AA98; text-decoration:none;} /* 修复重复的a:hover定义，保留优先级更高的样式 */

html *{outline:0;zoom:1;} 

img:hover{opacity:0.8;filter:alpha(opacity=80);}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}

.colwrapper { overflow:hidden; zoom:1; margin:5px auto; }

.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}

.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}

.block{ display:block;} .inline{ display:inline;}

.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; }

.break{ word-wrap:break-word;overflow:hidden;}

.tal{ text-align:left} .tar{ text-align:right;}

em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}

.font14px{ font-size:14px;}

.font9pt{ font-size:9pt;}

.wrapper-outer{	width:1100px; margin:0 auto; clear:both; height:auto; overflow:hidden;}

.wrapper,.header{ width:1000px; margin:0 auto;}

.row{clear:both; height:auto; overflow:hidden; }

.topBar{ background:#272625; height:30px; line-height:30px;}

.topBar a{ display:inline-block;  color:#fff;}

.topBar .t-fl{ float:left;width:70%;color:#ccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.topBar .t-fr{ float:right;}

.topBar .t-fr a{ padding-left:15px;}

.logo{float:left;min-height:60px;line-height:60px;font-size:30px;font-weight:bold;font-style:italic}

.logo a{color:#00AA98;}

.search-fr{float:right;width:297px;padding-top:12px;}

.header{ background:#fff; padding:20px 0 10px 0;}

.seach_cha {float:left;	background:#fff url(../image/search_bg.jpg) no-repeat 5px center;border:none;height:31px;padding:5px;line-height:31px; border:1px solid #ddd;padding-left:35px; width:195px;	color:#999;font-family:"微软雅黑", "黑体", Arial;}

.seach_dian {float:right;width:60px;height:43px;background:#00AA98;border:none;padding:0px;cursor:pointer; color:#fff; font-family:"微软雅黑", "黑体", Arial; font-size:18px;}

.seach_dian:hover{opacity:0.8;filter:alpha(opacity=80);}

.navbar{ height:46px; background:#333;}

.pull-left{ width:950px; float:left; height:46px; line-height:46px;} 

.pull-right{ width:50px; float:right; height:46px; line-height:46px;} 

.pjaxtip{display:none;position:fixed;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;box-shadow:0 0 1px #fff;z-index:9999}

/*主导航*/ 

.navbg{width:950px;}

#navul li{float:left;margin-right:1px;position:relative;font-size:16px; text-align:center;z-index:9998}

#navul li a{display:block;width:90px;text-align:center;color:#FFF;}

#navul li a:hover,#navul li.navhome a{background:#00AA98;}

#navul li ul{display:none;position:absolute;z-index:1000;top:45px;left:-1px;background:#00AA98;border:#004E6C 1px solid; border-top:none;}

#navul li ul li{display:block;width:90px;float:none;margin-right:0px;height:30px;position:relative;line-height:30px;font-size:14px; border-bottom:1px solid #049888; border-top:1px solid #13beac;text-align:center;z-index:9999;}

#navul li ul li a:hover{text-shadow:1px 1px 0 #333;}

.pull-right ul{ float:right;}

.pull-right ul li{ float:left; padding:0 10px; font-size:14px;height:46px; line-height:46px;}

.pull-right ul li a{ color:#fff;}

.pull-right ul li.weixin { padding:0 10px 0 5px;}

.pull-right ul li.weixin a{ display:block; float:left; width:30px; height:30px; font-size:14px; text-indent:-99999em;background:url(../image/ico_sprit.png) no-repeat -30px 0; margin-top:8px;} 

.pull-right ul li.weixin a:hover{ background:url(../image/ico_sprit.png) no-repeat -30px -30px;} 

.con-left{float:left;width:650px;}

.con-right{float:right;width:320px;} 

/*焦点图*/

#shift-slide{display:none}

.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}

.rotaion_list{ width:650px; height:350px;}

.yx-rotation-title{position:absolute;width:100%;height:55px;line-height:55px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1; }

.yx-rotation-t{color:#fff;font-size:24px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:55px}

.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../image/ico1.png) no-repeat;display:block;}

.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}

.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}

.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}

.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;position:relative}

.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:-6px;}

.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:-6px;}

.yx-rotaion-btn .left_btn:hover{background:url(../image/ico1.png) no-repeat;background-position:-2px -2px;float:left;left:-6px}

.yx-rotaion-btn .right_btn:hover{background:url(../image/ico1.png) no-repeat; background-position:-2px -49px;float:right;right:-6px}

.yx-rotation-focus span.hover{background-position:-10px -126px}

.rotaion_list{width:0;height:0;overflow:hidden;}

.cmsbox{width:680px;}

.cmslist{float:left;width:310px;min-height:276px;margin:0 30px 8px 0}

.xyti{position:relative;height:34px;line-height:34px;border-bottom:2px #eee solid;background:url(../image/symbol-6.png) 0 center no-repeat;padding:0 0 0 30px}

.xyti .tline{position:absolute;bottom:-2px;left:0;width:110px;height:0;border-top:2px #00AA98 solid}

.xyti h3{font-size:18px;font-weight:normal;}

.xyti .more{position:absolute;top:9px;right:0}

.cmslist ul{padding:8px 0}

.cmslist li{height:28px;line-height:28px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}



.icon{display:inline-block;width:12px;height:12px;margin:0 3px -1px;}

.icon-00{ background:url(../image/ico_00.png) no-repeat}

.icon-01{ background:url(../image/ico_01.png) no-repeat}

.icon-02{ background:url(../image/ico_02.png) no-repeat}

.icon-03{ background:url(../image/ico_03.png) no-repeat}

.icon-04{ background:url(../image/ico_04.png) no-repeat}

.icogroup .ico-list{ display:inline-block; margin-right:10px; color:#818181;}

.main-tit { height:37px; line-height:37px; margin-bottom:25px;background:#F8F8F8}

.main-tit .tit{ height:37px; line-height:37px; background:#00AA98; color:#fff; font-size:18px; display:inline-block; padding:0 10px; text-align:center; margin-right:20px;}

.articleCon li{ position:relative; padding-bottom:15px; border-bottom:1px solid #E9E9E9; margin-bottom:15px;}

.articleCon li .thumb{ float:left; width:200px; height:131px;}

.articleCon li .mark{ float:right; width:435px;}

.articleCon li .mark h3{ font-size:18px;color:#333;padding-bottom:10px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.articleCon li .mark .icogroup{ padding-bottom:10px;} 

.articleCon li .mark .info{ line-height:150%;}  

.articleCon li a.more{ color:#fff; width:85px; height:28px; display:block; background:#00AA98; position:absolute; bottom:5px; right:10px;text-align:center; font-size:14px;line-height:28px;}

.articleCon li a.more:hover{background:#f90} 

/*最佳评论  */

.articleCon2 li{ position:relative; padding-bottom:15px; border-bottom:1px solid #E9E9E9; margin-bottom:15px;}

.articleCon2 li .thumb{ float:left; width:100px; height:131px;}

.articleCon2 li .mark{ float:right; width:435px;}

.articleCon2 li .mark h3{ font-size:18px;color:#333;padding-bottom:10px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.articleCon2 li .mark .icogroup{ padding-bottom:10px;} 

.articleCon2 li .mark .info{ line-height:150%;}  

.articleCon2 li a.more{ color:#fff; width:85px; height:28px; display:block; background:#00AA98; position:absolute; bottom:5px; right:10px;text-align:center; font-size:14px;line-height:28px;}

.articleCon2 li a.more:hover{background:#f90} 


/*右边*/ 

.mail-box{ background:#E5E5E5; height:190px; width:290px; padding:15px;}

.mail-box h3{ padding-bottom:10px; background:url(../image/line2.png) repeat-x left bottom; font-size:14px;}

.mail-box .icogroup{ padding-top:10px; background:url(../image/line2.png) repeat-x left top; font-size:14px;}

.mail-box .icogroup li{ float:left; height:25px; line-height:25px; padding-right:10px;} 

.mail-box .icogroup li img{ float:left; margin:0 5px;}

.xyshare{height:auto;}

.xyshare .bdsharebuttonbox{height:44px;padding:9px 0 9px 12px}

.rtpic{overflow:hidden;clear:both}

.rtpic .xyti{color:#00aa98;margin-top:5px;background:url(../image/symbol-3.png) 0 center no-repeat;}

.rtpic ul{width:340px}

.rtpic li{position:relative;float:left;width:150px;height:100px;margin:15px 20px 0 0}

.rtpic li img{width:100%;height:100%;}

.rtpic .text{position:absolute;right:0;bottom:0;width:100%;height:24px;line-height:24px;background:#00aa98;filter:alpha(opacity=80);opacity:0.8;transition:all .2s linear;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.rtpic .text:hover{background:#f90;}

.rtpic .text a{color:#FFF}

.title{ height:20px; line-height:20px; color:#00aa98; margin-bottom:10px; font-size:18px;}

.box-a{ border:3px solid #E5E5E5; padding:10px;}

.newlist p{color:#666;line-height:20px;border-top:1px #eee solid;padding:5px 0} 

.ullist li{ height:28px; line-height:28px; font-size:14px; text-indent:10px; background:url(../image/dotted.png) no-repeat left center;}

.ullist li a{color:#00aa98;}

.ullist li a:hover{color:#039283;}

.ullist3 li{ padding-bottom:15px; border-top:1px dotted #bbb; padding-top:15px;}

.ullist3 li:first-child{border-top:0}

.ullist3 .user{ float:left; width:50px; height:50px;}

.ullist3 .user img{border-radius:50%}

.ullist3 .info{ float:right; width:234px;}

.ullist3 .info h3{ line-height:25px; font-size:14px;}

.ullist3 .info p{ font-size:12px;}

.label-list span{display:inline-block;margin:0 6px 8px 0;padding:2px 5px;background:#c7e4de;border-radius:4px}

.label-list span a{color:#fff;font-size:14px;}

.label-list span:hover{background:#a7dacd}

 .box-b{ border:1px solid #dcdcdc;  position:relative;}

.box-b .arrow-right{ display:block; width:22px; height:21px; background:url(../image/arrow-right.png) no-repeat; position:absolute; right:-1px; top:-1px;}

.nolog{border:3px #ddd dashed;padding:2em;}

.nolog h2{font-size:24px;color:#F30}



/* 旧版回到顶部按钮样式 - 已替换为新版，保留注释便于回滚 */

/* #code,#code_hover,#gotop{ width:36px; height:48px; background:url(../image/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;

_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}

#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}

#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} */

#code_img{ width:235px; height:345px;background:url(../image/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;padding:10px 20px 0 15px;overflow:hidden;

_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;z-index:9999}

#code_img p{font-size:18px}

 

/* ========== 页脚样式整合（原有+新增，解决冲突） ========== */

.footer{

    /* 保留原有基础样式，合并新增样式 */

    padding:20px 0; 

    background:#272727; 

    border-top:4px solid #C9C9C7;

    overflow:hidden;

    width: 100%;

    box-sizing: border-box;

}

.footer a{

    color:#878787;

    /* 新增链接基础样式，优先级高于全局a标签 */

    text-decoration: none;

}

.footer .wrapper {

    width: 100%;

    max-width: 1200px; /* 可选：限制最大宽度，适配大屏 */

    margin: 0 auto;

    padding: 0 20px;

}

.footer .col div{ float:left;}

.footer .col div.span-a{ float:left; width:780px;color:#8F8F8F;padding-left:38px}

.footer .col div.span-a p{ line-height:200%;}

.footer .col .span-b a{margin:0 6px}

.footer .col div.span-c{float:left;width:160px;background:url(../image/line.png) no-repeat right center;}

/* 新增页脚内部容器样式 */
.footer-top-container {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
}
.footer-logo img {
    width: 200px;
    height: 200px;
}
.footer-text-content {
    color: #e0e0e0;
}
.footer-nav-links {
    margin: 0;
}
.footer-copyright {
    margin: 5px 0;
}
.footer-disclaimer {
    margin: 5px 0;
}
.domain-tip {
    margin: 5px 0;
}
.domain-tip i {
    margin-right: 5px; /* 优化图标与文字间距 */
}
.domain-item {
    margin: 5px 0;
    display: grid;
}

/* 最佳评论区域样式 */
.best-comment {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    border-left: 3px solid #00AA98;
}
.comment-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}
.comment-title i {
    color: #00AA98;
    margin-right: 8px;
}
.comment-content {
    overflow: hidden;
}
.comment-avatar {
    float: left;
    margin-right: 15px;
}
.comment-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.comment-info {
    overflow: hidden;
}
.comment-author {
    margin-bottom: 8px;
    font-size: 14px;
}
.author-name {
    font-weight: bold;
    color: #333;
    margin-right: 10px;
}
.comment-time {
    color: #999;
    font-size: 12px;
}
.comment-text {
    line-height: 1.6;
    margin-bottom: 10px;
    color: #555;
}
.comment-stats {
    color: #999;
    font-size: 12px;
}
.comment-stats i {
    color: #00AA98;
    margin-right: 3px;
}

    grid-template-columns: 120px 180px auto;

    align-items: center;

    gap: 10px;

    color: #e0e0e0;

}

.record-info img {

    vertical-align: middle;

    width: 18px;

    height: 18px;

}

.record-info a {

    color: #e0e0e0;

    text-decoration: none;

}

.record-info a + a {

    margin-left: 10px;

}

.footer-text-content a {

    color: #e0e0e0;

    text-decoration: none;

}



/* ========== 新版回到顶部按钮样式（替换旧版） ========== */

#gotop {

    position: fixed; /* 浮动定位 */

    right: 20px; /* 页面右侧间距 */

    top: 50%; /* 垂直居中基准 */

    transform: translateY(-50%); /* 精准垂直居中 */

    padding: 10px 10px;

    background: #00AA98;

    color: #fff;

    border-radius: 6px;

    display: none; /* 初始隐藏，滚动后显示 */

    align-items: center;

    justify-content: center;

    text-decoration: none;

    z-index: 9999; /* 最高层级，避免被遮挡 */

    box-shadow: 0 4px 12px rgba(0, 170, 152, 0.4); /* 浮动阴影增强视觉效果 */

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    height: 40px;

    width: 40px;

    border: none;

    outline: none;

    text-align: center;

    /* 浮动动效：轻微呼吸感，增强视觉辨识度 */

    animation: float-light 2s infinite ease-in-out;

}



/* 浮动呼吸动画 */

@keyframes float-light {

    0%, 100% {

        transform: translateY(-50%) scale(1);

        box-shadow: 0 4px 12px rgba(0, 170, 152, 0.4);

    }

    50% {

        transform: translateY(-50%) scale(1.03);

        box-shadow: 0 6px 16px rgba(0, 170, 152, 0.5);

    }

}



/* 按钮hover效果：加深背景+取消动画 */

#gotop:hover {

    background: #008878;

    transform: translateY(-50%) scale(1.05);

    animation: none; /* 鼠标悬浮时停止呼吸动画 */

    transition: all 0.3s ease;

}



.link-box h3{ height:40px; line-height:40px; border-bottom:1px solid #ddd; color:#666; font-size:18px;}

.comment{font-size:12px;margin:10px 0;padding:10px 0;height:100%;zoom:1}

.comment .comment-time{color:#999;display:inline}

.comment .avatar{float:left;margin:2px 10px 0 0}

.comment .avatar img{border-radius:50%}

.comment .comment-info{float:left;width:90%;border-bottom:#eee 1px solid;margin-bottom:5px;padding:5px 0 0}

.cposter a{color:#393}

.comment .comment-content{margin:8px 0 0}

.comment .comment-reply{float:right;padding:0 0 5px;cursor:pointer}

.comment .comment-reply:hover{text-decoration:underline}

.comment-children{width:95%;margin:auto;clear:both;border:none;padding:0}

.comment-post{margin-top:12px;padding:5px 5px 5px 10px;clear:both}

.comment-header{font-size:14px;font-family:'Microsoft YaHei';height:23px;border-bottom:#EAEAEA 1px solid;margin:10px 0 0;}

.comment-post p{margin:8px 0 3px;padding:0}

.comment-post .cancel-reply{float:right;cursor:pointer;padding-right:3%}

.comment-post .cancel-reply:hover{text-decoration:underline}

.comment-post small{color:#888}

.comment-post input{width:38%;height:22px;border:1px #ddd solid;}

.comment-post #comment{width:98%;border:1px #ddd solid;border-radius:4px;border:0}

.comment-post .input-submit{width:auto;color:#FFF;padding:4px 8px;cursor:pointer;border-radius:3px}

.comment-post .input{width:80px}

.comment .comment-post{width:96%;margin:15px auto}

#comment_submit{width:auto;height:42px;border:2px #eee solid;color:#FFF;background:#666;padding:4px 10px;cursor:pointer;border-radius:5px}

.pagination{padding:5px 0;clear:both;text-align: center;font-size: 14px;}

.pagination a, .pagination a:visited{padding:3px 10px;text-decoration: none; background:#F0F4F8;color: #01a998;}

.pagination a:hover, .pagination a:active{;color: #fff;background:#01A998;}

.pagination span{padding:3px 10px;color: #fff;background:#01A998;}

.calendartop{width:100%;text-align:center;margin-bottom:10px;border-bottom:2px #eee solid;}

.calendartop td{font-size:14px;padding:0 0 10px}

.calendar{margin-bottom:10px;}

.calendar td{text-align:center; padding:3px 14px; line-height:1.6;}

.day{color:#FFF;background:#fb0;border-radius:5px}

.day2{font-weight:bold}

.sun{color:#888;font-weight:bold}

/*标签样式*/



/* TW */

#tw{padding:10px 0 15px 20px}

#tw ul{float:left;width:100%;border-left:2px #eee dotted;padding:0 0 0 32px;}

#tw li{position:relative;float:left;width:100%;padding:0 0 20px}

#tw .tupic{position:absolute;top:0;left:-52px;}

#tw .tupic img{width:38px;height:38px;border-radius:50%}

#tw .twter{color:#ccc;margin-top:8px;background:#fafafa;text-align:right;padding:0 1em;border-radius:5px}

#tw .tpost{float:left;width:90%;line-height:22px;border:1px #eee solid;background:#F5F5F5;padding:10px;overflow:hidden;border-radius:6px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#F1F1F1');background:-webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#F1F1F1));background:-moz-linear-gradient(top,#F9F9F9,#F1F1F1);}

#tw .tpost img.tp{display:block;max-width:80%;max-height:600px;margin-top:5px;border:3px #fff solid}

#tw .pagination{text-align:center}



/**lanye commentpost**/

#comment-place{clear:both;}

.comment-post{ position:relative;}

.comment-post .place-header{background:url(../image/plbg.png) no-repeat 0 -102px;height:45px;border-bottom:1px solid #00aff0;}

#commentform{margin:10px 0;}

.comment-post .textarea{border:1px solid #ccc;padding-right:20px;border-top-left-radius:4px;border-top-right-radius:4px;background: #fff url(../image/bg_sprites.png) 0 -91px repeat-x;}

.textarea textarea{width:100%;height:54px;outline:none;padding:10px;resize:none;background:transparent;color:#999;}

.textarea textarea:focus{color:#333;}

.comment-post .comm_toolbar{position:relative;width:100%;height:30px;box-shadow:0 1px 0 rgba(255,255,255,0.6);}

.comm_toolbar .comm_tool{position:relative;height:30px;background: url(../image/bg_sprites.png) 0 -60px repeat-x;border:1px solid #ccc;border-top:0;}

.comm_toolbar .comm_tool .tool_bq{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}

.comm_toolbar .comm_tool .tool_bq:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#00aff0;}

.comm_toolbar .comm_tool .tool_img{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}

.comm_toolbar .comm_tool .tool_img:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#00aff0;}

.comm_toolbar .comm_tool .tool_qiand{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}

.comm_toolbar .comm_tool .tool_qiand:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#00aff0;}

.comm_toolbar .comm_tool .tool_link{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}

.comm_toolbar .comm_tool .tool_link:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#00aff0;}

.comm_toolbar .comm_tool .tool_code{cursor:pointer;float:left;height:30px;line-height:30px;border-right:1px solid #ccc;text-align:center;font-size: 18px;padding:0 20px;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);text-shadow:0 1px 0 #fff;color:#555;}

.comm_toolbar .comm_tool .tool_code:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);color:#00aff0;}

.comm_toolbar .comm_tool .comm_tijiao{cursor:pointer;position:absolute;right:0;top:0;height:30px;width:100px;text-align:center;

text-shadow:0 1px 0 #fff;color:#555;line-height:30px;font-size:14px;font-weight:bold;border-left:1px solid #ccc;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);}

.comm_toolbar .comm_tool .comm_tijiao:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}

.comm_toolbar .comm_tool .comm_tijiao input[type="submit"]{cursor:pointer;text-shadow:0 1px 0 #fff;color:#555;font-size:14px;font-weight:bold;background:none; outline:none;}

.comm_toolbar .comm_tool .cancel-reply{cursor:pointer;position:absolute;right:101px;top:0;height:30px;width:100px;text-align:center;

text-shadow:0 1px 0 #fff;color:#555;line-height:30px;font-size:14px;font-weight:bold;border-left:1px solid #ccc;background-color: #e6e6e6;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));background-image:-webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #fcfcfc, #fcfcfc 25%, #e6e6e6);background-image:-ms-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);}

.comm_toolbar .comm_tool .cancel-reply:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}

.comm_toolbar .comm_tool .cancel-reply a{color:#555;}

.comm_toolbar .comm_tool .cancel-reply a:hover{ text-decoration:none;}

.comment-post .comm_infobox{z-index:9999;display:none;position:absolute;width:300px;background:#fff;top:0;left:0;right:0;margin:0 auto;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px #fff,0 2px 6px rgba(0,0,0,0.4);padding:20px;}

.comm_infobox input[type="submit"]{color:#fff;height:auto;box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius: 4px;background:#5cb85c;color:#fff;padding:10px;font-size:14px;font-weight:100;float:left;margin:10px 20px 0 0;font-family: microsoft yahei; cursor:pointer;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}

.comm_infobox .comm_rest{color:#fff;height:auto;box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius: 4px;background:#00aff0;color:#fff;padding:10px;font-size:14px;font-weight:100;float:left;margin:10px 20px 0 0;font-family: microsoft yahei; cursor:pointer;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}

.comm_infobox .comm_close{box-shadow: 0 0 4px 1px rgba(0,150,0,0.3);border-radius: 4px;background:#f85d00;color:#fff;padding:10px;font-size:14px;font-weight:100;float:left;margin:10px 0 0; cursor:pointer;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}

.comm_infobox input[type="submit"]:hover,.comm_infobox .comm_close:hover,.comm_infobox .comm_rest{background:#00aff0;cursor:pointer;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px;}

.comm_infobox input[type="text"]{width:234px;}

.comm_infobox p{float:left;width:300px;padding-bottom:10px;}

.comm_infobox label{float:left;font-size:18px;}

.comm_infobox input{float:left;border:1px solid #ccc;height:25px;padding:0 5px; outline:none;color:#999;}

.comm_infobox input:focus{border:1px solid #00aff0;color:#333}

.comm_infobox img{margin-left:10px;background:#F0E7E7;padding:2px;}

.comm_infobox input[name="imgcode"]{width:78px;}

.smile{padding:12px;}

.smile img{width:22px;height:22px;padding:2px;border:1px solid #f6f6f6;}

.smile img:hover{border:1px solid #00ccff;}

.smile .arrow{background:url(../image/bg_msg2.gif) -13px -9px no-repeat; width:6px; height:11px; overflow:hidden;position:absolute; left:-6px; top:85px}

.smilebg{width:217px;position:absolute;z-index:999;height:185px;display:none;background:#fff;border:solid #ddd 1px;border-radius:2px;box-shadow:0 0 10px #f1f1f1;margin:-76px 0 0 45px;line-height:20px;}



#ajax_ok{color:red;font-weight:bold;}



.sitemakers {

  width: 100%;

  height: 100%;

  display: block;

  background: -webkit-radial-gradient(rgba(57,60,76,1), rgba(36,36,46,1) 80%);

  position: absolute;

  top: 0;

  left: 0;

}



.wrap {



}



.wrap .bulb {

    position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  cursor: pointer;

}



.wrap #s-bulb {

  stroke: #262832;

  fill: #262832;

  stroke-width: 0;

  transition: 300ms;

}



.wrap #s-bulb {

  stroke: #262832;

  fill: #262832;

  transition: 1500ms;

}



.wrap:hover #s-bulb {

  fill: #c4d8d9;

  stroke: #c4d8d9;

  stroke-width: 2;

  transition: 100ms;

}



.wrap #www-filament {

  stroke-width: 0;

  stroke-width: 0;

  transition: 300ms;

}



.wrap #www-filament {

  fill: #333542;

  stroke: #333542;

  transition: 1500ms;

}



.wrap:hover #www-filament {

  stroke: #ffdf43; 

  stroke-width: 3;

  fill: #ffdf43;

  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}





.wrap .light {

  width: 200px;

  height: 200px;

  margin-top: -20px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  

}



.wrap .light .glow {

  width: 0px;

  height: 0px;

  border-radius: 50%;

  opacity: 0;

  background: -webkit-radial-gradient(rgba(255,223,67,1), rgba(255,223,67,0) 70%);

  position: absolute;

  display: block;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.wrap:hover .light .glow {

  width: 200px;

  height: 200px;

  opacity: 0.2;

  background: -webkit-radial-gradient(rgba(255,223,67,1), rgba(255,223,67,0) 70%);

  transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.wrap .light .flare {

  width: 0px;

  height: 0px;

  border-radius: 50%;

  opacity: 0;

  background: rgba(255,223,67,0);

  position: absolute;

  display: block;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.wrap:hover .light .flare {

  width: 50px;

  height: 50px;

  opacity: 0.5;

  background: rgba(255,223,67,1);

  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

 #bottom-nav{display: none;}

/* ========== 自定义样式 - 提取并优化 ========== */

/* 1. 内部链接样式优化 */

.Gz_auto_links_sort a { 

    color: #d32f2f; 

    text-decoration: none; 

    transition: all 0.3s; 

}

.Gz_auto_links_sort a:hover { 

    color: #b71c1c; 

    text-decoration: underline; 

}

.Gz_auto_links_tag a { 

    color: #2e7d32; 

    text-decoration: none; 

    transition: all 0.3s; 

}

.Gz_auto_links_tag a:hover { 

    color: #1b5e20; 

    text-decoration: underline; 

}

.Gz_auto_links_custom_0 a, .Gz_auto_links_custom_1 a { 

    color: #1976d2; 

    text-decoration: none; 

    transition: all 0.3s; 

}

.Gz_auto_links_custom_0 a:hover, .Gz_auto_links_custom_1 a:hover { 

    color: #0d47a1; 

    text-decoration: underline; 

}



/* 2. 翻译插件样式 */

.goog-te-gadget-simple { height: 40px !important; }

.goog-te-gadget-simple img { display: none; }



/* 3. 文章内容区优化 */

.art-content { 

    width:650px;

    overflow:hidden;

    line-height: 1.8; 

    font-size: 16px; 

    color: #333; 

}

.art-content p { margin: 15px 0; }

.art-content img { 

    max-width: 100%; 

    height: auto; 

    margin: 10px auto; 

    display: block; 

    border-radius: 4px; 

}

.art-content embed{max-width:96% !important;}

.art-content h2, .art-content h3, .art-content h4 { 

    margin: 25px 0 15px 0; 

    color: #222; 

    font-weight: 600; 

}

.art-content ul, .art-content ol { 

    margin: 15px 0; 

    padding-left: 25px; 

}

.art-content blockquote { 

    border-left: 3px solid #1976d2; 

    padding: 10px 15px; 

    background: #f5f9ff; 

    margin: 15px 0; 

}



/* 4. 面包屑导航样式 */

.bread { 

    padding: 10px 0; 

    border-bottom: 1px solid #f5f5f5; 

}

.bread li { 

    font-size: 14px; 

    color: #666; 

}

.bread li a { 

    color: #1976d2; 

    text-decoration: none; 

}

.bread li a:hover { text-decoration: underline; }

.bread li.last { 

    color: #333; 

    font-weight: 500; 

}



/* 5. 文章元信息样式 */

.loginfo { 

    padding: 15px 0; 

    color: #666; 

    font-size: 14px; 

    border-bottom: 1px solid #f5f5f5; 

    margin-bottom: 20px; 

}

.loginfo .ico-list { margin-right: 15px; }

.loginfo a { 

    color: #1976d2; 

    text-decoration: none; 

}

.loginfo a:hover { text-decoration: underline; }



/* 6. 相关文章样式 */

.comment { margin: 30px 0; }

.comment h3 { 

    font-size: 16px; 

    color: #333; 

    margin-bottom: 15px; 

    border-left: 3px solid #1976d2; 

    padding-left: 8px; 

}

.ullist2 { /* 修复：页面实际用ullist2，原ullist4无效已删除 */

    list-style: none; 

    padding: 0; 

    margin: 0; 

}

.ullist2 li { 

    margin-bottom: 5px; 

    padding: 5px 0; 

    border-bottom: 1px dashed #f5f5f5; 

    height: auto;

    line-height: normal;

    border-left: none;

    text-indent: 2em;

    background: none;

}

.ullist2 li:hover{

    border-left: none;

    background: none;

}

.ullist2 li a { 

    color: #333; 

    text-decoration: none; 

    transition: color 0.3s; 

}

.ullist2 li a:hover { 

    color: #1976d2; 

    text-decoration: underline; 

}

.ullist2 li .time { 

    float: right; 

    color: #999; 

    font-size: 13px; 

}



/* 7. 温馨提示样式（统一蓝色主题，去重） */

.tip-bar { 

    background: #f5f9ff; 

    padding: 15px 20px; 

    border-radius: 4px; 

    border-left: 3px solid #1976d2; 

    margin: 20px 0; 

    display: flex; 

    align-items: center; 

    gap: 10px;

    height: auto;

    line-height: normal;

    font-size: 16px;

}

.tip-bar .tit { 

    color: #1976d2; 

    font-weight: 700; 

    font-size: 16px; 

    line-height: 1.5;

    display: block;

    height: auto;

    line-height: normal;

    background: none;

    color: #1976d2;

    padding: 0;

    float: none;

    margin-right: 0;

}

.tip-bar .tip-text { 

    color: #333; 

    font-weight: 600; 

    font-size: 16px; 

    line-height: 1.5; 

}

/*  文章标签样式优化（增强版） */

.article-tags { 

    margin: 20px 0; 

    padding: 15px 20px; /* 增加内边距，更宽松 */

    border-top: 1px solid #eee; /* 浅灰色边框更柔和 */

    border-bottom: 1px solid #eee;

    background-color: #fafafa; /* 增加轻微背景色，区分内容区 */

    border-radius: 8px; /* 增加圆角，更圆润 */

}

.article-tags span { 

    color: #555; /* 加深文字色，提升可读性 */

    margin-right: 12px;

    font-size: 14px; /* 统一字体大小 */

    font-weight: 500; /* 轻微加粗，突出标签标题 */

}

/* 图标样式优化（如果使用Font Awesome图标） */

.article-tags span i {

    color: #1976d2; /* 图标使用主题色 */

    margin-right: 6px; /* 图标与文字间距 */

}

.article-tags a { 

    display: inline-block; 

    margin: 0 8px 8px 0; /* 调整外边距，更均匀 */

    padding: 5px 12px; /* 增加内边距，点击区域更大 */

    background: #fff; /* 白色背景更清爽 */

    border: 1px solid #e0e0e0; /* 增加边框，提升质感 */

    border-radius: 20px; /* 更大的圆角，更现代 */

    color: #666; 

    text-decoration: none; 

    font-size: 13px; /* 略小的字体，更精致 */

    transition: all 0.3s ease; /* 过渡动画更丝滑 */

    box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* 轻微阴影，增加立体感 */

}

.article-tags a:hover { 

    background: #1976d2; 

    color: #fff; 

    border-color: #1976d2; /* hover时边框同步变色 */

    transform: translateY(-2px); /* 轻微上浮，增强交互感 */

    box-shadow: 0 3px 8px rgba(25, 118, 210, 0.2); /* hover时阴影增强 */

}



/* 9. 自动生成首图样式（纯本地） */

.auto-cover-image {

    margin: 0 0 20px 0;

    text-align: center;

    border-radius: 6px;

    overflow: hidden;

    box-shadow: 0 2px 8px rgba(0,0,0,0.1);

}

.auto-cover-image img {

    max-width: 100%;

    height: auto;

    transition: transform 0.3s ease;

}

.auto-cover-image:hover img {

    transform: scale(1.02);

}

.cover-placeholder {

    height: 300px;

    line-height: 300px;

    background: #f5f5f5;

    color: #999;

    text-align: center;

    border-radius: 6px;

}



/* 10. 文章总结样式 */

.article-summary {

    background: #f0f7ff;

    border-left: 3px solid #1976d2;

    padding: 18px 20px;

    margin-bottom: 25px;

    border-radius: 4px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.05);

}

.article-summary .summary-title {

    font-weight: 600;

    color: #1976d2;

    margin-bottom: 10px;

    font-size: 17px;

    display: flex;

    align-items: center;

}

.article-summary .summary-title i {

    margin-right: 8px;

    font-size: 16px;

}

.article-summary .summary-content {

    color: #444;

    line-height: 1.7;

    font-size: 15px;

}



/* 11. 自定义补充样式（修复内联） */

.updated-date {

    color: #666; 

    font-size: 14px; 

    margin: 10px 0; 

    padding: 10px; 

    background: #f9f9f9; 

    border-radius: 4px;

}

.frend-link {

    margin: 30px 0; 

    padding: 15px; 

    background: #f9f9f9; 

    border-radius: 4px;

}

.frend-link h3 {

    margin: 0 0 15px 0; 

    font-size: 16px; 

    color: #333;

    height: auto;

    line-height: normal;

    border-bottom: none;

}

.frend-link dl { padding:2px 0;}

.frend-link dd{ float:left;}

.frend-link dd a{ display:inline-block; padding:0 12px; line-height:25px;}

.main-tit2{

    margin: 15px 0; 

    font-size: 24px; 

    color: #222; 

    line-height: 1.5; 

    font-weight: 600;

    padding:0 0 10px;

    clear:both;

}



/* 12. 面包屑/位置栏样式整合 */

.positionbar{

    width:100%;

    height:40px;

    line-height:40px;

    border-bottom:2px solid #E6E6E6;

    margin-bottom:10px;

    padding: 0;

}

.positionbar ul li{ 

    height: 40px; 

    line-height: 40px; 

    float:left; 

    background:url(../image/arrow.png) no-repeat right center; 

    padding:0 14px 0 10px; 

    font-size: 14px;

}

.positionbar ul li.last{

    max-width:60%;

    background:none;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow:hidden

}

.positionbar ul .ico {

    display: block;

    width: 24px;

    height: 40px;

    background: none;

    border-bottom: 2px solid #00AA98;

    margin: 0;

    padding: 0;

    padding: 0 5px;

}

.positionbar ul .ico img {

    float: left;

    margin-top: 8px;

}



/* ========== 以下为自定义CSS插入区 - 可直接粘贴新CSS ========== */

/* 新增CSS请粘贴到此处，避免破坏原有样式结构 */







/* ========== 响应式适配（统一整合，去冲突，修复语法错误） ========== */

@media only screen and (max-width: 1100px) {

    #bottom-nav{display: none;}

    .wrapper-outer,.wrapper{width:100%;} 

    .header{width:96%;padding:20px 2% 10px} 

    .t-fr{padding-right:1.5%} 

    .navbg,.navbar{height:32px;width:100%;background:#333;} 

    #navul li{font-size:12px !important} 

    #navul li ul{top:31px} 

    .con-left{float:none;width:96%;margin:0 auto} 

    #iautobox{position:relative;padding-top:175px} 

    #iautobox .rtpic{display:block;position:absolute;top:0;left:0;width:100%;height:160px;overflow:hidden;} 

    .cmsbox,.art-content{width:100%;} 

    .pull-left{width:100%;height:32px;line-height:32px;} 

    .cmslist{width:48%;margin:0 1% 8px;} 

    .articleCon li .thumb{width:22%;overflow:hidden} 

    .articleCon li .mark{width:76%} 

        .articleCon2 li .thumb{width:22%;overflow:hidden} 

    .articleCon2 li .mark{width:76%} 


    .atlist li .mark{width:98%;} 

    .t-fl,.pull-right,.yx-rotaion,.mail-box,.ad-box,.rtpic,.rtpic .xyti,#sidebar,.ibtad,.span-c{display:none} 

    .rtpic ul{width:96%;margin:0 auto;} 

    .rtpic li{width:23%;height:140px;margin:20px 1% 0} 

    .frend-link{padding:0 2%} 

    .footer .col div.span-a{float:none;width:auto;padding:0 20px}

}



@media only screen and (max-width: 768px) {



    /* 文章标题适配 */

    .main-tit2 { 

        font-size: 20px; 

        padding: 10px 0; 

        margin: 10px 15px; /* 增加左右边距，避免贴边 */

    }

    

    /* 面包屑导航适配 */

    .positionbar { 

        padding: 0 15px; 

        height: auto; /* 自适应高度，避免文字溢出 */

        line-height: 1.5; /* 多行适配 */

    }

    

    /* 文章内容区适配 */

    .art-content { 

        font-size: 15px; 

        padding: 0 15px; 

        line-height: 1.7; /* 调整行高，提升移动端阅读体验 */

    }

    

    /* 温馨提示栏适配 */

    .tip-bar { 

        padding: 12px 15px !important; 

        font-size: 14px; 

        margin: 15px; /* 增加外边距，避免贴边 */

        display: block !important; /* 替换flex为block，适配移动端 */

    }

    .tip-bar .tit {

        margin-bottom: 8px; /* 标题和内容分行显示，更易读 */

    }

    

    /* 友情链接适配 */

    .frend-link dl { 

        flex-wrap: wrap; 

        padding: 0 15px; /* 增加内边距 */

    }

    .frend-link dd { 

        margin-bottom: 8px; 

        flex: 1 0 45%; /* 每行2个链接，适配移动端 */

        box-sizing: border-box; /* 避免宽度溢出 */

    }

    

    /* 广告图片适配 */

    .logbtad img { 

        width: 100%; 

        height: auto; 

        display: block; /* 去除图片底部空白 */

    }

    

    /* 左侧内容区适配（修复核心问题） */

    .con-left { 

        flex: 1; 

        margin-right: 0; /* 移动端单列布局，移除右侧间距避免溢出 */

        width: 100%; /* 强制占满宽度 */

        padding: 0 15px; /* 增加左右内边距 */

        box-sizing: border-box; /* 盒模型优化，避免宽度溢出 */

    }



    /* 补充：文章标签移动端适配 */

    .article-tags {

        margin: 15px; /* 增加外边距 */

        padding: 10px 15px; /* 调整内边距 */

    }

    .article-tags a {

        padding: 4px 10px; /* 缩小标签内边距，适配小屏 */

        font-size: 12px; /* 减小字体 */

    }



    /* 补充：更新时间移动端适配 */

    .updated-date {

        margin: 10px 15px; /* 增加左右边距 */

        padding: 8px 15px; /* 调整内边距 */

        font-size: 13px; /* 减小字体 */

    }



    /* 补充：文章总结移动端适配 */

    .article-summary {

        margin: 15px; /* 增加外边距 */

        padding: 12px 15px; /* 调整内边距 */

    }



    /* 移动端页脚适配 */

    .footer-top-container {

        flex-direction: column !important;

        gap: 15px !important;

        padding: 15px 10px !important;

        text-align: center !important;

    }

    .footer-logo img {

        width: 100px !important;

        height: 100px !important;

    }

    .footer-text-content {

        width: 100% !important;

        font-size: 14px !important;

    }

    .footer-nav-links {

        line-height: 1.8 !important;

        display: flex !important;

        flex-wrap: wrap !important;

        justify-content: center !important;

        gap: 8px 5px !important;

    }

    .footer-nav-links a {

        display: inline-block !important;

        margin: 0 2px !important;

    }

    .footer-nav-links span {

        display: none !important;

    }

    .domain-item {

        grid-template-columns: 1fr !important;

        gap: 8px !important;

        text-align: left !important;

        padding: 8px 0 !important;

        border-bottom: 1px dashed #333 !important;

    }

    .record-info {

        display: flex !important;

        flex-wrap: wrap !important;

        gap: 10px !important;

        justify-content: flex-start !important;

        padding-left: 0 !important;

    }

    .record-info a {

        display: inline-flex !important;

        align-items: center !important;

        margin: 0 !important;

    }

}





  /* 评论表单容器 - 响应式 */

        .comment-container {

            max-width: 800px;

            margin: 0 auto;

            background: #fff;

            padding: 2rem;

            border-radius: 8px;



        }



        .comment-title {

            font-size: 1.5rem;

            color: #333;

            margin-bottom: 1.5rem;

            padding-bottom: 0.5rem;

            border-bottom: 2px solid #eee;

        }



        /* 表单组样式 */

        .form-group {

            margin-bottom: .5rem;

        }



        .form-group label {

            display: block;

            margin-bottom: 0.5rem;

            color: #555;

            /* font-weight: 500; */

        }



        .form-group input,

        .form-group textarea {

            width: 90%;

            padding: 0.8rem 1rem;

            border: 1px solid #ddd;

            border-radius: 4px;

            font-size: 0.8rem;

            transition: border-color 0.3s;

        }

       .form-group .checkcode{float: right;}

       .form-group .checkcode img{max-width100%; height: auto;}

        .form-group input:focus,

        .form-group textarea:focus {

            outline: none;

            border-color: #00AA98;

            box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.2);

        }



        .form-group textarea {

            min-height: 60px;

            resize: vertical; /* 允许垂直拉伸 */

        }



        /* 错误提示样式 */

        .error-tip {

            color: #e53e3e;

            font-size: 0.875rem;

            margin-top: 0.3rem;

            display: none; /* 默认隐藏 */

        }



        /* 提交按钮 */

        .submit-btn {

            background-color: #00AA98;

            color: #fff;

            border: none;

            padding: 0.9rem 2rem;

            border-radius: 4px;

            font-size: 0.8rem;

            cursor: pointer;

            transition: background-color 0.3s;

        }



        .submit-btn:hover {

            background-color: #3182ce;

        }



        .submit-btn:disabled {

            background-color: #a0aec0;

            cursor: not-allowed;

        }



        /* 响应式适配 - 移动端 */

        @media (max-width: 768px) {

            body {

                padding: 1rem;

            }

            .comment-container {

                padding: 1.5rem;

            }



            



/* 搴曢儴瀵艰埅鏍稿績鏍峰紡锛氬浐瀹氬湪搴曢儴銆�100%瀹藉害 */

#bottom-nav {

    position: fixed;

    display: block;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 50px; /* 瀵艰埅楂樺害锛屼笌body padding-bottom涓€鑷� */

    background-color: #fff;

    display: flex; /* 瀹炵幇1琛�3鍒楀潎鍒� */

    justify-content: space-around;

    align-items: center;

    border-top: 1px solid #eee;

    box-shadow: 0 -2px 5px rgba(0,0,0,0.05);

    z-index: 999; /* 淇濊瘉瀵艰埅鍦ㄦ渶涓婂眰锛屼笉琚叾浠栧厓绱犻伄鎸� */

}



/* 瀵艰埅椤规牱寮忥細鍗犳弧鐖跺鍣紝鍧囧垎瀹藉害 */

.nav-item {

    flex: 1;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer; /* 瑙︽懜鍙嬪ソ锛氭樉绀烘墜鍨� */

    position: relative; /* 涓哄脊鍑鸿彍鍗曠殑缁濆瀹氫綅鍋氱埗瀹瑰櫒 */

    color: #333;

    font-size: 12px;

}



/* 瀵艰埅鍥炬爣鏍峰紡 */

.nav-icon {

    font-size: 18px;

    margin-bottom: 2px;

}



/* 鍚戜笂寮瑰嚭鑿滃崟鏍稿績鏍峰紡 */

.pop-menu {

    position: absolute;

    bottom: 50px; /* 绱ц创瀵艰埅鍚戜笂寮瑰嚭锛屽€肩瓑浜庡鑸珮搴� */

    left: 0;

    width: 100%;

    background-color: #fff;

    border-radius: 8px 8px 0 0;

    box-shadow: 0 -2px 8px rgba(0,0,0,0.08);

    display: none; /* 鍒濆闅愯棌 */

    flex-direction: column;

    z-index: 998; /* 浣庝簬瀵艰埅锛岄珮浜庨〉闈㈠唴瀹� */

    animation: slideUp 0.2s ease-out; /* 鍚戜笂寮瑰嚭鍔ㄧ敾 */

}



/* 寮瑰嚭鑿滃崟椤规牱寮� */

.menu-item {

    padding: 12px 0;

    text-align: center;

    color: #333;

    text-decoration: none;

    font-size: 14px;

    border-bottom: 1px solid #f5f5f5;

}



/* 鑿滃崟椤规渶鍚庝竴涓幓闄や笅杈规 */

.menu-item:last-child {

    border-bottom: none;

}



/* 鑿滃崟椤硅Е鎽稿弽棣� */

.menu-item:active {

    background-color: #f8f8f8;

    color: #007bff;

}

/* 鍚戜笂寮瑰嚭鍔ㄧ敾鍏抽敭甯� */

@keyframes slideUp {

    from {

        transform: translateY(10px);

        opacity: 0;

    }

    to {

        transform: translateY(0);

        opacity: 1;

    }

}

        }