* {margin:0;padding:0;box-sizing:border-box}
body {font-size:16px;color:#2c3e50;background:#f8f9fc;font-family:system-ui, sans-serif}
.container {max-width:1200px;margin:0 auto;padding:0 15px;}
a {text-decoration:none;color:#2c3e50}
ul {list-style:none}
em, i,span {font-style: normal;}

/* 头部 */
.header {background:#ffffff;box-shadow:0 2px 12px rgba(0,0,0,0.06);position:sticky;top:0;z-index:999}
.header .container {display:flex;align-items:center;height:72px;position:relative}

/* LOGO */
.logo img {height:46px}

/* 导航 */
.nav {margin-left:30px}
.nav ul {display:flex}
.nav li {position:relative;padding:0 18px}
.nav li:before {content:"\2022";margin-right:4px;color:#165DFF;font-size:16px;}
.nav li a {line-height:72px;font-size:17px;font-weight: 600;color:#2c3e50}
.nav li.active a {color:#165DFF}
.nav li a:hover {color:#ff5500}

/* 二级菜单 */
.nav li.child .subnav {position:absolute;top:100%;left:0;background:#ffffff;box-shadow:0 4px 15px rgba(0,0,0,0.1);min-width:170px;display:none;border-radius:8px}
.nav li.child:hover .subnav {display:block}
.nav li.child .subnav li {padding:0}
.nav li.child .subnav li a {display:block;line-height:44px;padding:0 18px;white-space:nowrap;font-size:14px}

/* 搜索框 */
.hd-search {margin-left:auto;position:relative;display:flex;align-items:center}
.search-btn {width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;font-size:16px;z-index:2}
.hd-search input {position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:38px;padding:0;border:1px solid #e4e7ed;border-radius:20px;outline:none;transition:all 0.3s ease;opacity:0;visibility:hidden;z-index:1}
.hd-search.show input {width:220px;padding:0 16px;opacity:1;visibility:visible}

/* 移动端按钮 */
.mobile-bar {display:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;z-index:1000}
.mobile-bar span {width:22px;height:2px;background:#2c3e50;margin:3px 0}

/* 移动端导航 */
.mobile-nav {position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;z-index:9999;transition:all 0.3s;padding:80px 20px 20px}
.mobile-nav.open {left:0}
.mobile-nav ul {padding-left:0}
.mobile-nav li {padding:14px 0;border-bottom:1px solid #f2f2f2}
.mobile-nav li a {color:#2c3e50;font-size:16px;font-weight: bold;}
.mobile-nav li a:hover {color:#ff5500}

/* 遮罩 */
.mask {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:9998;display:none}
.mask.open {display:block}

/* 主内容双栏布局 */
.main {padding:12px 0}
.main .wrap {display:flex;gap:30px;flex-wrap:wrap}
.main-left {flex:1;min-width:0}
.main-right {width:335px}

.path{text-align:left;line-height:36px;height:36px;color:#909399;font-size:14px;margin-bottom:8px;margin-top:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.path em{font-style:normal;color:#165DFF;}
.path a:link,.path a:visited {COLOR: #909399; TEXT-DECORATION:none;}
.path a:hover{color:#165DFF;TEXT-DECORATION:underline;} 

/* 标题 */
.title {font-size:24px;margin-bottom:20px;border-left:4px solid #165DFF;padding-left:12px;color:#3366cc;font-weight:700;}

/* 文章列表（单链接 图片居右） */
.article-item{position:relative;padding:16px 0;border-bottom:1px solid #f2f3f5;text-decoration:none;color:#2c3e50;display:block;width:100%;min-height:80px;transition:all 0.2s}
.article-item img {max-width:100px;height:auto;max-height: 100px;display: block;border:0;float: right;margin: 3px;border-radius:6px}
.article-item i {color:#909399; font-size:13px;}
.article-item em {color:#909399;font-size:14px;}
.article-item a:link {COLOR: #2c3e50; font-weight: 600;word-wrap:break-word;word-break:break-all;text-overflow: ellipsis;line-height:26px;font-size:17px;}
.article-item a:visited {COLOR:#3366cc;}
.article-item a:hover {color:#165DFF;text-decoration: underline;}
.article-item:after {content: "";display: table;clear: both;}

/* 侧边栏 热门资讯 */
.side-box {background:#ffffff;padding:18px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.side-title {font-size:18px;padding-bottom:12px;border-bottom:1px solid #f2f3f5;margin-bottom:16px;color:#1f2d3d;font-weight:600}
.side-list li {padding:10px 0;border-bottom:1px dotted #e4e7ed}
.side-list li a {color:#2c3e50;font-size:16px}
.side-list li a:hover {color:#165DFF}

/* 分页 */
.pages{width:90%;margin: 16px auto; display: flex;justify-content: center;}
.pages li{float:left;width:86px;height:44px;line-height:42px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;background:#ffffff; border-radius: 6px; font-size:15px;display:block; text-align:center; border:1px solid #e4e7ed;}
.pages li a:link,.pages li a:visited{text-decoration:none;color:#2c3e50;display:block}
.pages li a:hover,.pages li a:active{color:#ffffff;background:#165DFF;border-color:#165DFF;}
.pages li em {color:#165DFF;}
.pages:after {content: "";display: table;clear: both;}

/* 文章内容页 */
.article_title {font-size:26px;font-weight:700;text-align:center;margin:24px 0 18px;color:#1f2d3d;line-height:1.5}
.article_info {text-align:center;color:#909399;margin-bottom:32px;font-size:14px}
.article_content {line-height:2;font-size:16px;color:#2c3e50;word-break:break-all;background:#ffffff;padding:28px 32px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,0.04)}
.article_content p {margin-bottom:20px}
.article_content img {max-width:100%;height:auto;display:block;margin:12px auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}

/* 底部 */
.footer {background:#ffffff;padding:28px 0;text-align:center;color:#909399;margin-top:32px;border-top:1px solid #f2f3f5}
.footer i {color:#22c55e;}
.footer a:link,.footer a:visited {color:#666666;text-decoration:none;}
.footer a:hover{color:#000000;text-decoration: underline} 


#opendiv { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:100000; }
#divcontent { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#ffffff; padding:16px; border-radius:8px; }

.tagcloud{padding:12px;text-align:center;border:1px solid #e4e7ed;border-radius: 8px;font-size:15px;margin-top:12px;margin-bottom:12px;overflow:hidden;}
.tagcloud em{color:#909399;font-size:15px;line-height:24px;height:24px;padding: 0 6px;}
.tagcloud a{font-size:14px;opacity:0.90;filter:alpha(opacity=90);color:#ffffff;display:inline-block;margin: 0 6px 6px 0;padding: 0 10px;line-height:32px;border-radius:6px;TEXT-DECORATION:none;background-color: #165DFF;letter-spacing:1px;}
.tagcloud a:hover{color:#ffffff; TEXT-DECORATION:none;background:#0E42D2;} 
.tagcloud a:nth-child(25n){background-color: #606266;}
.tagcloud a:nth-child(25n+1){background-color: #165DFF;}
.tagcloud a:nth-child(25n+2){background-color: #00B42A;}
.tagcloud a:nth-child(25n+3){background-color: #F53F3F;}
.tagcloud a:nth-child(25n+4){background-color: #567E95;}
.tagcloud a:nth-child(25n+5){background-color: #722ED1;}
.tagcloud a:nth-child(25n+6){background-color: #00BFC9;}
.tagcloud a:nth-child(25n+7){background-color: #FF7D00;}
.tagcloud a:nth-child(25n+8){background-color: #FF9A2E;}
.tagcloud a:nth-child(25n+9){background-color: #4080FF;}
.tagcloud a:nth-child(25n+10){background-color: #165DFF;}
.tagcloud a:nth-child(25n+11){background-color: #86909C;}
.tagcloud a:nth-child(25n+12){background-color: #0FC6C2;}
.tagcloud a:nth-child(25n+13){background-color: #6B7280;}
.tagcloud a:nth-child(25n+14){background-color: #F77234;}
.tagcloud a:nth-child(25n+15){background-color: #4E5969;}
.tagcloud a:nth-child(25n+16){background-color: #50C878;}
.tagcloud a:nth-child(25n+17){background-color: #A0E0B0;}
.tagcloud a:nth-child(25n+18){background-color: #FFC107;}
.tagcloud a:nth-child(25n+19){background-color: #6D8B74;}
.tagcloud a:nth-child(25n+20){background-color: #8BD666;}
.tagcloud a:nth-child(25n+21){background-color: #36D399;}
.tagcloud a:nth-child(25n+22){background-color: #B08E6D;}
.tagcloud a:nth-child(25n+23){background-color: #6D6565;}
.tagcloud a:nth-child(25n+24){background-color: #B95000;}

.formsub{color:#ffffff; border: none; background: #165DFF; height: 36px; font-size: 14px; padding: 0 16px; border-radius: 0 6px 6px 0; cursor:pointer;line-height:36px; }
.formsub:hover,.formsub:focus { color: #ffffff; background: #0E42D2; } 

.links{text-align:left;font-size:14px;color:#909399;padding:6px;margin-top: 12px;line-height:30px;padding-top:6px;padding-bottom:6px;}
.links li{float:left;width:120px;height:30px;line-height:30px;white-space:nowrap;font-size:14px;overflow:hidden;text-align:center;color:#909399;text-overflow:ellipsis;padding-right:3px;list-style:none;}
.links li a:link,.links li a:visited {font-size:14px;COLOR: #909399; TEXT-DECORATION:none;}
.links li a:hover{color:#165DFF;} 
.links i{color:#165DFF;}
.links:after {content: "";display: table;clear: both;}
.clearfix:after { content: ""; display: table; clear: both;}

/* 响应式 */
@media (max-width:600px) {
    .main .wrap {flex-direction:column}
    .main-right {width:100%}

    .nav {display:none}
    .mobile-bar {display:flex;position:absolute;left:15px;top:50%;transform:translateY(-50%)}
    .logo {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
    .hd-search {position:absolute;right:15px;top:50%;transform:translateY(-50%)}
    .links li{float:left;width:44%;height:30px;line-height:30px;white-space:nowrap;font-size:14px;overflow:hidden;text-align:center;color:#909399;text-overflow:ellipsis;padding-right:3px;list-style:none;}
    .article_title {font-size:22px;padding:0 12px}.article_content {padding:18px;font-size:15px;line-height:1.9}.article_content img {max-width:100%}
}