/* ============ 文章页（article） ============ */
/* 头部 headTop(40px) + navHeader(80px) 均为固定定位，页面内容整体下移 */
body.article{padding-top:120px;}
/* 内容不足一屏时让页脚贴底，避免页面底部出现空白 */
body.article>div{display:flex;flex-direction:column;min-height:calc(100vh - 120px);}
body.article #footer{margin-top:auto;flex:none;}

/* 顶部通栏图：按设计稿 1920:383 等比自适应，不使用固定高度 */
.homeBanner{width:100%;aspect-ratio:1920 / 383;background-size:cover;background-position:center;background-repeat:no-repeat;}

/* ---------- 面包屑 ---------- */
.breadcrumbsWrap{width:83%;margin:40px auto 0;}
.breadcrumbs{
    background-color:#F8F8F8;
    border-radius:4px;
    padding:9px 20px;
    font-size:15px;
    line-height:1.6;
    color:#028F02;
    box-sizing:border-box;
}
.breadcrumbs a{color:#028F02;}
/* 覆盖全局 a:hover 白色，保证在浅灰背景上可读 */
.breadcrumbs a:hover{color:#028F02;}
.breadcrumbs .crumb-sep{color:#028F02;margin:0 6px;}
.breadcrumbs .crumb-current{color:#028F02;}

.articleWrapper{
    width:83%;
    margin:20px auto 80px;
}

.article-wrapper{
    text-align:justify;
    padding-bottom:30px;
}
.article-wrapper h3{
    font-size:24px;
    font-weight:900;
    color:var(--dark-green);
    line-height:1.4;
    margin:10px 0 28px;
}
.article-wrapper p{font-size:15px;line-height:2.2;color:#333;}
.article-wrapper .article-source{color:gray;line-height:1.8;}
.article-wrapper img{max-width:100%;height:auto;}
.article-wrapper ul{list-style:disc;}
.article-wrapper ol{list-style:decimal;}
.article-wrapper ul li{list-style-type:disc;list-style-position:inside;}
.article-wrapper ol li{list-style-type:decimal;list-style-position:inside;}
.article-wrapper u{text-decoration:underline;}
.article-wrapper s{text-decoration:line-through;}
.article-wrapper a{color:var(--green);text-decoration:underline;}
.article-wrapper table{width:100%;}
.article-wrapper table td{font-size:15px;padding:6px;border:1px solid #e6e6e6;}

@media (max-width:1110px){
    .breadcrumbsWrap{width:92%;margin:20px auto 0;}
    .breadcrumbs{font-size:14px;padding:8px 12px;}
    .articleWrapper{width:92%;margin:16px auto 50px;}
    .article-wrapper{width:100%;padding:10px;box-sizing:border-box;font-size:14px;}
    .article-wrapper h3{text-align:center;font-size:18px;}
    .article-wrapper p{font-size:14px;}
    .article-wrapper table td{font-size:14px;}
}

@media (max-width:768px){
    .articleWrapper{width:92%;margin:16px auto 40px;}
}