@charset "utf-8";
/* ---------------------------------------------------------------
   seo-fix.css  — 只为标题语义调整做视觉补偿，不改变任何既有版式
   1) .topLogo 由 h1 改为 div：补回 h1 的默认盒模型
   2) .sechLogo 由 div 改为 h1：抹掉 h1 默认外边距
   3) 文章标题 h3.title 改为 h1.title：补回 h3 的默认上外边距
   --------------------------------------------------------------- */

/* 1) 原 <h1 class="topLogo"> 现为 <div class="topLogo"> */
.bdTop .lt .topLogo {
    margin: .67em 0;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2;
}

/* 2) 首页 <h1 class="sechLogo">（原为 div） */
.sechLogo {
    display: block;
    margin: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
}

/* 3) 文章页 <h1 class="title">（原为 h3） */
.dtlHead h1.title {
    margin-top: 1em;
}

/* 4) 列表页新增的栏目名 H1（原列表页无任何标题） */
.catTitle {
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
    color: #333;
    margin: 0 0 12px;
}

/* 5) 列表页改为单行显示：标题 + 日期（不再用大图卡片） */
.newsLineLi {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ececec;
}
.newsLineLi li {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    padding: 19px 10px;
    border-bottom: 1px solid #eee;
    line-height: 1.7;
    overflow: hidden;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}
.newsLineLi li:hover {
    background-color: #f7f9fc;
}
.newsLineLi li a {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    font-size: 17px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.newsLineLi li a:hover,
.newsLineLi li:hover a {
    color: #2868cf;
}
.newsLineLi .timer {
    flex: 0 0 auto;
    float: none;
    margin: 0;
    font-size: 13px;
    color: #999;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .newsLineLi li {
        gap: 12px;
        padding: 15px 4px;
    }
    .newsLineLi li a {
        font-size: 15px;
    }
    .newsLineLi .timer {
        font-size: 12px;
    }
}

/* 6) 列表页两列：左侧资讯列表，右侧「热门新闻」 */
.newsLayout {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.newsMain {
    flex: 1 1 auto;
    min-width: 0;
}
.newsSide {
    flex: 0 0 320px;
    width: 320px;
}
.sideTitle {
    margin: 0 0 2px;
    padding: 0 0 10px 10px;
    border-left: 3px solid #2868cf;
    border-bottom: 1px solid #eee;
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
    color: #333;
}
.hotList {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: hot;
}
.hotList li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 13px 0;
    border-bottom: 1px dashed #eee;
    counter-increment: hot;
}
.hotList li::before {
    content: counter(hot);
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #c3c9d2;
    border-radius: 3px;
}
.hotList li:nth-child(1)::before {
    background-color: #e5484d;
}
.hotList li:nth-child(2)::before {
    background-color: #f2994a;
}
.hotList li:nth-child(3)::before {
    background-color: #f2b02c;
}
.hotList a {
    flex: 1 1 auto;
    min-width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.65;
    color: #444;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.hotList a:hover {
    color: #2868cf;
}
@media (max-width: 900px) {
    .newsLayout {
        display: block;
    }
    .newsSide {
        width: auto;
        flex: none;
        margin-top: 30px;
    }
}

/* 7) 侧栏「热门标签」胶囊链接 */
.hotTags {
    padding-top: 8px;
}
.hotTags a {
    display: inline-block;
    margin: 0 8px 10px 0;
    padding: 6px 14px;
    font-size: 13px;
    line-height: 1.4;
    color: #555;
    background-color: #f5f6f8;
    border: 1px solid #ececec;
    border-radius: 16px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.hotTags a:hover {
    color: #fff;
    background-color: #2868cf;
    border-color: #2868cf;
}

/* 8) 首页栏目卡片：标题下方显示发布日期与浏览量 */
.prdList .meta {
    margin-top: 6px;
    text-align: center;
    font-size: 13px;
    line-height: 1.4;
    color: #999;
}
.prdList .meta .views {
    margin-left: 12px;
}

/* 9) 首页栏目卡片：标题与日期/浏览量靠左对齐 */
.prdList .name {
    text-align: left;
}
.prdList .meta {
    text-align: left;
}

/* 10) 首页卡片「已更新」徽标：meta 行变 flex，徽标靠右 */
.prdList .meta {
    display: flex;
    align-items: center;
    gap: 12px;
}
.prdList .meta .newBadge {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.4;
    color: #e5484d;
    background-color: #fdecec;
    border-radius: 3px;
    white-space: nowrap;
}

/* 11) 修复首页栏目卡片浮动错位：改用 flex 严格按顺序排列 */
.prdList {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
}
.prdList li {
    float: none;
    margin: 0 0 22px 2%;
}

/* 12) 列表页单行：下载量与「已更新」徽标 */
.newsLineLi .dl {
    flex: 0 0 auto;
    font-size: 13px;
    color: #999;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.newsLineLi .newBadge {
    flex: 0 0 auto;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.4;
    color: #e5484d;
    background-color: #fdecec;
    border-radius: 3px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .newsLineLi .dl {
        font-size: 12px;
    }
}