*{margin:0;padding:0;box-sizing:border-box;}
body{font-size:14px;color:#333;background:#f8f9fa;font-family:"Microsoft Yahei",system-ui,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased;}
a{color:#333;text-decoration:none;transition:all 0.25s ease;}
a:hover{color:#1677ff;}
ul,li{list-style:none;}
img{max-width:100%;height:auto;border:none;display:block;}
.container{width:1200px;margin:0 auto;padding:0px 0px 0 0;}
.clearfix{clear:both;overflow:hidden;}

/* 面包屑SEO - 极简浅灰 */
.bread{padding:18px 0;font-size:13px;color:#888;background:transparent;}

/* 标题层级SEO 规范·高端排版 */
h1{font-size:28px;font-weight:600;color:#111;margin:12px 0;letter-spacing:0.5px;}
h2{font-size:20px;font-weight:500;color:#222;margin:0 0 16px;}
h3,h4{font-weight:500;color:#333;}

/* 头部全局样式重构（单行纯净图标版） */
.header{background:#ffffff;box-shadow:0 1px 8px rgba(0,0,0,0.04);position:sticky;top:0;z-index:99;}
.header-top{height:72px;line-height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.logo{font-size:24px;font-weight:700;color:#1677ff;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:8px;}
.logo-icon{font-size:22px;color:#1677ff;line-height:1;transition:transform 0.25s ease;}
.logo:hover .logo-icon{transform:scale(1.1);}

/* 主导航样式 - PC端正常展示 */
.nav{display:flex;gap:25px;align-items:center;}
.nav a{font-size:14px;color:#555;font-weight:400;}
.nav a:hover{color:#1677ff;}

/* 手机端汉堡菜单按钮 - PC端隐藏 */
.mobile-menu-btn{display:none;font-size:22px;color:#333;cursor:pointer;padding:0 10px;transition:color 0.25s;}
.mobile-menu-btn:hover{color:#1677ff;}
.mobile-menu-btn.active{color:#1677ff;}

/* 手机端下拉导航菜单 - PC端隐藏 */
.mobile-nav{display:none;width:100%;background:#fff;border-top:1px solid #f5f5f5;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
.mobile-nav.show{display:block;}
.mobile-nav a{display:block;width:100%;padding:14px 20px;font-size:15px;color:#333;border-bottom:1px solid #f5f5f5;}
.mobile-nav a:last-child{border:none;}
.mobile-nav a:hover{background:#f8f9fa;color:#1677ff;padding-left:25px;}

/* 头部图标操作组 - 全部单行横向对齐 */
.header-icon-group{display:flex;align-items:center;gap:16px;white-space:nowrap;}
.icon-btn{font-size:18px;color:#555;transition:all 0.25s;}
.icon-btn:hover{color:#1677ff;transform:scale(1.1);}

/* 【彻底修复错位】搜索弹窗父容器固定定位基准 */
.search-icon-box{position:relative;display:flex;align-items:center;/* 强制作为弹窗定位父级，杜绝错位 */}
.search-icon{font-size:20px;color:#555;cursor:pointer;transition:all 0.25s;}
.search-icon:hover{color:#1677ff;}

/* 搜索弹窗精准定位、彻底修复错位、默认隐藏 */
.search-popup{position:absolute;right:0;top:100%;margin-top:0px;display:none;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:100;}
/* 激活状态精准弹出，无偏移 */
.search-popup.show{display:flex;opacity:1;visibility:visible;top:100%;}
.popup-search-input{flex:1;height:46px;padding:0 18px;border:1px solid #e5e6eb;outline:none;font-size:14px;color:#333;border-radius:8px 0 0 8px;background:#ffffff;}
.popup-search-input:focus{border-color:#1677ff;transition:border-color 0.25s ease;}
.popup-search-btn{width:50px;height:46px;border:none;background:#1677ff;color:#fff;border-radius:0 8px 8px 0;cursor:pointer;font-size:16px;transition:background 0.25s;}
.popup-search-btn:hover{background:#0958d9;}

/* 登录后会员文字同行样式 */
.user-name-tip{color:#1677ff;font-size:13px;font-weight:500;}

/* 发布按钮图标版 */
.publish-icon-btn{background:#1677ff;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;box-shadow:0 2px 6px rgba(22,119,255,0.15);transition:all 0.25s;}
.publish-icon-btn:hover{background:#0958d9;color:#fff;box-shadow:0 4px 12px rgba(22,119,255,0.2);}

/* 首页模块 - 纯白卡片、大圆角、轻阴影、高留白 */
.index-box{background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(0,0,0,0.05);padding:24px;margin-bottom:24px;}
.box-title{font-size:18px;font-weight:600;color:#111;border-left:3px solid #1677ff;padding-left:12px;margin-bottom:20px;}
.info-list{display:flex;flex-wrap:wrap;margin:-10px;}
.info-item{width:23%;padding:16px;margin:1%;background:#fbfcfe;border-radius:10px;border:1px solid #f0f2f5;transition:all 0.3s ease;position:relative;}
.info-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:#e8f3ff;}
.info-item p{margin-top:8px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.info-time{color:#999;font-size:12px;margin-top:6px;display:block;}

/* 栏目列表页 - 极简干净排版 */
.list-box{background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(0,0,0,0.05);padding:28px; margin-top:20px;}
.list-item{padding:20px 0;border-bottom:1px solid #f5f5f5;}
.list-item:last-child{border:none;}
.list-item h2{font-size:16px;margin-bottom:8px;}
.list-item h2 a{color:#222;font-weight:500;}
.list-item h2 a:hover{color:#1677ff;}

.list-item2{
    display:flex;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid #eee;
    align-items:flex-start;
}

.list-info{color:#999;font-size:12px; display:flex;align-items:center;flex-wrap:nowrap;}
.list-info i{
    margin-right:5px;
    color:#999;
}

.list-pic{
    width:160px;
    flex-shrink:0;
}
.list-pic img{
    width:100%;
    height:100px;
    object-fit:cover;
    border-radius:4px;
}
.list-text{
    flex:1;
}
.list-text h2{
    font-size:16px;
    margin:0 0 8px 0;
    font-weight:normal;
}
.list-text h2 a{
    color:#333;
}

@media screen and (max-width:768px){
    .list-item{
        gap:12px;
    }
    .list-pic{
        width:110px;
    }
    .list-pic img{
        height:70px;
    }
}

/* 分页高端样式 */
.page{margin-top:30px;text-align:center;}
.page a{border:1px solid #e5e6eb;padding:6px 14px;margin:0 4px;border-radius:6px;color:#555;font-size:14px;}
.page a:hover{background:#1677ff;color:#fff;border-color:#1677ff;}

/* 内容详情页 - 阅读级轻奢排版 */
.show-box{background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(0,0,0,0.05);padding:40px;margin:24px 0;}
.show-title{font-size:30px;text-align:center;margin-bottom:24px;color:#111;font-weight:600;line-height:1.4;}
.show-info{text-align:center;color:#999;font-size:13px;margin-bottom:32px;}
.content-body{font-size:14px;color:#333;line-height:2.1;}
.content-body img{max-width:100%!important;height:auto!important;margin:16px auto;border-radius:8px;}
.content-body p{margin:14px 0;}

/* 搜索页样式 */
.search-box{background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(0,0,0,0.05);padding:28px;margin:24px 0;}
.search-item{padding:18px 0;border-bottom:1px solid #f5f5f5;}
.search-item:last-child{border:none;}
.search-item a{font-size:16px;color:#222;font-weight:500;}
.search-item a:hover{color:#1677ff;}
.search-desc{color:#888;font-size:13px;margin-top:8px;line-height:1.8;}

/* TAG标签页样式 */
.tag-box{background:#fff;border-radius:12px;box-shadow:0 2px 14px rgba(0,0,0,0.05);padding:28px;margin:24px 0;}
.tag-item{padding:14px 0;border-bottom:1px solid #f5f5f5;}
.tag-item:last-child{border:none;}
.tag-item a{font-size:15px;color:#333;}
.tag-item a:hover{color:#1677ff;}

/* 底部极简深色轻奢 */
.footer{background:#1d2129;color:#fff;padding:40px 0;margin-top:40px;}
.footer p{line-height:2.2;text-align:center;color:#b4b9c3;font-size:13px;}
.footer a{color:#d0d3d9;}
.footer a:hover{color:#fff;}

/* ========== 全新重写移动端自适应 带汉堡下拉导航 ========== */
@media (max-width:768px){
    .container{width:100%;padding:0 15px;}
    /* 头部自适应高度 */
    .header-top{height:auto;flex-wrap:wrap;padding:12px 0;row-gap:12px;}
    /* LOGO缩小 */
    .logo{font-size:20px;flex:1;}
    .logo-icon{font-size:18px;}
    /* PC导航隐藏 */
    .nav{display:none!important;}
    /* 显示手机汉堡按钮 */
    .mobile-menu-btn{display:block;}
    /* 头部图标组自适应紧凑布局 */
    .header-icon-group{gap:10px;flex-shrink:0;}
    .icon-btn{font-size:16px;}
    .publish-icon-btn{padding:6px 10px;font-size:12px;}
    /* 搜索弹窗移动端适配 */
    .search-popup{width:calc(100vw - 30px);right:-100px;}
    /* 首页模块自适应 */
    .info-item{width:48%;margin:1%;}
    .index-box,.list-box,.search-box,.tag-box{padding:18px;}
    .show-box{padding:20px;}
    .show-title{font-size:22px;}
}


.info-time{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    color:#bbb;
    gap:14px;
}
.info-time i{
    margin-right:4px;
    color:#bbb;
}

.breadcrumb{
    font-size:12px;
    color:#aaa;
    margin-bottom:12px;
  
}
.breadcrumb .fa-home{
    margin-right:4px;
}
.breadcrumb a{
    color:#666;
    text-decoration:none;
}
.breadcrumb a:hover{
    color:#0066cc;
}
/*移动端适配*/
@media screen and (max-width:768px){
    .breadcrumb{
        font-size:11px;
        margin-bottom:10px;
    }
}
.list-desc{
    font-size:12px;
    color:#999;
    line-height:1.5;
    margin:6px 0;
}
@media screen and (max-width:768px){
    .list-desc{
        font-size:12px;
    }
}



.content-wrap{
    display:flex;
    gap:24px;

    
}
.content-main{
    flex:1;
    background:#fff;
    border:1px solid #eee;
    padding:16px;
    margin-bottom:5px;
    border-radius:4px;
    
}
.content-side{
    width:280px;
}
.side-card{
    background:#fff;
    border:1px solid #eee;
    padding:16px;
    margin-bottom:16px;
    border-radius:4px;
}
.side-card h3{
    font-size:16px;
    margin:0 0 12px 0;
    padding-bottom:8px;
    border-bottom:1px solid #eee;
}
.side-info{
    list-style:none;
    padding:0;
    margin:0;
}
.side-info li{
    font-size:14px;
    color:#555;
    margin-bottom:10px;
    line-height:1.5;
}
.side-info li i{
    color:#999;
    margin-right:6px;
}
.area-nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.area-nav a{
    font-size:13px;
    color:#333;
    padding:4px 8px;
    background:#f5f5f5;
    text-decoration:none;
}
.area-nav a:hover{
    background:#0066cc;
    color:#fff;
}
/* 移动端自适应，左右改成上下堆叠 */
@media screen and (max-width:768px){
    .content-wrap{
        flex-direction:column;
    }
    .content-side{
        width:100%;
    }
}
.info-meta{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    font-size:12px;
    color:#aaaaaa;
    margin:8px 0 16px 0;
}
.info-meta i{
    margin-right:4px;
    color:#aaaaaa;
}


/* 上一条下一条 */
.page-prev-next{
    margin:30px 0;
    padding:16px;
    background:#f8f8f8;
}
.page-prev-next p{
    margin:8px 0;
    font-size:14px;
}
.page-prev-next a{
    color:#0066cc;
}
/* 相关信息 */
.relate-box{
    margin-top:30px;
}
.relate-box h3{
    font-size:18px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}
.relate-list{
    list-style:none;
    padding:0;
    margin:16px 0 0 0;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:8px 16px;
}
.relate-list li{
    line-height:2;
    border-bottom:1px dashed #eee;
}
.relate-list li a{
    color:#333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}
.relate-list li a:hover{
    color:#0066cc;
}

@media screen and (max-width:768px){
    .relate-list{
        grid-template-columns: 1fr;
    }
}
/* 侧边栏列表通用 */
.side-list{
    list-style:none;
    padding:0;
    margin:0;
}
.side-list li{
    line-height:2;
    border-bottom:1px dashed #eee;
    font-size:14px;
}
.side-list li a{
    color:#333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}
.side-list li a:hover{
    color:#0066cc;
}



.about-wrap{display:flex;gap:30px;margin:30px auto;max-width:1200px;padding:0 15px;}
.about-left{width:240px;flex-shrink:0;}
.about-right{flex:1;background:#fff;border-radius:6px;padding:0px 15px 20px 15px;}
.about-nav{background:#fff;border:1px solid #eee;border-radius:6px;overflow:hidden;}
.about-nav a{display:block;padding:14px 20px;color:#333;text-decoration:none;border-bottom:1px solid #eee;}
.about-nav a:last-child{border-bottom:none;}
.about-nav a.active{background:#2277dd;color:#fff;}
.about-nav a:hover{background:#f5f7fa;}
/* 手机端自适应：左右堆叠 */
@media (max-width:768px){
    .about-wrap{flex-direction:column;gap:20px;}
    .about-left{width:100%;}
}



.titlepic-box{
    margin-top: 15px;
    margin-bottom:15px;
    display:flex;
    justify-content:center;
}
.title-img{
    max-width:100%;
    height:auto;
}