/*头部导航*/
.yz-navbar {
    background-color: #fff;
}
.desktop-only.yz-navbar .nav-item > a, .desktop-only.yz-navbar .yz-nav-item-resource > a {
    color: #1f2329;
    text-decoration: none;
}
.yz-head-tel {
    color: #1f2329;
}
.yz-nav-link-download {
    color: #1f2329 !important;
}
.top-banner
{
display:none;
}
.main-content
{
margin-top:100px;
}
.yz-navbar li, .yz-navbar ul,.footer ul{
    margin: 0px;
    padding: 0px;
}
.footer .list-unstyled li
{
margin:0px;
}
/* 基础样式重置 */
body {
    max-width: 100% !important;
    padding: 0 !important;
    background-color: #fff;
    margin: 0px;
    font-family: "Helvetica Neue", Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
}

/* 容器样式 */
.top-container {
    display: flex;
    height: 100%;
}

/*顶部导航*/
.navigator-panel {
    padding: 20px 40px 0px 40px;
}

/* 左侧区域样式 - 自适应剩余宽度 */
.article-panel {
    flex: 1; /* 占据剩余剩余所有空间 */
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
    overflow-y: auto;
}

.article-content {
    position: relative;
}

/* 发布时间容器 - 关键样式 */
.postDesc {
    /* 将发布时间从原始位置移除，但保留DOM用于获取数据 */
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* 标题容器 - 关键样式 */
.content header {
    /* 相对定位，作为动态发布时间的容器 */
    position: relative;
    padding-bottom: 24px; /* 为发布时间预留空间 */
}

/* 动态发布时间容器 */
.dynamic-post-desc {
    font-size: 14px;
    color: #666;
    position: absolute;
    left: 0;
    bottom: 0; /* 定位在标题容器底部 */
    padding-bottom: 20px;
}

    .dynamic-post-desc span {
        margin-right: 20px;
    }
/* 右侧区域样式 - 固定宽度 */
.suggest-articles-panel {
    width: 380px; /* 固定宽度 */
    background-color: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto;
    /*  border-left: 1px solid #ddd; 增加分隔线，视觉上更清晰 */
}

/*文档内容强制满屏*/
.content {
    max-width: 100% !important;
    box-shadow: none;
    margin: 0px auto;
    padding: 0 20px;
    line-height: 1.7;
}

h1 {
    padding-bottom: 0px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 25px;
}

h1, h2, h3 {
    border: none;
    padding-left: 0px;
}

h2 {
    margin-top: 10px;
}

.main-content ul, .main-content ol {
    margin-left: 0;
    padding-left: 15px;
}

h3 {
    margin-top: 15px;
}

.postDesc {
    color: #999;
    /*  position: relative;
            bottom: -100px;
            height: 0px; */
    font-size: 14px;
    padding: 0 20px;
}

.post-date {
    padding-right: 10px;
}

a.yz-article-item-subtopic {
    background-color: #ebeff4;
    color: #aabac6;
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
    margin-right: 10px;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
}

    a.yz-article-item-subtopic.select {
        background-color: #e0eaff;
        color: #5388ff;
    }
/*推荐*/
ul.tuijian {
    list-style-type: none;
    padding: 0;
    margin: 20px 20px 20px -10px;
    counter-reset: article-counter; /* 初始化计数器 */
}

    ul.tuijian li {
        margin-bottom: 18px; /* 增加项间距，适应两行布局 */
        position: relative;
        line-height: 1.5;
        font-size: 16px;
        color: #333; /* 标题默认颜色 */
        counter-increment: article-counter; /* 计数器自增 */
        padding-left: 24px;
    }

        ul.tuijian li::before {
            position: absolute;
            left: 0;
            top: 0; /* 与标题第一行对齐 */
            width: 15px; /* 固定宽度确保单双位数对齐 */
            text-align: right; /* 右对齐使数字右侧对齐 */
            line-height: 24px;
            font-size: 14px;
            font-weight: 500;
            content: counter(article-counter); /* 显示当前计数 */
        }

    /* 标题样式（a标签）- 增加过长显示省略号 */
    ul.tuijian .title {
        display: block; /* 让标题单独成行 */
        color: #000000d9; /* 保持默认文字颜色 */
        text-decoration: none; /* 去除下划线 */
        white-space: nowrap; /* 禁止换行 */
        overflow: hidden; /* 隐藏超出部分 */
        text-overflow: ellipsis; /* 超出部分显示省略号 */
        max-width: 600px; /* 限制最大宽度，可根据需要调整 */
        font-size: 16px;
    }

    /* 序号颜色设置 */
    ul.tuijian li:nth-child(1)::before {
        color: #f63b3b; /* 红色 - 第1个 */
    }

    ul.tuijian li:nth-child(2)::before {
        color: #ff8700; /* 橙色 - 第2个 */
    }

    ul.tuijian li:nth-child(3)::before {
        color: #f5bd03; /* 黄色 - 第3个 */
    }

    /* 第4个及以后的序号颜色统一 */
    ul.tuijian li:nth-child(n+4)::before {
        color: #000000a6; /* 深灰色 - 第4个及以后所有 */
    }

    /* 阅读数样式优化（单独成行） */
    ul.tuijian .read {
        display: block; /* 让阅读数单独成行 */
        padding-left: 0; /* 与标题对齐 */
        margin-top: 0px; /* 与标题保持适当距离 */
        color: #00000073; /* 浅灰色，匹配图片效果 */
        font-size: 14px;
        font-family: Arial, sans-serif;
    }

    /* 标题悬停效果（a标签） */
    ul.tuijian .title:hover {
        color: #5388ff; /* hover时的蓝色 */
        cursor: pointer;
        text-decoration: none; /* 悬停时也不显示下划线 */
    }