body>header.header .nav>li.active>a{color:#3280fc}
a:hover {color: #3280fc;}
.load-next-page a{background-color:#3280fc}
.notice_headlines h2{background:#3280fc}
.page-tags-info:hover{border-color:#3280fc}
.page-tags-info:hover a{background:#3280fc;border-color:#3280fc}
.bulletin-list .bulletin-date:after,.bulletin-list .bulletin-date:before{background:#3280fc}
.bulletin-list .bulletin-time:after,.bulletin-list .bulletin-time:before{border:4px solid #3280fc}
.post-tag a:hover{background-color:#3280fc}
body>header.header .dropdown-menu>li>a:hover{color:#3280fc}
.navbar-action a{background-color:#3280fc;border:1px solid #3280fc}
.bulletin-list .bulletin-time{color:#3280fc}
.post_info .post-list-cat{background-color:#3280fc1a}
.post_info .post-list-cat a{color:#3280fc}
.article-container .post_tit .info .post-list-cat{background-color:#3280fc1a}
.article-container .post_tit .info .post-list-cat a{color:#3280fc}
.cms-module__border:before{background-color:#3280fc;}
.cms-module__border:after{background-color:#3280fc;}
.widget-border:before{background-color:#3280fc;}
.widget-border:after{background-color:#3280fc;}
.divComments li .comment-refer i{color:#3280fc}
.com-submit{background-color:#3280fc;}
.article-directory ol li a:hover {color: #3280fc;}
.article-directory ol li a.current {color: #3280fc;}
.gray-dot{background-color:#3280fc;}
.divSearchPanel form input[type=text]:focus{border-color:#3280fc}
.divSearchPanel form input[type=submit]{background-color:#3280fc;}
.divCalendar caption a{color:#3280fc;}
.divCalendar td a{color:#3280fc}
.divNavBar a:hover{background-color:#3280fc;}
.divCatalog li:hover{background-color:#3280fc;}
.divArchives ul li a:hover{color:#3280fc}
.divStatistics ul li::before{color:#3280fc}
.divFavorites ul li::before{color:#3280fc}
.divLinkage ul li::before{color:#3280fc}
.divAuthors ul li a:hover{color:#3280fc}
.pagination ul>.active>a,.pagination ul>.active>span{background-color:#3280fc;}
.abautor ul.widget-about-posts li:before{background:#3280fc;}
.abautor .widget-article-newest span{color:#3280fc}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-color: #3280fc;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-color: #3280fc;}
.swiper-pagination-bullet-active {background: #3280fc!important;opacity: 1!important;}
.left_box_nav .nav-link.active {color: #3280fc;}
/* .widget-title .title-text::before {background: #3280fc;} */
.rm-content::before {background: #3280fc;}
.san_Popular ul::before {border-left: 1px dashed #3280fc33;}
.notice i {color: #3280fc;}
.content-title a:hover {color: #3280fc!important;}
.post-item:hover h2 a {color: #3280fc;}
.post-category-label {background: #3280fc;}
.tag-list .tag-item a:hover {background: #3280fc;}
@media (max-width: 1000px) {.navbar-collapse{background:#3280fc}.collapse.in .primary-menu:before{background:#3280fc}}

.widget-about-desc { padding:10px 0 5px 0; }
.widget-about-desc ul { width: 90%; margin: 0 auto; font-size:14px;}
.widget-about-desc ul li { width:23%; float:left; border:1px solid rgba(0,0,0,.08); background:#fff; margin-left:2%; padding:15px 0; border-radius:4px; color:#a2a6b1;} 
.widget-about-desc ul li dt { font-size:16px; padding-bottom:5px; color:#2a2a2a; font-weight:bold; }
.widget-about-desc ul li:hover { cursor:pointer; background:#f6f6f6;  }

/*divTags*/
.divTags ul { list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1.5;padding-bottom:5px;}
.divTags li { height:28px;}
.divTags li a { display:inline-flex;align-items:center;padding:3px 10px;border-radius:14px;font-size:14px;white-space:nowrap;text-decoration:none;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05);min-width:0; max-width:100%;}
/* 10种不同的扁平化颜色方案 */
.divTags li:nth-child(1) a { background-color: #FFD6D6; color: #9E3F3F; } /* 淡粉色 */
.divTags li:nth-child(2) a { background-color: #D4F1F4; color: #2A7A8C; } /* 淡蓝绿 */
.divTags li:nth-child(3) a { background-color: #FFF5D6; color: #9E7E3F; } /* 淡鹅黄 */
.divTags li:nth-child(4) a { background-color: #E8D7FF; color: #6A3D9E; } /* 淡薰衣草 */
.divTags li:nth-child(5) a { background-color: #D6E4FF; color: #3F5C9E; } /* 淡天蓝 */
.divTags li:nth-child(6) a { background-color: #FFE8D6; color: #9E5E3F; } /* 淡杏色 */
.divTags li:nth-child(7) a { background-color: #D6FFE8; color: #3F9E6E; } /* 淡薄荷 */
.divTags li:nth-child(8) a { background-color: #FFD6F5; color: #9E3F8C; } /* 淡玫红 */
.divTags li:nth-child(9) a { background-color: #E0F0D6; color: #5C9E3F; } /* 淡苹果绿 */
.divTags li:nth-child(10) a { background-color: #F0D6D6; color: #9E5C5C; } /* 淡玫瑰棕 */
.divTags li:nth-child(11) a { background-color: #F8E8EE; color: #B3597A; } /* 淡蔷薇粉 */
.divTags li:nth-child(12) a { background-color: #E0F0F8; color: #4A7B9D; } /* 淡勿忘蓝 */
.divTags li:nth-child(13) a { background-color: #FFF8E0; color: #B39D4A; } /* 淡香草黄 */
.divTags li:nth-child(14) a { background-color: #F0E8FF; color: #7D59B3; } /* 淡紫藤色 */
.divTags li:nth-child(15) a { background-color: #E0FFEE; color: #4AB37D; } /* 淡竹青色 */
.divTags li:nth-child(16) a { background-color: #FFEEDD; color: #B3824A; } /* 淡杏仁橙 */
.divTags li:nth-child(17) a { background-color: #E0F8F8; color: #4AB3B3; } /* 淡浅葱色 */
.divTags li:nth-child(18) a { background-color: #FFE0F0; color: #B3598C; } /* 淡樱粉色 */
.divTags li:nth-child(19) a { background-color: #EEF8E0; color: #7DB34A; } /* 淡嫩芽绿 */
.divTags li:nth-child(20) a { background-color: #F8E0E0; color: #B37D7D; } /* 淡豆沙色 */
/* 悬停效果 */
.divTags li a:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); opacity: 0.9; }
/* 计数标签样式 */
.tag-count { background-color: rgba(255,255,255,0.2); padding: 2px 6px; border-radius: 10px; margin-left: 6px; }


/*divComments*/
.divComments li .author-info{margin-top:20px;height:29px;line-height:29px;font-size:12px;padding:0}
.divComments li:first-child .author-info{margin-top:0;}
.divComments li .author-info .avatar{float:left;width:29px;height:29px;border-radius:10%;margin-right:15px}
.divComments li .author-info i{font-style:normal;color:#333;float:left;text-indent:0px;font-size:16px}
.divComments li .author-info span{color:#bbb;float:right}
.divComments li .comment-inner p{font-size:14px;color:#333;line-height:22px;margin:5px 0 5px 5px}
.divComments li .comment-refer{position:relative;height:auto; padding-left:30px}
.divComments li .comment-refer i{font-size:18px;position:absolute;left:0;top:6px;color:#3280fc}
.divComments li .comment-refer .t{font-size:12px;color:#333;height:auto;line-height:22px;overflow:hidden;display:inline-block;padding:5px; border-radius:3px;font-weight: bold;background:#EDF5FF; }
.divComments li .comment-refer .t a{color:#333;font-style:normal;margin-left:5px; font-weight:normal; }

/*san_Popular*/
.san_Popular ul{position:relative}
.san_Popular ul::before{border-left:1px dashed rgba(0,102,255,.2)}
.san_Popular ul::before{content:'';width:1px;position:absolute;left:18px;top:26px;bottom:70px}
.san_Popular ul li{font-size:13px;padding:0px 16px 10px 16px;box-sizing:border-box}
.rm-content{padding-left:16px;position:relative}
.rm-content::before{content:'';position:absolute;width:5px;height:5px;border-radius:100%;left:0;top:9px}
.rm-content::before{background:#06f}
.rm-content h3{margin-bottom:8px;line-height:22px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;position:relative;height:auto;color:#494b4d; font-weight:normal;}
.rm-cot-header{display:flex;justify-content:space-between;height:auto; padding:2px 0;}
.rm-cot-header span{margin-right:8px;font-weight:400;color:#aaaeb3}
.rm-cot-header a{margin-right:16px}

/*san_Commented*/
.san_Commented .item{display:flex;gap:10px;padding:10px 0}
.san_Commented .item:first-child{padding-top:0}
.san_Commented .media-wrapper{position:relative;width:115px;height:80px;flex-shrink:0}
.san_Commented .media-link{display:block;width:100%;height:100%;overflow:hidden;border-radius:8px}
.san_Commented .media-img{width:100%;height:100%;object-fit:cover}
.san_Commented .badge-overlay{position:absolute;top:5px;left:5px}
.san_Commented .content-wrapper {flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.san_Commented .content-wrapper h3 { font-weight: normal;}
.san_Commented .title{font-size:16px;font-weight:700;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.san_Commented .timestamp{font-size:12px;margin-right:8px;font-weight:400;color:#aaaeb3}


/*********************************************/

.cms-module{box-shadow:none;background:#fff;margin-top:0;margin-bottom:15px;padding:16px 20px;background-color:#fff;border-radius:3px;overflow:hidden}
.cms-module__header{position:relative;padding-bottom:10px;margin-bottom:10px;overflow:hidden}
.cms-module__header::before{content:"";position:absolute;right:-20px;bottom:0;height:1px;width:108%;border-bottom:1px solid #f5f6f7}
.cms-module__title{height:22px;font-size:16px;font-weight:400;color:#18191a;line-height:22px;float:left;padding-left:25px}
.cms-module__title i{color:#06c}
.cms-module__title dt { font-weight:bold; font-size:16px;}
.cms-module__border{position:absolute;top:-3px;left:5px;width:36px;height:30px;border-radius:4px}
.cms-module__border:before{content:'';position:absolute;left:0;top:50%;width:3px;height:18px;border-radius:10px;background-color:#3858f6;opacity:1;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out}
.cms-module__border:after{content:'';position:absolute;left:8px;top:50%;width:3px;height:16px;border-radius:10px;background-color:#3858f6;opacity:.6;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out}
.cms-module__header:hover .cms-module__border:after,.cms-module__header:hover .cms-module__border:before{transform:translateY(-50%) rotate(-165deg)}
.cms-module-tu .cms-module__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.tu-image-card{background:#f3f3f3;border-radius:8px;overflow:hidden}
.tu-image-card img{width:100%;height:auto;transition:all .6s}
.tu-image-card img:hover{transform:scale(1.1);}
.tu-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:11px 16px;font-size:15px}
.tu-description{font-size:12px;color:#797c80;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-justify:inter-ideograph;word-break:break-all;margin:0 16px 13px;margin-top:-6px}
.tu-info{display:flex;align-items:center;padding:10px 16px;font-size:12px;color:#333;border-top:1px solid #e0e4e8}
.tu-category{font-weight:700}
.tu-category a{color:#06c}
.tu-right-info{margin-left:auto;display:flex;gap:15px;color:#aaaeb3}
.tu-right-info span{display:flex;align-items:center}
.tu-right-info i{margin-right:5px}
.card-body{padding:16px 20px 20px 20px;background:#fff;position:relative;z-index:100;box-shadow:none;margin-bottom:10px;border-radius:3px}
.card-body h1{font-size:26px}
.card-body p{color:#6b6b6d;margin-top:10px}
.im-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin:0}
.top-grid-container{grid-template-columns:repeat(3,1fr)}
.im-grid-item{position:relative}
.im-image-card{position:relative;overflow:hidden;border-radius:5px}
.im-image{width:100%;height:auto;display:block;transition:all .6s}
.im-image:hover{transform:scale(1.1);}
.im-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));padding:15px 10px}
.im-title{margin:0;color:#fff;font-size:15px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.im-title a { color:#fff;}
.im-info{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:8px;color:#eee}
.im-info a{color:#fff}
.im-category a{color:#fff;text-decoration:none}
.im-stats span{margin-left:10px;display:inline-flex;align-items:center}
.im-stats i{margin-right:5px}
.cms-module .im-image{width:100%;height:140px;display:block;transition:all .6s;object-fit:cover; object-position:center;}
@media (max-width: 640px) {
.im-grid-container{gap:10px}
.cms-module{margin-bottom:10px;padding:10px}
.cms-module__header{padding-bottom:10px}
.cms-module-tu .cms-module__container{gap:10px}
.im-grid-container{gap:10px}
.im-title{font-size:14px}
.im-info{font-size:12px;margin-top:4px}
.cms-module .im-image{width:100%;height:100px;display:block;transition:all .6s}
.post-content dt a { font-weight:normal;}
.post-content .post-header dt {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.widget-random-post { display:none;}
#sidebarR { width:95%; margin-right:2.5%; }
}
@media (max-width: 768px) {
.im-grid-container{grid-template-columns:repeat(2,1fr)}
.post-content dt a { font-weight:normal; font-size:15px;}
}

.bulletin-list{background:#fff;position:relative;z-index:100;box-shadow:none;padding:15px;margin-bottom:10px;border-radius:3px}
.bulletin-list .bulletin-date{border-left:1px dashed #ddd;color:#1a1a1a;font-size:20px;line-height:26px;margin-left:15px;padding:12px 20px;position:relative}
.bulletin-list .bulletin-date:after,.bulletin-list .bulletin-date:before{background:#216de8;border-radius:100%;content:"";height:13px;left:-6px;position:absolute;top:17px;width:13px}
.bulletin-list .bulletin-item{border-left:1px dashed #ddd;margin-left:15px;padding:20px 0 0px 20px;position:relative}
.bulletin-list .bulletin-time{color:#206be7;display:block;font-size:14px;font-weight:500;line-height:16px;margin-bottom:15px;position:relative}
.bulletin-list .bulletin-time:after,.bulletin-list .bulletin-time:before{background:#fff;border:4px solid #216de8;border-radius:6px;box-sizing:content-box;content:"";height:4px;left:-26px;position:absolute;top:2px;width:4px}
.bulletin-list .bulletin-content{overflow:hidden}
.bulletin-list .bulletin-content h2{font-size:18px;line-height:1.4;margin:0 0 15px}
.bulletin-list .bulletin-content p{color:#1a1a1acc;font-size:15px;line-height:1.65;margin:0}


/* 微博卡片样式 */
.weibo-card { background-color:white;/* border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);*/  margin-bottom:10px;overflow:hidden;}
.weibo-header { display:flex;align-items:center;padding:15px;}
.avatar { width:48px;height:48px;border-radius:50%;margin-right:12px;}
.user-infoZ { flex:1;}
.user-nameZ { font-weight:600;color:#333;margin:0;}
.verified-badge { color:#E6162D;font-size:16px;margin-left:0px;}
.post-timeZ { font-size:12px;color:#808080;margin-top:2px;}
.weibo-content { padding:0 15px 10px;line-height:1.5;; font-size:15px; }
.more-options { background:#fff;border:1px solid #ccc;padding:3px 8px;}

/* 图片区域样式 - 1:1比例的3x3网格布局 */
.image-container { padding:0 15px 15px;display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;}
.image-container p { margin:0;position:relative;padding-top:100%;/* 1:1比例 */ }
.image-container img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform 0.2s ease; border-radius:5px;}
.image-container img:hover { transform:scale(1.02);}
/* 图片加载失败样式 */
.img-error { position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#888;font-size:14px;}
/* 互动区域样式 */
.interaction-bar { display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid #f0f0f0;}
.interaction-btn { display:flex;align-items:center;justify-content:center;color:#808080;cursor:pointer;font-size:14px;}
.interaction-btn:hover { color:#E6162D;}
.interaction-btn i { margin-right:4px;}

/* 评论区域样式 */
/* .comment-section { background-color:#f9f9f9;padding:15px;}
.comment-input { display:flex;margin-bottom:15px;}
.comment-input input { flex:1;border:1px solid #e6e6e6;border-radius:20px;padding:8px 12px;font-size:14px;outline:none;}
.comment-input button { background-color:#E6162D;color:white;border:none;border-radius:20px;padding:8px 16px;margin-left:8px;cursor:pointer;}
.comment { display:flex;margin-bottom:15px;}
.comment-avatar { width:32px;height:32px;border-radius:50%;margin-right:10px;}
.comment-content { flex:1;}
.comment-header { display:flex;align-items:center;}
.comment-user { font-weight:600;font-size:14px;margin-right:8px;}
.comment-time { font-size:12px;color:#808080;}
.comment-text { font-size:14px;margin-top:4px;}
.comment-actions { display:flex;margin-top:6px;font-size:12px;color:#808080;}
.comment-actions span { margin-right:15px;cursor:pointer;}
.comment-actions span:hover { color:#E6162D;}
.nested-comment { background-color:white;border-radius:4px;padding:10px;margin-top:8px;margin-left:42px;}
.load-more { color:#E6162D;font-size:14px;text-align:center;cursor:pointer;} */

/* 灯箱样式 */
.lightbox { display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.9);align-items:center;justify-content:center;}
.lightbox.active { display:flex;}
.lightbox-content { max-width:90%;max-height:90%;position:relative;}
.lightbox-img-container { position:relative;}
.lightbox-img { max-width:100%;max-height:85vh;object-fit:contain;}
.lightbox-img-error { position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#222;color:white;font-size:18px;}
.lightbox-caption { width:100%; position:absolute;bottom:20px;padding:8px 100px;color:white;text-align:center;background:rgba(50, 128, 252, 0.5);border-radius:3px;}
.lightbox-close { position:absolute;top:-30px;right:0;color:white;font-size:24px;cursor:pointer;}
.lightbox-controls { position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);}
.lightbox-prev, .lightbox-next { color:white;font-size:30px;cursor:pointer;padding:20px;}	

/* 点赞 */
.ho-show-digg { margin:1rem 0 1rem;padding:1rem 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:35px;}
.ho-show-digg dd:nth-child(2) a, .ho-show-digg dd:nth-child(2) em { padding:.5rem 2rem;margin:0 .5rem;border:1px solid #0D6EFD;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:16px;}
.ho-show-digg dd:nth-child(2) a:hover, .ho-show-digg dd:nth-child(2) em:hover { color:#fff;background:#0D6EFD;transition:all .5s ease-out;cursor:pointer;}
.ho-show-digg dd:nth-child(3) { font-size:0.875rem;}
.ho-show-digg dd:last-child { font-size:16px; }
.ho-show-digg dd:last-child a:hover { text-decoration:underline;}
/* 有帮助按钮的悬停效果 */
.ho-show-digg dd:nth-of-type(2) a { color:#f00; }
.ho-show-digg dd:nth-of-type(2) a:hover { color:#fff; }

/* 没有帮助按钮的悬停效果 */
.ho-show-digg dd:nth-of-type(2) em { color:#666;}
.ho-show-digg dd:nth-of-type(2) em:hover { color:darkgray; cursor:pointer; }

/* 友情链接 */
.links-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px; margin-bottom:10px; }
.link-item { display: block; padding: 15px; background: white; border: 1px solid #e0e0e0; border-radius: 6px; transition: all 0.2s ease; text-decoration: none; }
.link-item:hover { border-color:#3280fc; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
.link-name { font-weight: 500; color:#3280fc; margin-bottom: 5px; display: flex; align-items: center;font-size:16px;  }
.link-name::before { content: "→"; margin-right: 8px; color:#3280fc; }
.link-desc { color: #666; font-size:14px; }
.page-footer { text-align: center; color: #999; font-size:14px; padding-top: 20px; border-top: 1px solid #e0e0e0; }
@media (max-width: 600px) {.links-list { grid-template-columns:1fr; }}	


