/* 本站补充样式 */

.umPost .umTabCon .umCon {
    display: none !important;
}

/* 覆盖 layout.css 的 :first-child 兜底，避免两个 Tab 面板同时显示 */
.umPost .umTabCon .umCon:first-child {
    display: none !important;
}

.umPost .umTabCon .umCon.show {
    display: block !important;
}



.gotop.in { display: block !important; }

/* 首页轮播（纯本站脚本，无第三方库） */
.slide.swiper-container .swiper-slide { display: none; }
.slide.swiper-container .swiper-slide.on { display: block; }
.slide .swiper-pagination span { cursor: pointer; opacity: 0.5; }
.slide .swiper-pagination span.active { opacity: 1; }

body > .mask.in { display: block; }

/* 手机顶栏横向导航（不用 swiper 类名，避免 layout.css 内嵌 Swiper 全局样式撑高） */
.header .umNav.umMobNav .navBar,
.header .umNav.umMobNav .mobNavTrack,
.header .umNav.umMobNav .mobNavList {
    height: auto;
}

.header .umNav.umMobNav .mobNavTrack {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.header .umNav.umMobNav .mobNavTrack::-webkit-scrollbar {
    display: none;
}

.header .umNav.umMobNav .mobNavList {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: max-content;
    min-width: 100%;
    margin: 0;
    padding: 0;
}

.header .umNav.umMobNav .mobNavItem {
    flex: 0 0 auto;
    width: auto;
    height: auto;
}

.header .umNav.umMobNav .mobNavItem a {
    white-space: nowrap;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: 500;
    padding: 0 10px;
    display: block;
    position: relative;
}

.header .umNav.umMobNav .mobNavItem.on a {
    opacity: 1;
    font-weight: 600;
}

.header .umNav.umMobNav .mobNavItem:not(.on) a {
    opacity: 0.72;
}

.header .umNav.umMobNav .mobNavItem.on a::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 8px;
    height: 2px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 1px;
}

@media screen and (max-width: 640px) {
    .header .umNav.umDeskNav {
        display: none !important;
    }

    /* 与原站一致：手机端只保留顶栏横滑导航，副栏标签隐藏 */
    .header .umSubs {
        display: none !important;
    }

    .header .container {
        padding-bottom: 0;
    }

    /* 手机端首页轮播横幅：全宽显示 */
    .index .umPost .umFrist .umLeft .swiper-container.slide {
        display: block !important;
        width: 100%;
        margin-bottom: 12px;
        overflow: hidden;
    }

    .index .umPost .umFrist .umLeft .slide .swiper-wrapper,
    .index .umPost .umFrist .umLeft .slide .swiper-slide {
        width: 100% !important;
        height: auto !important;
    }

    .index .umPost .umFrist .umLeft .slide .swiper-slide > a {
        display: block;
    }

    .index .umPost .umFrist .umLeft .slide .img {
        aspect-ratio: 16 / 9;
    }

    .index .umPost .umFrist .umLeft .slide .img:after {
        padding-top: 56.25%;
    }

    @supports (aspect-ratio: 1) {
        .index .umPost .umFrist .umLeft .slide .img:after {
            display: none;
            padding-top: 0;
        }
    }

    /* 首页模块：手机端三栏改纵向全宽 */
    .umPost .umFrist > .umLeft,
    .umPost .umFrist > .umContent,
    .umPost .umFrist > .umRight,
    .umPost .style2 .umCon > .umLeft,
    .umPost .style2 .umCon > .umContent,
    .umPost .style2 .umCon > .umRight {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        clear: both;
    }

    .umPost .umFrist > .umContent,
    .umPost .style2 .umCon > .umContent {
        padding: 0 !important;
        margin-top: 20px;
    }

    .umPost .umFrist > .umRight,
    .umPost .style2 .umCon > .umRight {
        margin-top: 20px;
        overflow: visible !important;
    }

    /* 热门排行：大图撑满模块宽度 */
    .umPost .umRight .umHotPost {
        height: auto !important;
        overflow: visible !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .umPost .umRight .umHotPost li.first .img {
        width: 100% !important;
    }

    .umPost .umRight .umHotPost li.first .img a.imgLazy:after {
        display: none !important;
        padding-top: 0 !important;
    }

    /* style2 中间列表：手机端图片改上置全宽 */
    .umPost .style2 .umNew li {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .umPost .style2 .umNew li .img {
        width: 100% !important;
        flex-shrink: 1 !important;
        position: relative;
    }

    .umPost .style2 .umNew li .text {
        padding-left: 0 !important;
        padding-top: 10px;
    }

    .umPost .style2 .umNew li .img a.imgLazy {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .umPost .style2 .umNew li .img a.imgLazy:after {
        display: block !important;
        content: "";
        padding-top: 56%;
    }

    .umPost .style2 .umNew li .img a.imgLazy img {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}



/* style2 右侧热门排行：三栏布局 */

.umPost .style2 .umCon:after {

    content: "";

    display: block;

    clear: both;

}

.umPost .style2 .umRight {

    display: block;

    float: right;

    width: 300px;

    margin-left: -300px;

    overflow: visible;

}

.umPost .style2 .umRight .umHotPost {

    display: block;

    visibility: visible;

    height: auto !important;

    overflow: visible !important;

}



/* style2 右侧「热门排行」：图 + 下方 .text，与第一屏同样限制大图高度 */

.umPost .style2 .umRight .umHotPost li.first {

    height: auto;

    margin-bottom: 8px;

    overflow: hidden;

    white-space: normal;

}

.umPost .style2 .umRight .umHotPost li.first .img {

    position: relative;

    display: block;

    width: 100%;

    font-size: 0;

    overflow: hidden;

    aspect-ratio: 5 / 3;

}

.umPost .style2 .umRight .umHotPost li.first .img:after {

    display: block;

    width: 100%;

    padding-top: 60%;

}

@supports (aspect-ratio: 1) {

    .umPost .style2 .umRight .umHotPost li.first .img:after {

        display: none;

        padding-top: 0;

    }

}

.umPost .style2 .umRight .umHotPost li.first .img a.imgLazy {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    overflow: hidden;

}

.umPost .style2 .umRight .umHotPost li.first .img a img {

    position: absolute !important;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    max-height: none !important;

    object-fit: cover !important;

}

.umPost .style2 .umRight .umHotPost li.first .text {

    padding: 15px 0 0;

}

.umPost .style2 .umRight .umHotPost li.first .text h3 {

    margin: 0 0 4px;

    padding: 0;

    font-size: 16px;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.umPost .style2 .umRight .umHotPost li.first .text .des {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    color: #8a8a8a;

    font-size: 12px;

    line-height: 1.7;

}

.umPost .style2 .umRight .umHotPost li:not(.first) {

    display: block;

    visibility: visible;

    height: 32px;

    line-height: 32px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

@media screen and (max-width: 1024px) {

    .umPost .style2 .umRight .umHotPost li:not(.first) {

        height: 28px;

        line-height: 28px;

    }

}



/*

 * 首页第一屏「热门排行」：完全交给 layout 比例盒（.img:after padding-top: 60%）。

 * 仅修正 program 注入的 img 尺寸破坏，并保证下方 5 条列表可见。

 */

.umPost .umFrist .umRight .umHotPost {

    height: auto !important;

    overflow: visible !important;

}

.umPost .umFrist .umRight .umHotPost li.first {

    height: auto;

    margin-bottom: 8px;

    overflow: hidden;

    white-space: normal;

}

.umPost .umFrist .umRight .umHotPost li.first .img {

    position: relative;

    display: block;

    width: 100%;

    font-size: 0;

    overflow: hidden;

    aspect-ratio: 5 / 3;

}

.umPost .umFrist .umRight .umHotPost li.first .img:after {

    display: block;

    width: 100%;

    padding-top: 60%;

}

@supports (aspect-ratio: 1) {

    .umPost .umFrist .umRight .umHotPost li.first .img:after {

        display: none;

        padding-top: 0;

    }

}

.umPost .umFrist .umRight .umHotPost li.first .img a.imgLazy {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    overflow: hidden;

}

.umPost .umFrist .umRight .umHotPost li.first .img a img {

    position: absolute !important;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    max-height: none !important;

    object-fit: cover !important;

}

.umPost .umFrist .umRight .umHotPost li.first .img a h3 {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 3;

    box-sizing: border-box;

    width: 100%;

    height: 36px;

    margin: 0;

    padding: 0 15px;

    font-size: 14px;

    font-weight: normal;

    line-height: 36px;

    color: #fff;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);

}

.umPost .umFrist .umRight .umHotPost li:not(.first) {

    display: block;

    visibility: visible;

    height: 32px;

    line-height: 32px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

@media screen and (max-width: 1024px) {

    .umPost .umFrist .umRight .umHotPost li:not(.first) {

        height: 28px;

        line-height: 28px;

    }

}



/* 首页左侧轮播 + 图文推荐：限制大图高度，消除与 umHotPic 之间的空白 */

.umPost .umFrist .umLeft .swiper-container.slide {

    height: auto !important;

    margin-bottom: 0;

}

.umPost .umFrist .umLeft .slide .swiper-wrapper,

.umPost .umFrist .umLeft .slide .swiper-slide {

    height: auto !important;

}

.umPost .umFrist .umLeft .slide .swiper-slide > a {

    display: block;

    position: relative;

    overflow: hidden;

}

.umPost .umFrist .umLeft .slide .img {

    position: relative;

    display: block;

    width: 100%;

    font-size: 0;

    overflow: hidden;

    aspect-ratio: 25 / 12;

}

.umPost .umFrist .umLeft .slide .img:after {

    content: "";

    display: block;

    width: 100%;

    padding-top: 48%;

}

@supports (aspect-ratio: 1) {

    .umPost .umFrist .umLeft .slide .img:after {

        display: none;

        padding-top: 0;

    }

}

.umPost .umFrist .umLeft .slide .img img {

    position: absolute !important;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    max-height: none !important;

    object-fit: cover !important;

}

.umPost .umFrist .umLeft .slide .text {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 2;

    width: 100%;

    height: 36px;

    line-height: 36px;

    pointer-events: none;

}

.umPost .umFrist .umLeft .umHotPic .title {

    margin-top: 14px;

}

.umPost .umFrist .umLeft .umHotPic {

    margin-top: 0;

}



/* 栏目 / 标签列表页 */

.cms-list .post,
.cms-list .post.big {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 25px 0;
}

.cms-list .post .postThumb,
.cms-list .post.big .postThumb {
    width: 32%;
    max-width: 280px;
    min-width: 180px;
    padding-right: 18px;
    margin: 0;
    flex-shrink: 0;
}

.cms-list .post .postThumb .thumb {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #f8f8f8;
}

.cms-list .post .postThumb .imgLazy {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: #f8f8f8;
}

.cms-list .post .postThumb .imgLazy:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 62.5%;
}

.cms-list .post .postThumb .imgLazy img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transform: none;
    transition: transform 0.3s ease;
}

.cms-list .post .postThumb .imgLazy:hover img {
    transform: scale(1.05);
}

.cms-list .post .postText {
    flex: 1;
    min-width: 0;
    padding-right: 0;
    justify-content: flex-start;
}

.cms-list .post .postTit {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cms-list .post .postTit h2 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.cms-list .post .umMeta {
    margin-bottom: 8px;
}

.cms-list .post .postText .umInfo {
    color: #5e6368;
    text-align: justify;
    max-height: none;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cms-list .post .umMeta em {
    font-family: remixicon !important;
    font-style: normal;
}

.cms-list .post .umMeta em.user:before { content: "\F25A"; }
.cms-list .post .umMeta em.date:before { content: "\F211"; }
.cms-list .post .umMeta em.cate:before { content: "\ED9E"; }
.cms-list .post .umMeta em.view:before { content: "\ECB5"; }
.cms-list .post .umMeta em.cmt:before { content: "\EF46"; }

.widget ul li.empty {
    color: #999;
    font-size: 13px;
    padding: 6px 0;
    list-style: none;
}

.umSearchOff {
    display: none !important;
}
.cms-list .post .umMeta em:before {
    vertical-align: -2px;
    padding-right: 4px;
}

.cms-list .post .umInfo .readmore {
    margin-left: 8px;
    color: #9ca0ad;
    white-space: nowrap;
}

.cms-list .post .umInfo .readmore:hover {
    color: #2D1317;
}

.umCrumb .umSort {
    display: inline-block;
}

.umCrumb .umSort button.filter {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    margin-left: 5px;
}

.umCrumb .umSort button.filter i {
    transform: scale(.8);
    display: inline-block;
    margin: 0;
}

.umCrumb .umSort button.filter.active,
.umCrumb .umSort button.filter.active i {
    color: #27AFAF;
}

@media screen and (max-width: 1024px) {
    .cms-list .post .postThumb,
    .cms-list .post.big .postThumb {
        width: 28%;
        max-width: 220px;
        min-width: 160px;
    }
}

@media screen and (max-width: 640px) {
    .cms-list .post {
        padding: 20px 0;
    }

    .cms-list .post .postThumb,
    .cms-list .post.big .postThumb {
        width: 140px;
        max-width: 140px;
        min-width: 140px;
        padding-right: 12px;
    }

    .cms-list .post .postTit {
        font-size: 16px;
    }
}

@media screen and (max-width: 540px) {
    .cms-list .post .postThumb,
    .cms-list .post.big .postThumb {
        width: 120px;
        max-width: 120px;
        min-width: 120px;
        padding-right: 10px;
    }

    .cms-list .post .postText .umInfo {
        display: none;
    }
}

/* 文章页：桌面底部随机轮播 + 手机底部推荐模块 */

.article .sidebar.phone {
    display: none;
}

.article .artRelDesk {
    display: block;
}

.article .relSwiper.swiper-container {
    overflow: hidden;
}

.article .relSwiper .swiper-wrapper {
    height: auto !important;
    transition: transform 0.45s ease;
}

.article .relSwiper .swiper-slide {
    width: 25%;
    margin-right: 15px;
    flex-shrink: 0;
}

.article .sidebar.phone .widget.umHots {
    margin-top: 20px;
}

@media screen and (max-width: 1024px) {
    .article .relSwiper .swiper-slide {
        width: 33.333%;
    }
}

@media screen and (max-width: 640px) {
    .article .artRelDesk {
        display: none !important;
    }

    .article .sidebar.phone {
        display: block !important;
        width: 100%;
        float: none;
        margin: 20px 0 0;
        clear: both;
    }

    .article .sidebar.phone .widget.umHots:first-child {
        margin-top: 0;
    }
}

.footer-friend-links {
    padding: 12px 0 0;
    font-size: 13px;
    line-height: 1.8;
    color: #888;
    text-align: center;
}

.footer-friend-links strong {
    font-weight: 600;
    color: #666;
    margin-right: 6px;
}

.footer-friend-links a {
    display: inline-block;
    margin: 0 8px 4px 0;
    color: #888;
}

.footer-friend-links a:hover {
    color: #27AFAF;
}