@charset "UTF-8";

/*暗黑模式基础类_S*/
/* 头部右侧：用户导航 + 主题切换按钮 */
.header-right-wrap {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-right: 1rem;
}
/* 主题切换：主流按钮样式 */
/* 主题切换：圆形主流按钮 */
.theme-toggle-btn {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    min-width: 36px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: #f5f5f5;
    color: #616161;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .2s, background .2s, color .2s;
}
.theme-toggle-btn:hover {
    border-color: #bdbdbd;
    background: #eeeeee;
    color: #424242;
}
.theme-toggle-btn .layui-icon {
    font-size: 18px;
}
body.dark-mode .theme-toggle-btn {
    border-color: rgba(255,255,255,.25);
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,.1);
}
body.dark-mode .theme-toggle-btn:hover {
    border-color: rgba(255,255,255,.4);
    color: #fff;
    background: rgba(255,255,255,.18);
}

/* 暗黑模式下右侧滑出层（layui-layer-content）导航：深色背景 + 浅色文字与图标 */
body.dark-mode .layui-layer.layui-layer-hui {
    background-color: #232324;
}
/* 暗黑模式：滑出层标题栏 */
body.dark-mode .layui-layer .layui-layer-title {
    background-color: #232324;
    border-bottom: 1px solid #484849;
    color: rgba(255, 255, 255, .9);
    padding: 0.6rem 2.2rem 0.6rem 1rem;
    min-height: 3rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
body.dark-mode .layui-layer .layui-layer-title .m_logo {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.4rem;
    flex-shrink: 0;
}
body.dark-mode .layui-layer .layui-layer-title .m_logo-font {
    color: rgba(255, 255, 255, .9);
    font-size: 1rem;
    font-weight: 500;
}
body.dark-mode .layui-layer .layui-layer-setwin {
    top: 50%;
    transform: translateY(-50%);
}
body.dark-mode .layui-layer .layui-layer-setwin a {
    color: rgba(255, 255, 255, .7);
}
body.dark-mode .layui-layer .layui-layer-setwin a:hover {
    color: #fff;
}
body.dark-mode .layui-layer .layui-layer-content {
    background-color: #232324;
    color: rgba(255, 255, 255, .9);
}
body.dark-mode .layui-layer .layui-layer-content a {
    color: rgba(255, 255, 255, .9);
}
body.dark-mode .layui-layer .layui-layer-content a:hover {
    color: rgba(255, 255, 255, .7);
}
body.dark-mode .layui-layer .layui-layer-content .ids-nav-m,
body.dark-mode .layui-layer .layui-layer-content .ids-nav-m span,
body.dark-mode .layui-layer .layui-layer-content .ids-nav-m i {
    color: rgba(255, 255, 255, .9);
}
body.dark-mode .layui-layer .layui-layer-content .ids-nav-m.layui-this,
body.dark-mode .layui-layer .layui-layer-content .ids-nav-m.layui-this span,
body.dark-mode .layui-layer .layui-layer-content .ids-nav-m.layui-this i {
    color: #16b777;
}
body.dark-mode .layui-layer .layui-layer-content .m_logo-font {
    color: rgba(255, 255, 255, .9);
}

/*暗黑模式基础类_E*/

/* 等级40的站不可见 */
.col-no {
    display: none;
}

/*声明当前页面支持 light 和 dark 两种模式，系统切换到深色模式时，浏览器默认样式也会切换到深色；*/
:root {
    color-scheme: light dark;
}

/*tooltip - 鼠标移上去弹消息，移开自动隐藏_S*/
/* 黑底提示框样式：默认隐藏 */
.tooltip-box {
    position: absolute;
    left: 50%;
    bottom: calc(100%);
    transform: translateX(-50%);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
}

.tooltip-inner {
    background: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.4;
}

/* 下方三角形 */
.tooltip-arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
}

/* 鼠标移上时显示提示框 */
.item:hover .tooltip-box {
    opacity: 1;
    visibility: visible;
}

/*tooltip - 鼠标移上去弹消息，移开自动隐藏_E*/

/* 图片滚动模板：从右向左循环，鼠标悬停停止，左右留白 */
.ids-img-scroll-wrap {
    overflow: hidden;
    padding: 0.5rem 0.75rem;
    margin: 0 auto;
    width: 96%;
    cursor: default;
    box-sizing: border-box;
}
#ids-img-scroll {
    display: none;
}
.ids-img-scroll-wrap.ids-img-scroll-grab {
    cursor: grab;
}
.ids-img-scroll-wrap.ids-img-scroll-grabbing {
    cursor: grabbing;
}
.ids-img-scroll-wrap.ids-img-scroll-grabbing .ids-img-scroll-track {
    animation: none;
}
.ids-img-scroll-wrap:hover .ids-img-scroll-track {
    animation-play-state: paused;
}
.ids-img-scroll-wrap.ids-img-scroll-js .ids-img-scroll-track {
    animation: none;
}
.ids-img-scroll-track {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: max-content;
    animation: ids-img-scroll 30s linear infinite;
}
/* 图片滚动项：宽度固定，高度随图片比例自适应，底部标题遮罩 */
.ids-img-scroll-item {
    flex-shrink: 0;
    cursor: pointer;
    display: block;
    width: 360px;
    height: auto;
    padding: 0;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    box-sizing: border-box;
    overflow: hidden;
}
/* ids-img-scroll-wrap 内缩略图改为正方形，尺寸缩小 */
#ids-img-scroll .ids-img-scroll-item {
    position: relative;
    width: 160px;
    aspect-ratio: 1;
    height: auto;
}
#ids-img-scroll .ids-img-scroll-item-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#ids-img-scroll .ids-img-scroll-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ids-img-scroll-item:hover {
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}
.ids-img-scroll-item-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
}
.ids-img-scroll-item img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
    border-radius: 0 0 12px 12px;
}
.ids-img-scroll-caption {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0;
    width: calc(100% + 2px);
    padding: 0.5rem 0.75rem 0.6rem;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.78));
    font-size: 0.875rem;
    line-height: 1.35;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background 0.2s ease;
    box-sizing: border-box;
}
.ids-img-scroll-item:hover .ids-img-scroll-caption {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88));
}
@keyframes ids-img-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* 移动端：ids-img-scroll 缩略图尺寸缩小 */
@media (max-width: 767px) {
    html,
    body,
    .layui-layout-body,
    .layui-body {
        overflow-x: hidden;
    }
    #ids-img-scroll {
        display: block;
    }
    #ids-img-scroll .ids-img-scroll-item {
        width: 100px;
        border-radius: 8px;
    }
    #ids-img-scroll .ids-img-scroll-item-inner {
        border-radius: 8px;
    }
    #ids-img-scroll .ids-img-scroll-item img {
        border-radius: 0 0 8px 8px;
    }
    #ids-img-scroll .ids-img-scroll-caption {
        padding: 0.35rem 0.5rem 0.45rem;
        border-radius: 0 0 8px 8px;
        font-size: 0.75rem;
    }
    #ids-img-scroll .ids-img-scroll-track {
        gap: 0.4rem;
    }
}

/* 专题列表/分类网格：缩略图卡片不重叠，主流卡片样式 */
.ids-zt-grid .ids-img-scroll-item {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.ids-zt-grid .ids-img-scroll-item-inner {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
}
.ids-zt-grid .ids-img-scroll-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.ids-zt-grid .ids-img-scroll-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0.5rem 0.65rem;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent);
    font-size: 0.8125rem;
    line-height: 1.35;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ids-zt-grid .ids-img-scroll-item:hover .ids-img-scroll-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
}
/* 专题“更多”占位块 */
.ids-zt-grid .ids-zt-more {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 120px;
    border-radius: 8px;
    border: 1px dashed rgba(0, 0, 0, 0.12);
    background: #fafafa;
    color: #999;
    text-decoration: none;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.ids-zt-grid .ids-zt-more:hover {
    border-color: rgba(0, 0, 0, 0.2);
    background: #f0f0f0;
    color: #666;
}
.ids-zt-grid .ids-zt-more .ids-img-scroll-item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
    min-height: 90px;
}
.ids-zt-grid .ids-zt-more-placeholder {
    display: none;
}
.ids-zt-grid .ids-zt-more .ids-img-scroll-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    color: inherit;
    text-align: center;
}

/* item-box 内 ids-zt-grid：PC 端统一 ids-img-scroll-item 与 ids-zt-more 高度（均由 16:9 决定） */
.item-box .ids-zt-grid .ids-zt-more {
    height: auto;
    min-height: 0;
}
.item-box .ids-zt-grid .ids-zt-more .ids-img-scroll-item-inner {
    min-height: 0;
}

/*单行溢出*/
.ellipsis1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis2 {
    -webkit-line-clamp: 2; /* 控制显示行数 */
}

.ellipsis3 {
    -webkit-line-clamp: 3; /* 控制显示行数 */
}

.ellipsis4 {
    -webkit-line-clamp: 4; /* 控制显示行数 */
}

.ellipsis5 {
    -webkit-line-clamp: 5; /* 控制显示行数 */
}

/*网址标签右上角的小提示*/
.closed {
    filter: grayscale(100%)
}

.wailian.no {
    right: 1.6rem;
    margin-top: 1rem;
}

.wailian.no i {
    /*font-size: 2.2rem;*/
}

.wailian {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    margin-top: 1rem;
}

.wailian i {
    font-size: 1rem;
}

.tips {
    float: right;
    margin-right: .04rem;
    margin-top: -0.52rem;
}

.tips span {
    font-size: .6rem;
    color: #ffffff;
    padding: .1rem .1rem .12rem .1rem;
    border-radius: .2rem;
    margin-left: .1rem;
}

.tips span.h {
    background: #0875df;
}

.tips span.d {
    background: #297829;
}

.tips span.y {
    background: #297829;
}

.tips span.l {
    background: #297829;
}

.tips span.ztj {
    background: #ff002d;
}

.tips span.ztc {
    background: #000000;
}

.tips span.ztn {
    background: #b6b6b6;
}

.tips span.ztf {
    background: #776b41;
}

.tips span.ztz {
    background: #0053dc;
}

.tips span.ztl {
    background: #600303;
}

/*所有Flex在这里*/
/* 通用Flex s*/
.ids-w-50 {
    width: 50%;
}

.ids-t-right {
    text-align: right;
}

.ids-bg-gray {
    background: #f2f2f2;
}

.catName.ids-bg-gray {
    border-top: .2rem solid #02366c;
}

.item-box.ids-bg-gray {
    border-bottom: .2rem solid #02366c;
    padding-bottom: 1.5rem;
}

.item-box.ids-bg-gray .item {
    border: 1px solid #eaeaea !important;
    background: #ffffff;
    padding-bottom: 1rem;
}

.item-box.ids-bg-gray .item:hover {
    border: 1px solid #d8d8d8 !important;
}

/*.item-box.ids-bg-gray {*/
/*    border-bottom: .2rem solid #02366c;*/
/*}*/

.flex {
    display: flex; /*启用Flex*/
    display: -webkit-flex; /*Safaia*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

/* LOGO - Flex
   推荐 - Flex */
.layui-logo.flex {
    justify-content: center;
}

.nav-child .nav-child-kuai {
    width: 33%;
    text-align: center;
}

/*首页广告位*/
.ad_list {
    margin: .6rem 0;
}

.ad_list .item {
    background: #ffffff;
    padding: .4rem .2rem;
    border-radius: .2rem;
    box-shadow: .12rem .12rem .24rem 0 #cdcdcd;
}

.ad_list .info img {
    width: .8rem;
    height: .8rem;
}

.ad_list .txt {
    text-indent: .2rem;
    text-align: center;
    font-size: .8rem;
}

/* 网站Box上的子分类和标签按钮 */
.item-box-child {
    margin: -.72rem 0 .72rem;
}

/* 网站Box通用样式 */
.item-box {
    padding: 1rem 1.5rem .8rem;
}

.item-box .item {
    width: auto;
    border: 1px solid #f1f2f3;
    border-radius: .6rem;
    padding: .52rem .20rem;
}

.item-box .item-more,
.item-box .item:hover {
    background-color: #f1f2f3;
}


.webicon-img {
    transition: transform .35s cubic-bezier(.4, 0, .2, 1);
}

.item:hover .webicon-img {
    /* 从下往上多弹几下再恢复 */
    animation: bounceUp .8s ease forwards;
}

@keyframes bounceUp {
    0% {
        transform: translateY(0) scaleY(1);
    }
    20% {
        transform: translateY(-14px) scaleY(1.1);
    }
    /* 第一弹 */
    40% {
        transform: translateY(-4px) scaleY(0.95);
    }
    /* 第二弹 */
    60% {
        transform: translateY(-10px) scaleY(1.05);
    }
    /* 第三弹 */
    80% {
        transform: translateY(-6px) scaleY(0.98);
    }
    /* 第四弹 */
    100% {
        transform: translateY(0) scaleY(1);
    }
    /* 恢复原状 */
}

/* 广告项图标与普通 item 图标尺寸一致 */
.item-box .item .info.ad img {
    width: 1rem;
    height: 1rem;
    margin: 0 .4rem 0 .54rem;
}

.item-box .item .info img {
    width: 1.5rem;
    height: 1.5rem;
}

/*专门用于小网站标签*/
.item-box .item.item_line {
    /*height: 2rem;*/
}

.item-box .item.item_line .info .txt {
    font-size: .78rem;
    font-weight: normal;
}

.item-box .item.item_line .info img {
    width: .8rem;
    height: .8rem;
}

.item-box .item .info .webicon {
    width: 16%;
    text-align: center;
}

.item-box .item .info.ad .txt {
    width: 74%;
}

/* 广告位 item 固定为单行高度 */
.item-box .item:has(.info.ad),
.ad_list .item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}
.item-box .item:has(.info.ad) .tips,
.ad_list .item .tips {
    flex-shrink: 0;
    float: none;
    margin-top: 0;
}
.item-box .item:has(.info.ad) .info.ad,
.ad_list .item .info.ad {
    order: -1;
    flex: 1;
    min-width: 0;
}

/* 详情页 tabs 内 a 链接（图标+文字）：PC 端窄屏也保持单行不换行 */
.item-box .item .info.flex.ad {
    flex-wrap: nowrap;
}
.item-box .item .info.flex.ad .txt {
    min-width: 0;
}
.item-box .item .info.flex.ad img,
.item-box .item .info.flex.ad .webicon-img {
    flex-shrink: 0;
}

.item-box .item .info .txt {
    width: 80%;
    overflow: hidden;
    margin-left: .4rem;
}

.item-box .item .desc {
    /*padding: 0 .6rem;*/
    font-size: .76rem;
    text-align: justify;
    overflow: hidden;
    color: #8c8c8c;
    font-weight: normal;
}

.item-box .item-more {
    clear: both;
    text-align: left;
}

/*Page留言页面*/
.liuyan li, .liuyan p {
    font-size: .8rem;
}

.liuyan li b {
    color: #e70d32;
}

/*电影样式*/
.film_dan {
    padding: .6rem 0 .8rem;
    border-bottom: .1rem dotted #b1b1b1;
    margin-bottom: .6rem;
}

.film_dan h3 {
    margin: 0 0 .8rem;
}

.film_dan .film_pics {
    display: flex;
    align-items: stretch;
}

.film_dan .film_pics img {
    object-fit: cover
}

.film_dan .film_tag b {
    color: #686868;
}

.film_dan .film_star img {
    width: .8rem;
}

.film_dan .film_tj img {
    height: 1.8rem;
}

/*电影专题_Start*/
.film_box {
    justify-content: flex-start;
}

.film_box .pic.haibao {
    width: 8rem;
    height: 10rem;
    border-radius: .2rem;
    margin: 0;
}

.film_box .pic {
    width: 9.4rem;
    height: 9.4rem;
    border-radius: .4rem;
    overflow: hidden;
    margin: 1rem;
}

.film_box .pic img {
    width: 100%;
    height: 100%;
}

.film_box .title {
    text-align: center;
}

.film_box .film_info {
    width: calc(100% - 8rem);
    height: 10rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: .4rem;
}

.film_box .film_info .film_bg {
    height: 76%;
    width: 90%;
    min-width: 12rem;
    padding: .8rem .8rem 0;
    background: #f8f8f8;
    border-radius: 0 .4rem .4rem 0;
}

.film_box .film_info .film_bg .film_title {
    width: 90%;
    font-size: .94rem;
}

.film_box .film_info .film_bg .film_tg {
    font-size: .8rem;
    line-height: 1.2rem;
    margin-top: .4rem;
    margin-bottom: .6rem;
    color: #9a9a9a;
}

.film_box .film_info .film_bg .film_tg span {
    color: #fff;
}

/*电影专题_End*/
.film_box .film_time {
    text-align: center;
}

.film_box .film_time {
    color: #880000;
    font-size: .8rem;
}

.film_box .film_pic {
    width: 8rem;
    height: 11rem;
    border-radius: .32rem;
    /*border: .1rem solid #fff;*/
    overflow: hidden;
    margin: 1rem auto 0;
    /*box-shadow: .1rem .1rem 1rem .1rem #cacaca;*/
}

.film_box .film_pic img {
    width: 100%;
    height: auto;
}

/*专题样式*/
.zt_item {
    border-bottom: .1rem dotted #ccc;
    height: 2.4rem;
    line-height: 2.4rem;
}

.zt_item .zt_txt {
    color: #0b4d3f;
    padding-left: .4rem;
}

.zt_item .zt_des {
    color: #aaaaaa;
}

.zt_item .zt_time {
    text-align: right;
    padding-right: .4rem;
}

.zt_show .zt_title {
    margin: .4rem 0 .8rem;
}

.zt_show .zt_des {
    margin: .4rem 0 .8rem;
    padding: .4rem .8rem;
    border-radius: .2rem;
    border: 1px solid #ccc;
    background: #e6e6e6;
    color: #989898;
}

.zt_show .zt_cont {
}

.zt_show .zt_table a {
    color: #0e8cd1;
}

/*列表页导航文字*/
.catName {
    padding: 1rem 1.5rem 0;
}

.catName.cate {
    padding-bottom: 1rem;
}

.catName a {
    color: #555;
}

.catName i {
    margin-right: .1rem;
}

.catName1 {
    color: #2c2c2c;
    font-size: 1rem;
    margin-right: 4rem;
}

.catName1 i {
    margin-right: .4rem;
}

.catTime {
    font-size: .72rem;
    color: #9b9b9b;
}

.child-item a {
    margin-right: .4rem;
    font-size: .8rem;
    color: #888888;
}

/* 内容页标签：主流 tag 样式 */
.layui-btn-tag .layui-btn,
.layui-btn-tag a {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.layui-btn-tag .layui-btn:hover,
.layui-btn-tag a:hover {
    opacity: 0.9;
    text-decoration: none;
}
.layui-btn-tag .layui-border-red,
.layui-btn-tag a.layui-border-red { color: #d32f2f; border-color: #d32f2f; }
.layui-btn-tag .layui-border-red:hover { background: rgba(211, 47, 47, 0.08); }
.layui-btn-tag .layui-border-cyan,
.layui-btn-tag a.layui-border-cyan { color: #0097a7; border-color: #0097a7; }
.layui-btn-tag .layui-border-cyan:hover { background: rgba(0, 151, 167, 0.08); }
.layui-btn-tag .layui-border-orange,
.layui-btn-tag a.layui-border-orange { color: #f57c00; border-color: #f57c00; }
.layui-btn-tag .layui-border-orange:hover { background: rgba(245, 124, 0, 0.08); }
.layui-btn-tag .layui-border-blue,
.layui-btn-tag a.layui-border-blue { color: #1976d2; border-color: #1976d2; }
.layui-btn-tag .layui-border-blue:hover { background: rgba(25, 118, 210, 0.08); }

/* 内容页社交链接：主流按钮样式 */
.social {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
}
.social a {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.4;
    color: #555;
    background: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.social a:hover {
    background: #eee;
    color: #333;
    border-color: #e0e0e0;
    text-decoration: none;
}
.social a i {
    font-size: 12px;
}
.social a.active {
    background: #1890ff;
    color: #fff;
    border-color: #1890ff;
}
.social a.active:hover {
    background: #40a9ff;
    border-color: #40a9ff;
    color: #fff;
}

.show-info i,
.show-info a {
    color: #2283ad;
}

.show-info i {
    margin-right: .1rem;
}

.show-info a {
    margin-right: 1.4rem;
}

.paiming {
    margin-left: .4rem;
    font-size: .76rem;
}


.paiming a {
    background: #EF4F4F;
    padding: .2rem .4rem;
    color: #ffffff;
    border-radius: .2rem;
    margin-left: .4rem;
}

.ids-cat-more {
    padding: .6rem 0 0 .6rem;
}

.ids-cat-more div {
    text-align: center;
    border-radius: .2rem;
}

.ids-cat-more .layui-btn {
    margin: 0 .2rem .6rem 0;
}

/* 首页LOGO */
.logo {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .6rem;
}

.logo-font {
    font-size: 1.2rem;
}

.m_logo {
    width: 1.4rem;
    height: 1.4rem;
    margin-bottom: .3rem;
    margin-right: .4rem;
}

.m_logo-font {
    font-size: 1rem;
}

/*卡组样式圆角*/
.layui-card, .layui-panel {
    border-radius: .28rem;
}

/*固定条小框样式*/
.layui-fixbar li {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    margin-bottom: .3rem;
}

.layui-fixbar .layui-fixbar-top {
    font-size: 2rem;
}

/* ids-底部样式 */
/* ids-友情链接 */
.ids-link {
    width: 94%;
    margin: 0 auto;
    padding: 1.5rem 1rem 1rem;
    overflow: hidden;
}

.ids-link .catName {
    color: #555;
    padding: 0;
    margin-bottom: .64rem;
}

.ids-link .ids-link-body a {
    font-size: .72rem;
    position: relative;
    display: inline-block;
    margin: .25rem .5rem .25rem .25rem;
}

.ids-link .ids-link-body a:before {
    content: '\2022';
    display: inline-block;
    position: relative;
    margin-right: 5px;
}


.ids-footer {
    margin-top: 1.5rem;
    /*width: 100%;*/
    height: 4rem !important;
    line-height: 4rem !important;;
    background: #fafafa;
    font-size: .74rem;
}

.ids-footer span, .ids-footer a, .ids-footer-m span {
    padding: 0 1rem;
}

.ids-footer-m {
    text-align: center;
    font-size: .74rem;
    line-height: 1.8rem;
}

/*暗黑模式_S # Layui默认是黑白设成白色*/
body {
    background: #f2f2f2;
}

.layui-layout-admin .layui-header {
    background: #fafafa;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
}

.layui-layout-admin .layui-logo {
    box-shadow: none;
}


/*Layui新主题_S*/
/*右边Box*/
.ids-nav-m.layui-this {
    color: #16b777;
}

.ids-nav-m {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    height: 2.8rem;
    line-height: 2.8rem;
}

.ids-nav-m i {
    margin-right: 1rem;
}

.layui-side-scroll .layui-nav-item.layui-this .ids-tip-box a {
    font-weight: normal;
    color: #0d1318;
}

/*二级导航右侧展示*/
.layui-side-scroll,
.layui-layout-admin .layui-side {
    overflow-x: unset;
}

/* 同时监听父级和自身悬停，保持显示 */
.layui-nav-item:hover .ids-tip-box,
.ids-tip-box:hover {
    display: block !important;
}

.ids-tip-box {
    position: absolute; /* 改为固定定位，不随滚动 */
    z-index: 9999;
    top: 0;
    left: 7rem;
    padding: .7rem 10px;
    background: #fff;
    color: #333;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    min-width: 8rem;
    min-height: 4rem;
    display: none;
}

.layui-nav-tree .layui-nav-item .ids-tip-box a {
    padding: 0 1rem 0 0 !important;
}

.ids-tip-box li {
    height: 2rem;
    line-height: 2rem;
    padding: 0 .4rem;
    width: 100%;
    text-align: left;
}

.ids-tip-box li:hover {
    background: #e8e8e8;
    border-radius: .4rem;
}

.ids-tip-box::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 1rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #fff transparent transparent;
}

.ids-show-icon {
    text-align: center;
    margin-top: 1rem;
    width: 8%;
}

.ids-show-icon img {
    width: 2.4rem;
    height: 2.4rem;
}

.ids-show-cont {
    width: 90%;
    padding: .5rem .5rem 0 0;
}

.ids-show-cont .ids-show-title {
    font-size: 1.8rem;
}

/* 详情页摘要区：左图右文 */
.ids-show-summary {
    margin-bottom: 0.5rem;
    max-width: 100%;
    box-sizing: border-box;
}
.ids-show-summary .ids-show-desc {
    min-width: 0;
    overflow: hidden;
}
.ids-show-summary .ids-show-desc-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.72;
    margin: 0;
    color: #6b7280;
    letter-spacing: 0.02em;
    text-align: left;
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
    box-sizing: border-box;
}
.ids-show-summary .ids-show-thumb {
    width: 200px;
}
.ids-show-summary .ids-show-thumb img {
    width: 200px;
    height: auto;
    object-fit: cover;
}
@media (max-width: 600px) {
    .ids-show-summary {
        flex-direction: column;
    }
    .ids-show-summary .ids-show-thumb {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }
    .ids-show-summary .ids-show-thumb img {
        display: block;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0 auto;
        border-radius: 4px;
    }
}

/* 文章内容区 table 主流样式 */
.layui-card-body table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    margin: 1em 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    overflow: hidden;
}
.layui-card-body table thead th {
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: #333;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
}
.layui-card-body table tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid #e8e8e8;
    color: #333;
}
.layui-card-body table tbody tr:last-child td {
    border-bottom: none;
}
.layui-card-body table tbody tr:nth-child(even) {
    background: #fafafa;
}
.layui-card-body table tbody tr:hover {
    background: #f5f5f5;
}
.layui-card-body table th,
.layui-card-body table td {
    border-right: 1px solid #e8e8e8;
}
.layui-card-body table th:last-child,
.layui-card-body table td:last-child {
    border-right: none;
}
.layui-card-body table a {
    color: #c97b9a;
}
.layui-card-body table a:hover {
    color: #b85c7e;
}

/* 文章内容区图片：居中 + 主流样式 + 自适应移动端 */
.ids-show-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1em auto;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
    object-fit: contain;
}
@media (max-width: 768px) {
    .ids-show-content img {
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0.8em auto;
        border-radius: 4px;
    }
}

/* 内容区正文与表格文字两端对齐 */
.ids-show-content,
.ids-show-content p {
    text-align: justify;
}
.ids-show-content table th,
.ids-show-content table td {
    text-align: justify;
}

/* 暗黑模式：.ids-show-content 内表格（表格/行/单元格背景统一暗色） */
body.dark-mode .ids-show-content table {
    background: #252526;
    border-color: #484849;
}
body.dark-mode .ids-show-content table thead th {
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .95);
    border-color: #484849;
}
body.dark-mode .ids-show-content table tbody tr {
    background: #252526;
}
body.dark-mode .ids-show-content table tbody td {
    background: #252526;
    color: rgba(255, 255, 255, .88);
    border-color: #484849;
}
body.dark-mode .ids-show-content table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, .06);
}
body.dark-mode .ids-show-content table th,
body.dark-mode .ids-show-content table td {
    border-right-color: #484849;
}
body.dark-mode .ids-show-content table th:last-child,
body.dark-mode .ids-show-content table td:last-child {
    border-right: none;
}
body.dark-mode .ids-show-content table tbody tr:hover td {
    background: rgba(255, 255, 255, .1);
}
body.dark-mode .ids-show-content table a {
    color: #7ec4a8;
}
body.dark-mode .ids-show-content table a:hover {
    color: #9dd4bb;
}

/* 暗黑模式：.ids-show-content 内 ul/ol 列表保留圆点/数字 */
body.dark-mode .ids-show-content ul {
    list-style-type: disc;
    list-style-position: outside;
    color: rgba(255, 255, 255, .88);
}
body.dark-mode .ids-show-content ul li {
    list-style: disc;
    list-style-type: disc;
    display: list-item;
    color: rgba(255, 255, 255, .88);
}
body.dark-mode .ids-show-content ol {
    list-style-type: decimal;
    list-style-position: outside;
    color: rgba(255, 255, 255, .88);
}
body.dark-mode .ids-show-content ol li {
    list-style: decimal;
    list-style-type: decimal;
    display: list-item;
    color: rgba(255, 255, 255, .88);
}

/* 内容区列表显示圆点 */
.ids-show-content ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1.5em;
}
.ids-show-content ul li {
    list-style: disc;
    display: list-item;
    margin: 0.25em 0;
}
.ids-show-content ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 1.5em;
}
.ids-show-content ol li {
    display: list-item;
    margin: 0.25em 0;
}

/* 内容区表格横向滚动，避免小屏撑破 */
.layui-card-body .layui-text {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 文章内容区 blockquote 主流样式（高亮引用块） */
.layui-card-body blockquote {
    margin: 1em 0;
    padding: 14px 18px 14px 22px;
    border: none !important;
    border-left: 5px solid #337ab7 !important;
    background: #e6f5ff;
    color: #333;
    font-size: 16px;
    line-height: 1.65;
    border-radius: 4px;
}
.layui-card-body blockquote p {
    margin: 0 0 0.5em 0;
}
.layui-card-body blockquote p:last-child {
    margin-bottom: 0;
}

/* 移动端：按 td 分，每个 td 一行 ul 列表式显示 */
@media (max-width: 768px) {
    .layui-card-body .layui-text {
        overflow-x: visible;
    }
    .layui-card-body table,
    .layui-card-body table thead,
    .layui-card-body table tbody,
    .layui-card-body table tr,
    .layui-card-body table th,
    .layui-card-body table td {
        display: block;
    }
    .layui-card-body table {
        border: none;
        margin: 1em 0;
        padding: 0;
    }
    .layui-card-body table thead {
        position: absolute;
        clip: rect(0,0,0,0);
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
    .layui-card-body table tr {
        margin-bottom: 0;
        border: none;
        background: transparent;
        box-shadow: none;
    }
    /* 每个 td 单独为一行（列表项），不按 tr 分组 */
    .layui-card-body table td {
        padding: 10px 12px 10px 28px;
        border: none;
        border-bottom: 1px solid #eee;
        text-align: left;
        position: relative;
        line-height: 1.5;
        background: #fff;
    }
    .layui-card-body table td::before {
        display: none;
    }
}

.ids-show-msgbox {
    margin: 1rem 2rem 0;
    min-height: 15rem;
}

.show-info {
    color: #2F4056;
    font-size: .8rem;
    margin: .32rem 0 0;
}


.ad_show {
    margin: .6rem 0 .4rem;
}

.ad_show .item {
    padding: .01rem .28rem;
    background: #efefef;
    margin-right: .4rem;
    border-radius: .2rem;
}

.ad_show a {
    color: #e05a0d;
    font-size: .76rem;
    margin: .4rem 0;
}

.ad_show img {
    width: .8rem;
    height: .8rem;
    margin-right: .2rem;
}

/* 面包屑：基础 + 移动端主流样式 */
.ids-breadcrumb {
    margin: 0.5rem 0;
    padding: 0.4rem 0;
}
.ids-breadcrumb .layui-breadcrumb {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 0.25rem;
}
.ids-breadcrumb .layui-breadcrumb a,
.ids-breadcrumb .layui-breadcrumb a cite {
    color: #666;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
}
.ids-breadcrumb .layui-breadcrumb a:hover {
    color: #1890ff;
}
.ids-breadcrumb .layui-breadcrumb a:hover cite {
    color: #1890ff;
}
.ids-breadcrumb .layui-breadcrumb a cite {
    color: #333;
    font-style: normal;
    font-weight: 500;
    display: inline;
}
.ids-breadcrumb .layui-breadcrumb span[lay-separator] {
    color: #999;
    margin: 0 0.15rem;
    user-select: none;
}

.ids-card {
    width: 92%;
    margin: 0 auto;
    overflow: hidden; /* 移动端防止横向溢出、左右晃动 */
    box-shadow: none;
}

/* 桌面端：允许顶部 .tooltip-box 悬停时向上溢出显示，不裁切 */
@media screen and (min-width: 768px) {
    .ids-card {
        overflow: visible;
    }
}

/* 分类页可横向滚动的标签栏：左侧固定第一个链接，右侧为可滚动标签区 */
.ids-category-tabs-wrap {
    margin: 1rem 1.6rem 0;
    display: flex;
    align-items: center;
    gap: 0;
    overflow: hidden;
}
.ids-category-tabs-first {
    flex-shrink: 0;
    padding-right: 0.5rem;
}
.ids-category-tabs-first > a {
    white-space: nowrap;
}
.ids-category-tabs-scroll {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.ids-category-tabs-scroll::-webkit-scrollbar {
    display: none;
}
.ids-category-tabs-scroll.ids-category-tabs-grabbing {
    cursor: grabbing;
}
.ids-category-tabs-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0;
    min-width: min-content;
}
.ids-category-tab {
    flex-shrink: 0;
    display: inline-block;
    padding: 0.4rem 0.75rem;
    border-radius: 4px;
    background: transparent;
    color: #666;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s, background 0.2s;
    white-space: nowrap;
}
.ids-category-tab:hover {
    color: #333;
    background: rgba(0,0,0,.06);
}
.ids-category-tab.active {
    color: #009688;
    font-weight: 500;
    background: rgba(0,150,136,.08);
}
.ids-category-tab-panel {
    display: none;
    margin: 1rem 1.6rem 1.2rem;
    padding: 0;
    min-height: 4rem;
}
.ids-category-tab-panel.active {
    display: block;
}

/* 面板内栅格：增加行间距，避免卡片视觉上贴在一起 */
.ids-category-tab-panel .layui-row [class*="layui-col"] {
    padding-bottom: 1rem;
}

/* 网址导航块：简洁卡片（仅针对 .ids-category-tab-panel 内） */
.ids-category-tab-panel [class*="layui-col"] > a {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.ids-category-tab-panel [class*="layui-col"] > a:hover {
    text-decoration: none;
    color: inherit;
}
.ids-category-tab-panel .item-box .item,
.ids-category-tab-panel .layui-row .item {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-left: 4px solid #d1d5db;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    background: #fff;
    transition: border-color 0.2s ease, background 0.2s ease;
    overflow: visible;
}
.ids-category-tab-panel [class*="layui-col"] > a:hover .item,
.ids-category-tab-panel .item-box .item:hover,
.ids-category-tab-panel .layui-row .item:hover {
    border-left-color: #0ea5e9;
    border-color: #c5e4f7;
    background: #fafbfc;
}
/* 面板内 .tips：顶部定位，50% 在框外、50% 在框内 */
.ids-category-tab-panel .item .tips {
    float: none;
    position: absolute;
    top: 0;
    right: 0.85rem;
    margin: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.ids-category-tab-panel .item .info {
    min-width: 0;
    overflow: hidden;
}
.ids-category-tab-panel .item .info .txt {
    overflow: hidden;
    min-width: 0;
}
.ids-category-tab-panel .item .info .txt .ellipsis1 {
    font-weight: normal;
    color: #4b4b4b;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ids-category-tab-panel .item .desc {
    overflow: hidden;
    min-width: 0;
}
.ids-category-tab-panel .item .desc p {
    color: #969696!important;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}
/* 导航块「More」简洁风格 */
.ids-category-tab-panel .item-more {
    border-style: dashed;
    border-left: 4px dashed #d1d5db;
    background: #fafafa;
}
.ids-category-tab-panel .item-more a:hover {
    text-decoration: none;
}
.ids-category-tab-panel .item-more:hover {
    border-left-color: #0ea5e9;
    border-color: #c5e4f7;
    background: #fafbfc;
}

/* 暗黑模式：分类页标签栏 */
body.dark-mode .ids-category-tab {
    color: rgba(255,255,255,.7);
}
body.dark-mode .ids-category-tab:hover {
    color: #fff;
    background: rgba(255,255,255,.1);
}
body.dark-mode .ids-category-tab.active {
    color: #4dd0e1;
    background: rgba(77,208,225,.15);
}
body.dark-mode .ids-category-tab-panel {
    color: rgba(255,255,255,.9);
}
/* 暗黑模式：导航块卡片 */
body.dark-mode .ids-category-tab-panel .item-box .item,
body.dark-mode .ids-category-tab-panel .layui-row .item {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    border-left-color: rgba(255, 255, 255, 0.25);
}
body.dark-mode .ids-category-tab-panel .item .info .txt .ellipsis1 {
    color: rgba(255, 255, 255, 0.88);
}
body.dark-mode .ids-category-tab-panel .item .desc p {
    color: rgba(255, 255, 255, 0.45);
}
body.dark-mode .ids-category-tab-panel [class*="layui-col"] > a:hover .item,
body.dark-mode .ids-category-tab-panel .item-box .item:hover,
body.dark-mode .ids-category-tab-panel .layui-row .item:hover {
    border-left-color: #4dd0e1;
    border-color: rgba(77, 208, 225, 0.35);
    background: rgba(255, 255, 255, 0.08);
}
body.dark-mode .ids-category-tab-panel .item-more {
    background: rgba(255, 255, 255, 0.03);
    border-left-color: rgba(255, 255, 255, 0.2);
}
body.dark-mode .ids-category-tab-panel .item-more:hover {
    border-left-color: #4dd0e1;
    border-color: rgba(77, 208, 225, 0.35);
    background: rgba(255, 255, 255, 0.08);
}

/* 卡片内区块标题（如首页「合作推荐」） */
.ids-card .ids-section-title {
    margin: 0;
    padding: 0.9rem 1.6rem 0.25rem;
    font-size: inherit;
    line-height: 1.4;
}
/* 紧接在区块标题后的 item-box：与标题左右对齐，减小上间距 */
.ids-card .ids-section-title + .item-box {
    padding: 0.4rem 1.6rem 0.8rem;
}
/* 合作推荐区块内 item 略放大，与标题视觉统一 */
.ids-card .ids-section-title + .item-box .item {
    padding: 0.65rem 0.35rem;
    min-height: 2.6rem;
}

.ids-page {
    margin: 2rem auto;
}

.ids-show-tabs .layui-tabs-header {
    margin: 1rem 1rem 0 1rem;
}

.ids-show-tabs .layui-tabs-body {
    padding-top: 0;
}

.layui-tabs-header {
    margin: 1rem 1rem .4rem 1rem;
}

.layui-tabs-header li {
    line-height: 2.2rem;
    padding: 0 .62rem;
}

.layui-tabs-card > .layui-tabs-header .layui-this:after {
    border-radius: 0 .6rem 0 .6rem;
    border-bottom: 1px solid #eee;
}

.layui-tabs-header:after, .layui-tabs-scroll:after {
    border: 0;
}

.layui-this .ids-star {
    position: absolute;
    top: .1rem;
    left: .1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #ff5722;
    transform: rotate(90deg); /* 逆时针旋转90度 */
}

.layui-nav-tree .layui-nav-item {
    text-align: center;
    margin-top: .2rem;
}

.layui-nav-tree .layui-nav-item > a {
    padding: 0;
}

.layui-nav-tree .layui-nav-item a {
    font-size: .82rem;
    height: auto;
    line-height: 1.4rem;
}

.layui-nav-item .ids-dh-bg .layui-icon {
    font-size: 1.2rem;
}

.layui-nav-item .ids-dh-bg {
    padding: 5% 0;
    font-size: .86rem;
}

.layui-nav-item:hover .ids-dh-bg i, .layui-this .ids-dh-bg i {
    color: #16baaa;
}

.layui-nav-item:hover .ids-dh-bg, .layui-this .ids-dh-bg {
    width: 80%;
    margin: 0 auto;
    background: #e8e8e8;
    border-radius: .4rem;
}

.body-box {
    background: #fff;
}

.layui-side-scroll {
    width: 7rem;
}

.layui-nav.layui-nav-tree {
    width: 7rem;
    margin-top: .4rem;
}

/*影响到新主题的Layui固定组件*/
.layui-body {
    left: 7rem;
    /*overflow-x: hidden;*/
    padding-bottom: 0 !important;
}

.layui-layout-admin .layui-footer {
    left: 7rem;
}

.layui-layout-admin .layui-side {
    background-color: #fafafa;
    width: 7rem;
}

/*暗黑模式_E*/

/*Layui新主题_S*/
/*首页搜索框不同屏幕布局*/
.search-box {
    width: 50%;
    margin: 1rem auto;
}

/* 搜索框内 Tab：简洁小样式 */
.search-box .demo-tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}
.search-box .demo-tab-header .web-btn {
    padding: 0.25rem 0.6rem;
    height: auto;
    min-height: 1.75rem;
    line-height: 1.4;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 400;
    border: none;
    background: transparent;
    color: #666;
    text-decoration: none;
    transition: color .15s, background .15s;
}
.search-box .demo-tab-header .web-btn:hover {
    color: #333;
    background: rgba(0, 0, 0, .04);
}
.search-box .demo-tab-header .web-btn.layui-this {
    color: #1E9FFF;
    background: rgba(30, 159, 255, .08);
}
.search-box .demo-tab-header .web-btn.layui-this:hover {
    color: #1E9FFF;
    background: rgba(30, 159, 255, .12);
}
body.dark-mode .search-box .demo-tab-header .web-btn {
    color: rgba(255, 255, 255, .7);
}
body.dark-mode .search-box .demo-tab-header .web-btn:hover {
    color: rgba(255, 255, 255, .9);
    background: rgba(255, 255, 255, .06);
}
body.dark-mode .search-box .demo-tab-header .web-btn.layui-this {
    color: #5eb8ff;
    background: rgba(94, 184, 255, .12);
}
body.dark-mode .search-box .demo-tab-header .web-btn.layui-this:hover {
    color: #5eb8ff;
    background: rgba(94, 184, 255, .18);
}

.search-box .demo-tab-body > div {
    display: none;
}

/* 搜索框 #search：简洁主流、不显大 */
.search-box #search {
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #dadce0;
    border-radius: 6px;
    background: #fff;
    color: #202124;
    transition: border-color .15s, box-shadow .15s;
}
.search-box #search::placeholder {
    color: #80868b;
}
.search-box #search:hover {
    border-color: #bdc1c6;
}
.search-box #search:focus {
    outline: none;
    border-color: #1E9FFF;
    box-shadow: 0 0 0 2px rgba(30, 159, 255, .2);
}
body.dark-mode .search-box #search {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .9);
}
body.dark-mode .search-box #search::placeholder {
    color: rgba(255, 255, 255, .45);
}
body.dark-mode .search-box #search:hover {
    border-color: rgba(255, 255, 255, .3);
}
body.dark-mode .search-box #search:focus {
    border-color: #5eb8ff;
    box-shadow: 0 0 0 2px rgba(94, 184, 255, .25);
}

/* 搜索框后缀图标：上下左右居中 */
.search-box .layui-input-affix.layui-input-split.layui-input-suffix {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-width: 2rem;
}
.search-box .layui-input-affix.layui-input-split.layui-input-suffix .layui-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.layui-tabs-bar .layui-icon {
    border: 0;
    line-height: 68px !important;
}

/*分页懒人模板*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

/* 在小于或等于 1200 像素或更小的屏幕上 */
@media screen and (max-width: 1200px) {
    .search-box {
        width: 75%;
    }
}

/* 在小于或等于 1000 像素或更小的屏幕上 */
@media screen and (max-width: 1000px) {

}

/* 在小于或等于 767 像素的屏幕上 */
@media screen and (max-width: 767.98px) {
    .layui-layout-admin .layui-logo {
        width: auto;
        margin-left: .8rem;
    }

    .layui-nav .layui-nav-item a {
        padding: 0 .8rem;
    }

    .layui-layout-left {
        left: 10.5rem;
    }

    .layui-nav {
        padding: 0 2rem 0 0;
        /*padding-left: 0;*/
        /*padding-right: 0;*/
        padding: 0;
        margin: 0;
    }

    .ids-card {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* 移动端：区块标题与卡片内边距一致，避免溢出 */
    .ids-card .ids-section-title {
        padding: 0.85rem 0 0.3rem;
        font-size: 0.95rem;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    .ids-card .ids-section-title + .item-box {
        padding: 0.35rem 1rem 1rem;
    }
    .ids-card .ids-section-title + .item-box .item {
        padding: 0.55rem 0.28rem;
        min-height: 2.4rem;
    }
    .ids-card .ids-section-title a {
        display: inline;
        max-width: 100%;
    }

    /* 移动端面包屑：单行可换行、不溢出、当前项省略 */
    .ids-breadcrumb {
        padding: 0.5rem 0.75rem;
        margin: .5rem 0 0.5rem;
        /*background: #f5f6f7;*/
        border-radius: 6px;
        overflow: hidden;
    }
    .ids-breadcrumb .layui-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.2rem 0.35rem;
        font-size: 0.8125rem;
        line-height: 1.5;
    }
    .ids-breadcrumb .layui-breadcrumb a {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ids-breadcrumb .layui-breadcrumb a cite {
        display: inline;
        font-size: inherit;
        line-height: inherit;
        color: #333;
        font-weight: 500;
    }
    .ids-breadcrumb .layui-breadcrumb span[lay-separator] {
        flex-shrink: 0;
        color: #999;
        font-size: 0.75rem;
    }

    .ids-link {
        width: auto;
    }

    .item-box {
        padding: 1rem .5rem 1rem;
        margin: 0;
    }

    /* item-box 内 ids-zt-grid：移动端统一 ids-img-scroll-item 与 ids-zt-more 高度（均由 16:9 决定） */
    .item-box .ids-zt-grid .ids-zt-more {
        height: auto;
        min-height: 0;
    }
    .item-box .ids-zt-grid .ids-zt-more .ids-img-scroll-item-inner {
        min-height: 0;
    }

    .item-box .item .info .webicon {
        width: 24%;
    }

    .item-box .item .info .txt {
        /*width: 80%;*/
        width: 70%!important;
    }

    /* 广告项：移动端图标与文字保持一行不换行 */
    .item-box .item .info.flex.ad {
        flex-wrap: nowrap;
    }
    .item-box .item .info.flex.ad .txt {
        min-width: 0;
    }

    .ids-link .catName {
        text-align: center;
    }

    .layui-body {
        left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }

    .search-box {
        width: 90%;
    }

}