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

.channelWrapper{
    width:83%;
    margin:20px auto 80px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    gap:6vw;
}

.leftPanel{width:270px;flex:none;}

.channelTitle{
    width:100%;
    font-size:22px;
    font-weight:900;
    color:var(--dark-green);
    padding:10px 7px;
    box-sizing:border-box;
    margin-bottom:20px;
}

/* ---------- 左侧栏目菜单 ---------- */
.navMenu>li{display:block;margin:0;padding:0;border:0;}
.navMenu>li>div{
    display:block;
    overflow:hidden;
    line-height:40px;
    transition:all .3s;
    position:relative;
    font-size:16px;
    border-top:1px solid #e6e6e6;
    width:100%;
    padding:3px 7px;
}
.navMenu>li:nth-of-type(1)>div{border-top:1px solid transparent;}
.navMenu>li:last-child>div{border-bottom:1px solid transparent;}
.navMenu>li>div a{display:inline-block;width:92%;color:#183b52;font-size:16px;}
.navMenu>li>div.active,
.navMenu>li>div:hover{color:#FFF;background-color:var(--green);border-radius:4px;}
.navMenu>li>div.active a,
.navMenu>li>div:hover a{color:#FFF;}

/* 展开箭头：纯 CSS 绘制，避免依赖额外图标文件 */
.navMenu li .arrow:before{
    content:"";
    float:right;
    width:8px;
    height:8px;
    margin-top:16px;
    border-right:2px solid #7c8b96;
    border-bottom:2px solid #7c8b96;
    transform:rotate(-135deg);
    transition:.3s;
    cursor:pointer;
}
.navMenu li .arrow.open:before{transform:rotate(45deg);}
.navMenu>li>div.active .arrow:before,
.navMenu>li>div:hover .arrow:before{border-color:#FFF;}

.navMenu>li>ul.sub-menu,
.navMenu>li>ul.sub-menu>li>ul.sub-menu{display:none;clear:both;margin:8px 0 0 10px;padding-bottom:5px;}
.navMenu>li>ul.sub-menu li{margin:0;padding:0;}
.navMenu>li>ul.sub-menu li>div>a{display:block;font-size:15px;line-height:36px;padding-left:20px;clear:both;}
.navMenu>li>ul.sub-menu li>div.active,
.navMenu>li>ul.sub-menu li>div:hover{border-radius:4px;background-color:var(--green);}
.navMenu>li>ul.sub-menu li>div.active a,
.navMenu>li>ul.sub-menu li>div:hover a{color:#FFF;}

/* ---------- 右侧内容区 ---------- */
.rightPanel{flex:1;min-width:0;padding-bottom:20px;}

.article-wrapper,
.article-list-wrapper,
.download-wrapper{text-align:justify;}

.article-wrapper h3,
.article-list-wrapper h3,
.download-wrapper h3{
    font-size:22px;
    font-weight:900;
    color:var(--dark-green);
    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;}

.article-list li a,
.download-list li a{
    display:block;
    color:#333;
    line-height:1.5em;
    border-bottom:1px solid #f3f3f3;
    padding:0.75em 0;
}
.article-list li:first-child a,
.download-list li:first-child a{border-top:1px solid #f3f3f3;}
.article-list li a:hover,
.download-list li a:hover{
    /* 覆盖全局 a:hover 白色，保证在浅色背景上可读 */
    color:var(--green);
}
.sticky{
    font-size:0.8em;
    line-height:1em;
    display:inline-block;
    border-radius:3px;
    padding:4px 8px;
    margin-right:4px;
    background-color:var(--green);
    color:#fff;
}

@media (max-width:1110px){
    .breadcrumbsWrap{width:92%;margin:20px auto 0;}
    .breadcrumbs{font-size:14px;padding:8px 12px;}
    .channelWrapper{width:92%;margin:16px auto 50px;gap:0;}
    .leftPanel{display:none;}
    .rightPanel{width:100%;padding:0;}
    .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){
    .channelWrapper{width:92%;margin:16px auto 40px;}
}