/*
 * 仅旧式侧栏列：必须内含 .left_menu。
 * 必须排除 .container.download-page：软件库详情在 layout 里用 Grid+sticky，若此处再 position:fixed，
 * 侧栏会脱离网格、与 .right 错位（整页灰缝、侧栏漂在视口中部）。
 * 勿写全局 .left——文章/课程详情主栏也是 .left，会误套 fixed。
 */
.container:not(.download-page) > .left:has(.left_menu) {
    width: 170px;
    float: left;
    background-color: #fff;
    position: fixed;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--fm-card-line, #eef1f4);
    box-shadow: var(--fm-card-shadow, 0 2px 10px rgba(15, 23, 42, 0.04));
}
.container:not(.download-page) > .left:has(.left_menu) .left_menu {
    padding: 12px;
    max-height: calc(100vh - 80px);
    overflow: auto;
    border-radius: inherit;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list a {
    font-size: 14px;
    line-height: 1;
    color: #333;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list a i {
    margin-right: 8px;
    font-size: 14px;
    line-height: 1;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list {
    padding: 10px;
    border-radius: 2px;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list.left_menu_om {
    background-color: #c7ecd4;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list.left_menu_om a {
    color: #177739;
    font-weight: 600;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list.left_menu_om a i {
    font-weight: 600;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list:hover {
    background-color: #c7ecd4;
}
.container:not(.download-page) > .left:has(.left_menu) .menu_list:hover a {
    color: #177739;
}
.right{float: left;margin-left: 185px;}

/* 软件库详情 Grid 主栏：勿套用上一行全局 .right（否则 margin-left:185 与 Grid 第二列叠出假留白） */
main.main-download-layout .download-page > .right,
main.main-download-layout .download-page > .fm-dl__main {
    float: none;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* 任意 .fm-dl 网格内主栏 .right：一律取消旧式 float+185px 左外边距（避免侧栏未进网格时出现整栏右移、左侧大块空白） */
.fm-dl > .fm-dl__main .right {
    float: none;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    /* 含 .right_left/.right_right 浮动时建立 BFC，避免行盒高度异常导致与侧栏纵向错位 */
    display: flow-root;
}

/* 网格主列约 991px，730+285+gap 会溢出致侧栏掉行；桌面用 flex 让主栏收缩、侧栏固定 285px（与文章详情 .right 一致，避免栏外再空 15px 视觉缝） */
@media (min-width: 992px) {
    .fm-dl--home > .fm-dl__main > .right,
    .fm-dl--articles-list > .fm-dl__main > .right {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 15px;
    }
    .fm-dl--home > .fm-dl__main > .right > .right_left,
    .fm-dl--articles-list > .fm-dl__main > .right > .right_left {
        float: none !important;
        width: auto !important;
        flex: 1 1 0;
        min-width: 0;
        max-width: none;
        display: flow-root;
    }
    .fm-dl--home > .fm-dl__main > .right > .right_right,
    .fm-dl--articles-list > .fm-dl__main > .right > .right_right {
        float: none !important;
        margin-left: 0 !important;
        flex: 0 0 285px;
        width: 285px;
        max-width: 285px;
        box-sizing: border-box;
    }

    /*
     * 有图：仅 :has(.article_left) 用网格两列；底对齐使元信息行贴近缩略图底，分类用 flex+margin-left:auto 贴文字列右缘（与图左缘相邻）。
     * 无图：仍是块级 h4+p+meta，勿对整条 a 做横向 flex。
     */
    .fm-dl--home .index_article_list:has(.article_left),
    .fm-dl--articles-list .index_article_list:has(.article_left) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 150px;
        column-gap: 16px;
        align-items: end;
        box-sizing: border-box;
    }
    .fm-dl--home .index_article_list:has(.article_left) > .clear,
    .fm-dl--articles-list .index_article_list:has(.article_left) > .clear {
        display: none !important;
    }
    .fm-dl--home .index_article_list:has(.article_left) .article_left,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_left {
        float: none !important;
        width: auto !important;
        min-width: 0;
        max-width: none;
        grid-column: 1;
        grid-row: 1;
    }
    .fm-dl--home .index_article_list:has(.article_left) .article_right,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_right {
        float: none !important;
        width: 150px !important;
        max-width: 150px;
        margin-left: 0 !important;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        border-radius: 2px;
        overflow: hidden;
        line-height: 0;
    }
    /* 与常见资讯流（如 OSCHINA 列表图）一致：固定框 + cover 铺满，等比裁切 */
    .fm-dl--home .index_article_list:has(.article_left) .article_right img,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_right img {
        display: block;
        width: 150px;
        height: 100px;
        object-fit: cover;
        object-position: center;
    }
    .fm-dl--home .index_article_list:has(.article_left) .article_content,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 10px;
        row-gap: 6px;
        clear: both;
    }
    .fm-dl--home .index_article_list:has(.article_left) .article_content .cate_name,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_content .cate_name {
        float: none !important;
        margin-left: auto;
        flex-shrink: 0;
    }
    .fm-dl--home .index_article_list:has(.article_left).index_article_list_on .article_content .cate_name,
    .fm-dl--articles-list .index_article_list:has(.article_left).index_article_list_on .article_content .cate_name,
    .fm-dl--home .index_article_list:has(.article_left):hover .article_content .cate_name,
    .fm-dl--articles-list .index_article_list:has(.article_left):hover .article_content .cate_name {
        float: none !important;
        margin-left: auto;
    }
}

/* 侧栏与主区同排顶对齐（避免网格 stretch + 子项高度差造成侧栏视觉上「下沉」） */
.fm-dl--home.fm-dl,
.fm-dl--articles-list.fm-dl {
    align-items: start;
}
.fm-dl--home .fm-dl__side,
.fm-dl--articles-list .fm-dl__side {
    align-self: start;
    margin-top: 0;
}
.fm-dl--home .fm-dl__main,
.fm-dl--articles-list .fm-dl__main {
    align-self: start;
    margin-top: 0;
    min-width: 0;
}

/* 与侧栏白底上沿对齐：抵消 articles.css 等处给 .index_website 的 margin-top */
.fm-dl--home .right_left > .index_website:first-child,
.fm-dl--articles-list .right_left > .index_website:first-child {
    margin-top: 0 !important;
}

.right_left{width: 730px;float: left;}
.right_right{width: 285px;float: right;margin-left: 15px;}

.index_search{text-align: center;background-color:#177739  ;background: linear-gradient(to bottom, #177739 , #1a6b32);color: #fff;padding: 10px;border-radius: 3px;padding-bottom: 15px;}
.index_search h3{margin-top: 13px;}
.index_search_form{padding: 10px;}
.index_search_form input{width:500px; height: 30px;line-height: 30px;padding-left: 10px;border-radius: 3px;border:0;outline: 0;color:#666666; }
.index_search_form button{margin-left: -33px;border: none;background-color: #fff;color: #177739 ;}
 
.index_website{background-color: #fff;border-radius: 3px;}
.index_website_title{border-bottom: 1px solid #F2F2F2;padding:14px 20px}
.index_website_title a{padding: 4px 8px;border: 1px solid #E7E8EB;font-size: 16px;margin-right: 5px;border-radius: 3px;}
.index_website_title a:hover{color:#177739  !important;font-weight: 600;border-color: #C7ECD4 !important; }

.article_content{padding-top:5px;}
.index_article_title{border-bottom: 1px solid #F2F2F2;padding:14px 20px}
.index_article_title a{padding: 4px 8px;border: 1px solid #E7E8EB;font-size: 16px;margin-right: 5px;border-radius: 3px}
.index_article_title a:hover{color:#177739  !important;font-weight: 600;border-color: #C7ECD4 !important; }
.website_title_more{float: right;border: none !important;color: #177739 ;font-size: 14px !important;margin-right: 0 !important;padding: 0 !important;}
.website_title_on{color:#177739 ;font-weight: 600;border-color: #C7ECD4 !important;}
.index_website_content{padding:0 20px 20px 20px;}

.index_website_content a{width: 120px;display: block;float: left;margin-top: 20px;margin-right: 18px;border-radius: 2px;}
.index_website_content a:hover{color: #177739 ;background-color: #C7ECD4;}
.index_website_content a img{width: 14px;margin-right: 10px;}

.index_article{}
.index_article h4{font-weight: 600;color: #121212;margin: 6px 0 4px;font-size: 16px;line-height: 1.4;}
.index_article p{font-weight: normal;color: rgba(0, 0, 0, 0.66);font-size: 14px;line-height: 1.55;}
.index_article_list{border-top: 1px solid #E7E8EB;display: block;padding:13px  20px 13px 20px;}
.index_article_list_0{border-top: none;}

.article_left{float: left;width: 520px}
.article_right{float: left;width: 150px;margin-left:20px;border-radius:2px;overflow:hidden;line-height:0;}
.article_right img{width: 150px;height: 100px;border-radius:2px;object-fit:cover;object-position:center;vertical-align:top;}

.index_article_list p{margin:0;max-height:3.1em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;}
/*.index_article_list div{margin-top:10px;}*/
.index_article_list div span i{margin-right:5px ;}
.index_article div span{font-size: 12px;margin-right: 40px}
.index_article div .cate_name{float: right;background-color: #E7E8EB;padding:0 5px;margin-right: 0}

.index_article_list_on {background-color: #F3F3F3}
.index_article_list_on h4{font-weight: 600;color: #177739 }
.index_article_list_on div .cate_name{float: right;background-color: #C7ECD4;padding:0 5px;color:#177739 ;}
.index_article_list_on div .countups{color:#177739 ;}

.index_article_list:hover{background-color: #F3F3F3}
.index_article_list:hover h4{font-weight: 600;color: #177739 }
.index_article_list:hover div .cate_name{float: right;background-color: #C7ECD4;padding:0 5px;color:#177739 ;}
.index_article_list:hover div .countups{color:#177739 ;}


.notice{background-color: #fff;border-radius: 3px;}
.notice_title{padding:23px 15px  15px 15px;}
.notice_title a{font-size: 13px;padding:5px 10px ;border: 1px solid #D8D8D8;margin-right: 10px;color:#999999;border-radius: 2px;}
.notice_title a:hover{border-color: #177739 !important; background-color: #C7ECD4 !important; color: #177739  !important;}

.notice_on{border-color: #177739 !important; background:rgba(23,119,57,0.12);color: #177739 !important;border: 1px solid #177739;font-weight: 600}

.notice_content{padding: 0 15px;padding-bottom: 15px;font-size: 14px;}
.notice_content a{color:#177739;font-size: 16px;font-weight: 600;}

.right_list{margin-top: 15px;background-color: #fff;border-radius: 3px;}
.list_title{padding:18px 15px; border-bottom: 1px solid #E7E8EB;font-size: 16px;color: #121212;font-weight: 600}
.list_title div{border-left:2px solid #177739 ;height: 16px;line-height: 16px;padding-left: 10px;}           
.list_title div span{float:right;font-size:12px; margin-top: 3px;}
.list_title_day{font-size: 20px !important;color: #177739 ;float: left;margin-top: 0 !important;font-weight: 600}
.englist_content{width: 100%;max-width: 100%;height: 146px;padding: 20px;box-sizing: border-box;}
.englist_content:hover{background-size:120% !important;transition: all 0.8s;}

.englist_content p{color: #fff;font-size: 14px;line-height: 22px}
.englist{font-size: 20px !important;font-weight: 700;font-family: din-round,sans-serif}
.list_title a{float: right;font-size: 12px;color: #177739 }
.hot_article{padding: 15px;}

.top-10 {}
.top-10 ul {counter-reset: section;}
.top-10 li {width: 100%;max-width: 100%;line-height: 30px;height: 30px;overflow: hidden;color: #525C66;font-size: 14px;box-sizing: border-box;}
.top-10 li:before {counter-increment: section;content: counter(section);display: inline-block;margin-right: 10px;height: 26px;line-height: 26px;color: #333;font-size: 12px;font-weight: 600;}
.top-10 li:nth-child(1):before {color: #D4A017}
.top-10 li:nth-child(2):before {color: #b8890f}
.top-10 li:nth-child(3):before {color: #c9a227;}
.top-10 li a:hover{color: #177739;}
.top-10 li a span{float: right;}

.index_ad{display: block;width: 100%;max-width: 100%;height: 153px;background-color: #fff;position: relative;border-radius: 3px;overflow: hidden;box-sizing: border-box;}
.right_list a.index_ad + a.index_ad{margin-top: 12px;}
.index_ad:hover{background-size:120% !important;transition: all 0.5s;}
.index_ad_close{color: #fff;position: absolute;right: 5px;bottom: 5px}
.index_ad_close span{padding:0 3px; margin-right: 5px;background: rgba(0,0,0,.5);border-radius: 2px; }
.baidu_article{padding: 15px;}
.about_title{float: left;width:35%;}
.about{padding:15px 15px 0 15px;  }
.friend_content a{margin-bottom: 15px; border: 1px solid #C7ECD4;color: #177739 ;padding: 5px;display: block;float: left;margin-right:10px;font-size: 12px;}
.friend_content a:hover{background-color: #177739 ;color: #fff;font-size: 12px;border: 1px solid #177739 ;}
.about_content {padding-bottom: 15px;}
.about_content p{font-size: 12px;margin-bottom:5px;}
.about_content p a{font-size: 12px;color: #616161}
.layui-flow-more{text-align: center;padding-top: 15px}

/* Layui 流加载底部「加载更多」勿因浮动错位到顶栏或侧栏（桌面/移动通用） */
.index_article .layui-flow-more,
.index_article > [class*="flow-more"] {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    display: block !important;
}

/*
 * layout 里 main.content 默认 overflow:auto（frontend.css），会把 position:sticky 的侧栏「粘附」在 main 这个滚动盒上，
 * 常见表现：左侧白底整体比中间文章区低一截。改为 visible，与软件库 main-download-layout 一致由页面/body 滚动。
 */
main#article_lists.content {
    overflow: visible;
    /* 与顶栏 nav>.container 同一水平参照（全宽居中）；勿保留 frontend 的左右 15px；主栏 .container 版心见 common.css */
    padding-left: 0;
    padding-right: 0;
}

/* 首页 / 文章列表等：主栏+侧栏固定 730+285 在手机上会横向溢出，改为纵向堆叠 */
@media (max-width: 991px) {
    .fm-dl--home > .fm-dl__main > .right,
    .fm-dl--articles-list > .fm-dl__main > .right {
        display: block !important;
        flex-direction: column;
    }
    .fm-dl--home .index_article_list,
    .fm-dl--articles-list .index_article_list {
        display: block !important;
        flex-wrap: wrap;
    }
    .right_left,
    .right_right {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        flex: none !important;
    }
    .article_left,
    .article_right {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
    }
    .article_right {
        margin-top: 12px;
    }
    .article_right img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .index_search_form input {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .right_list {
        max-width: 100%;
        box-sizing: border-box;
    }
    .englist_content {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .index_ad {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .top-10 li {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* 2026 焕新版：首页 / 文章列表统一卡片、标题、信息层级 */
.fm-dl--home .fm-dl__side .left_menu,
.fm-dl--articles-list .fm-dl__side .left_menu {
    border: 1px solid var(--fm-card-line, #eef1f4);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--fm-card-shadow, 0 2px 10px rgba(15, 23, 42, 0.04));
    padding: 12px;
}

.fm-dl--home .fm-dl__side,
.fm-dl--articles-list .fm-dl__side {
    border-radius: 4px;
    overflow: hidden;
}

.fm-dl--home .fm-dl__side .menu_list,
.fm-dl--articles-list .fm-dl__side .menu_list {
    border-radius: 4px;
    margin-bottom: 6px;
    transition: background-color .2s ease, transform .2s ease;
}

.fm-dl--home .fm-dl__side .menu_list:last-child,
.fm-dl--articles-list .fm-dl__side .menu_list:last-child {
    margin-bottom: 0;
}

.fm-dl--home .fm-dl__side .menu_list a,
.fm-dl--articles-list .fm-dl__side .menu_list a {
    display: flex;
    align-items: center;
    min-height: 18px;
    padding: 10px;
    font-weight: 500;
}

.fm-dl--home .fm-dl__side .menu_list:hover,
.fm-dl--articles-list .fm-dl__side .menu_list:hover {
    transform: translateX(2px);
}

.fm-dl--home .index_website,
.fm-dl--articles-list .index_website,
.fm-dl--home .notice,
.fm-dl--articles-list .notice,
.fm-dl--home .right_list,
.fm-dl--articles-list .right_list {
    border: 1px solid var(--fm-card-line, #eef1f4);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--fm-card-shadow, 0 2px 10px rgba(15, 23, 42, 0.04));
    overflow: hidden;
}

.fm-dl--home .index_article_title,
.fm-dl--articles-list .index_article_title,
.fm-dl--home .notice_title,
.fm-dl--articles-list .notice_title,
.fm-dl--home .list_title,
.fm-dl--articles-list .list_title {
    padding: 16px 20px;
    border-bottom: 1px solid var(--fm-card-line, #eef1f4);
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}

.fm-dl--home .notice_title,
.fm-dl--articles-list .notice_title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 12px;
}

.fm-dl--home .list_title div,
.fm-dl--articles-list .list_title div {
    border-left-width: 3px;
}

.fm-dl--home .index_article_title a,
.fm-dl--articles-list .index_article_title a,
.fm-dl--home .notice_title a,
.fm-dl--articles-list .notice_title a {
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
}

.fm-dl--home .notice_title a,
.fm-dl--articles-list .notice_title a {
    flex: 1 1 0;
    min-width: 0;
    margin-right: 0;
    padding: 6px 4px;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
}

.fm-dl--home .website_title_on,
.fm-dl--articles-list .website_title_on {
    background: rgba(23, 119, 57, 0.08);
}

.fm-dl--home .notice_on,
.fm-dl--articles-list .notice_on {
    background: rgba(23, 119, 57, 0.08);
}

.fm-dl--home .notice_content,
.fm-dl--articles-list .notice_content {
    padding: 16px 20px 18px;
    line-height: 1.8;
    color: var(--fm-text-soft, #4b5563);
}

.fm-dl--home .index_article,
.fm-dl--articles-list .index_article {
    padding: 4px 0;
}

.fm-dl--home .index_article_list,
.fm-dl--articles-list .index_article_list {
    padding: 18px 20px;
    transition: background-color .2s ease, transform .2s ease;
}

.fm-dl--home .index_article_list:hover,
.fm-dl--articles-list .index_article_list:hover {
    background-color: #f8fbf9;
}

.fm-dl--home .index_article h4,
.fm-dl--articles-list .index_article h4 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--fm-text, #1f2937);
}

.fm-dl--home .index_article p,
.fm-dl--articles-list .index_article p {
    color: var(--fm-text-soft, #4b5563);
    font-size: 14px;
    line-height: 1.75;
}

.fm-dl--home .article_right,
.fm-dl--articles-list .article_right {
    border-radius: 4px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.fm-dl--home .index_article div span,
.fm-dl--articles-list .index_article div span {
    margin-right: 18px;
    color: #94a3b8;
}

.fm-dl--home .index_article .article_content,
.fm-dl--articles-list .index_article .article_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
}

.fm-dl--home .index_article div .cate_name,
.fm-dl--articles-list .index_article div .cate_name,
.fm-dl--home .index_article_list:hover div .cate_name,
.fm-dl--articles-list .index_article_list:hover div .cate_name,
.fm-dl--home .index_article_list_on div .cate_name,
.fm-dl--articles-list .index_article_list_on div .cate_name {
    float: none;
    margin-left: auto;
    flex: 0 0 auto;
    padding: 4px 10px;
    border-radius: 4px;
    background: #eef7f1;
    color: var(--fm-brand, #177739);
}

@media (max-width: 991px) {
    .fm-dl--home .index_article_list,
    .fm-dl--articles-list .index_article_list {
        padding: 16px;
    }

    .fm-dl--home .index_article_list h4,
    .fm-dl--articles-list .index_article_list h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fm-dl--home .index_article_list:has(.article_left),
    .fm-dl--articles-list .index_article_list:has(.article_left) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 104px;
        column-gap: 12px;
        row-gap: 0;
        align-items: start;
    }

    .fm-dl--home .index_article_list:has(.article_left) > .article_left,
    .fm-dl--articles-list .index_article_list:has(.article_left) > .article_left {
        display: contents;
    }

    .fm-dl--home .index_article_list:has(.article_left) h4,
    .fm-dl--articles-list .index_article_list:has(.article_left) h4 {
        grid-column: 1 / -1;
        grid-row: 1;
        margin-bottom: 0;
    }

    .fm-dl--home .index_article_list:has(.article_left) p,
    .fm-dl--articles-list .index_article_list:has(.article_left) p {
        grid-column: 1;
        grid-row: 2;
        margin: 10px 0;
        line-height: 22px;
        max-height: 44px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .fm-dl--home .index_article_list:has(.article_left) .article_right,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_right {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        justify-self: end;
        width: 104px !important;
        max-width: 104px !important;
        margin-top: 10px !important;
        border-radius: 4px;
        overflow: hidden;
    }

    .fm-dl--home .index_article_list:has(.article_left) .article_right img,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_right img {
        display: block;
        width: 104px;
        height: 44px;
        object-fit: cover;
    }

    .fm-dl--home .index_article .article_content,
    .fm-dl--articles-list .index_article .article_content {
        padding-top: 0;
        margin-top: 10px !important;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px 10px;
        align-items: center;
    }

    .fm-dl--home .index_article_list:has(.article_left) .article_content,
    .fm-dl--articles-list .index_article_list:has(.article_left) .article_content {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 10px !important;
    }

    .fm-dl--home .index_article .article_content > span:nth-child(4),
    .fm-dl--articles-list .index_article .article_content > span:nth-child(4) {
        display: none;
    }

    .fm-dl--home .index_article .article_content > span,
    .fm-dl--articles-list .index_article .article_content > span {
        min-width: 0;
        margin-right: 0;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fm-dl--home .index_article .article_content .cate_name,
    .fm-dl--articles-list .index_article .article_content .cate_name,
    .fm-dl--home .index_article_list:hover .article_content .cate_name,
    .fm-dl--articles-list .index_article_list:hover .article_content .cate_name,
    .fm-dl--home .index_article_list_on .article_content .cate_name,
    .fm-dl--articles-list .index_article_list_on .article_content .cate_name {
        grid-column: 1;
        grid-row: 1;
        margin-left: 0 !important;
        margin-right: 0;
        justify-self: start;
        width: auto;
    }

    .fm-dl--home .index_article .article_content > span:nth-child(1),
    .fm-dl--articles-list .index_article .article_content > span:nth-child(1) {
        grid-column: 2;
        grid-row: 1;
    }

    .fm-dl--home .index_article .article_content > span:nth-child(2),
    .fm-dl--articles-list .index_article .article_content > span:nth-child(2) {
        grid-column: 3;
        grid-row: 1;
    }

    .fm-dl--home .index_article .article_content > span:nth-child(3),
    .fm-dl--articles-list .index_article .article_content > span:nth-child(3) {
        grid-column: 4;
        grid-row: 1;
    }
}

.fm-dl--home .englist_content,
.fm-dl--articles-list .englist_content {
    height: 190px;
    padding: 24px 20px;
    position: relative;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.fm-dl--home .englist_content::before,
.fm-dl--articles-list .englist_content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 24, 20, 0.08) 0%, rgba(9, 18, 26, 0.62) 100%);
}

.fm-dl--home .englist_content p,
.fm-dl--articles-list .englist_content p {
    position: relative;
    z-index: 1;
    color: #fff;
}

.fm-dl--home .englist,
.fm-dl--articles-list .englist {
    font-size: 24px !important;
    line-height: 1.45;
    margin-bottom: 14px;
}

.fm-dl--home .hot_article,
.fm-dl--articles-list .hot_article,
.fm-dl--home .baidu_article,
.fm-dl--articles-list .baidu_article,
.fm-dl--home .about,
.fm-dl--articles-list .about {
    padding: 18px 20px 20px;
}

.fm-dl--home .top-10 li,
.fm-dl--articles-list .top-10 li {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #eef1f4;
}

.fm-dl--home .top-10 li:last-child,
.fm-dl--articles-list .top-10 li:last-child {
    border-bottom: none;
}

.fm-dl--home .index_ad,
.fm-dl--articles-list .index_ad {
    border-radius: 4px;
}

.fm-dl--home .friend_content a,
.fm-dl--articles-list .friend_content a {
    border-radius: 4px;
    padding: 6px 12px;
    background: #f8fafc;
    border-color: #dce9df;
    font-size: 12px;
}

.fm-dl--home .about,
.fm-dl--articles-list .about {
    display: flow-root;
}