/* article.html 专用样式 */

.page-banner {
    background-image: url("../images/bg/news_background.png");
}

.article-section {
    padding: 60px 0 80px;
}

.article-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.article-title {
    font-family: "思源宋体", "SimSun", serif;
    font-size: 26px;
    color: #1A1A1A;
    font-weight: 400;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.article-date {
    text-align: center;
    font-size: 13px;
    color: #999999;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.article-share {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 10px;
}

.article-share span {
    font-size: 12px;
    color: #999999;
}

.article-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #F0F0F0;
    color: #666666;
    text-decoration: none;
    transition: all 0.3s;
}

.article-share a:hover {
    background: #C41E3A;
    color: #FFFFFF;
}

.article-share a svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.article-body {
    font-size: 15px;
    color: #333333;
    line-height: 2;
}

.article-body p {
    margin-bottom: 20px;
    text-align: justify;
}

.article-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 25px auto;
}

/* 公众号导入文章使用原文排版，避免站点通用正文样式覆盖字体、间距和图片布局。 */
.article-body.wechat-article-content {
    color: #3f3f3f;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 17px;
    line-height: 1.75;
    overflow-wrap: break-word;
    text-align: initial;
}
.article-body.wechat-article-content p { margin: 0; text-align: inherit; }
.article-body.wechat-article-content img { display: inline-block; width: auto; max-width: 100%; height: auto; margin: 0; vertical-align: middle; }
.article-body.wechat-article-content section,
.article-body.wechat-article-content div { max-width: 100%; }

.article-back {
    display: inline-block;
    margin-top: 50px;
    color: #666666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}

.article-back:hover {
    color: #C41E3A;
}