/* ============================================================
 * news-detail.css
 * 本文件包含 css/util.css 在 2025-12-03 (init) 之后的所有变更内容。
 * 这些样式原本在 util.css 中，已于 2025-12-03 之后逐步修改/新增。
 * 为便于维护，现抽取至此独立文件，应在 util.css 之后引入以覆盖样式。
 * ============================================================ */

/* ---------- 面包屑 (sa-eng-bread) ---------- */
.sa-eng-bread-wrap {
    position: relative;
    margin-left: 150px;
    margin-top: 0px;
}
.bread-sep {
    margin: 0 5px;
}

.sa-eng-bread {
    padding: 24px 0;
    position: relative;
}

.sa-eng-bread a {
    color: #7D7D7D !important;
    font-size: 14px;
    margin: 0px 6px 0 3px;
}
.sa-eng-bread a:hover {
    color: #e10032 !important;
    text-decoration: underline !important;
}

/* ---------- 文章详情容器 (大屏 <=1200px) ---------- */
@media screen and (max-width: 1200px) {
    .s-ArticleDetails-wrapper {
        width: calc(100% - 40px);
        padding: 0 20px;
    }
}

/* ---------- 新闻标题与统计栏 ---------- */
.s-Article-title {
    font-size: 40px;
    font-weight: 700;
    color: #2A2B2E;
    text-align: left;
    margin-top: 0px;
    line-height: 1.5;
}

.Statistics-border {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
    margin: 16px 0;
    height: 38px;
}
.Statistics-border-div {
    width: 50%;
    text-align: left;
    color: #6A6B6D;
}
.Statistics-border-share {
    width: 50%;
    text-align: right;
    height: 38px;
}
.Statistics-border-time:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://eo-sgp-cos.ruijie.com/site_style/images/date.png) no-repeat center center;
    margin-right: 5px;
    vertical-align: sub;
}
.Statistics-border-djl:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://eo-sgp-cos.ruijie.com/site_style/images/views.png) no-repeat center center;
    margin-right: 5px;
    vertical-align: sub;
}
#share {
    display: inline-block;
}

.Statistics-border > span {
    color: #6A6B6D;
}

.Statistics-border-djl {
    margin-left: 32px;
}

.s-Article-content .Statistics {
    font-size: 16px;
    color: #666;
    line-height: 2;
    border-top: 0px solid #e0e0e0;
    padding-top: 24px;
}

.s-Article-content .Article-download {
    /* padding-bottom: 45px;
    border-bottom: 1px solid #e0e0e0;*/
}

/* ---------- 移动端适配 (<=768px) ---------- */
@media screen and (max-width: 768px) {
    .s-Article-title {
        font-size: 28px;
        margin-top: 40px;
    }
    .Statistics-border {
        flex-direction: column;
        align-items: flex-start;
        height: 76px;
    }
    .Statistics-border-div {
        display: flex;
        width: auto;
    }
    .Statistics-border-share {
        width: auto;
        padding-top: 16px;
        padding-bottom: 16px;
        margin-left: -16px;
    }
    .Statistics-border-djl:before {
        margin-left: 32px;
    }
    .Statistics-border > span {
        padding-bottom: 2%;
    }
    .Statistics-border-m-l {
        display: block;
        margin: 0 5px;
    }
    .Statistics-border-djl {
        margin-left: 0;
    }
}

/* ---------- 小屏适配 (<=610px) ---------- */
@media screen and (max-width: 610px) {
    .s-Article-title {
        font-weight: 700;
        font-size: 28px;
        line-height: 150%;
        letter-spacing: 0%;
        margin-top: 40px;
    }
    .s-Article-content .Statistics {
        width: 95%;
    }
}

/* ---------- 面包屑中等屏适配 (<=1440px) ---------- */
@media screen and (max-width: 1440px) {
    .sa-eng-bread-wrap {
        margin-left: 20px;
    }
}