/**
 * B2子主题样式文件
 * 包含各功能模块的样式定义
 */
/*文章字体*/
@font-face {
    font-family: 'dh';
    src: url('https://img.mkwy.cn/i/eryaxindahei1.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}
/* ==========================================================================
表情功能样式
========================================================================== */
/* 评论中的表情 */
.comment-emoji {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin: 0 2px;
    object-fit: contain;
    border-radius: 4px;
}

/* 表情按钮样式 */
#emoji-btn,
.emoji-btn-span {
    margin: 0 5px;
    background: transparent;
    color: #666;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    display: block;
}

#emoji-btn:hover,
.emoji-btn-span:hover {
    color: #333;
}

/* 表情面板容器 */
#emoji-panel {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    width: 350px;
    height: 260px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    bottom: 100%;
    left: 0;
    margin-bottom: 5px;
}

/* 表情内容区域 */
.emoji-content {
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background: #fff;
}

.emoji-content::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.emoji-content::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}

.emoji-content::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8;
}

/* 表情网格布局 */
.emoji-grid {
    display: grid;
    grid-template-columns: repeat(5, 60px);
    gap: 6px;
    justify-content: start;
}

.emoji-item {
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
    object-fit: contain;
    border: 1px solid transparent;
    background: #f7f7f7;
    padding: 5px;
    box-sizing: border-box;
}

.emoji-item:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 5px rgba(181, 181, 181, 0.32);
    border-color: rgba(183, 183, 183, 0.5);
}

/* 分类标签区域 */
.emoji-tabs {
    display: flex;
    flex-wrap: wrap;
    background: #F3F7FA;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
}

.emoji-tab {
    background: none;
    border: none;
    padding: 0 12px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #666;
    transition: all 0.2s ease;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 0 0 6px 6px;
}

.emoji-tab:hover {
    background: #ffffff;
}

.emoji-tab.active {
    background: #ffffff;
    color: #464646;
    font-weight: bold;
}

/* 分类内容区域 */
.emoji-category-content {
    display: none;
}

.emoji-category-content.active {
    display: block;
}
.com-form-button-l > span:first-child {
    display: none !important;
}
/* 移动端适配 */
@media (max-width: 480px) {
    #emoji-panel {
        height: 240px;
    }

    .emoji-content {
        height: 210px;
    }
}

/* ==========================================================================
快捷评论按钮样式
========================================================================== */
/* 快捷评论按钮样式 */
.quick-comment-buttons {
    display: flex;
    align-items: center;
    color: #aaa;
    padding: 10px 20px;
}
.quick-comment-title{
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #737F99;
    padding: 2px 0;
    margin-right: 10px;
}

.quick-comment-btn, .quick-comment-btn-span {
    margin: 0 5px;
    background: transparent;
    color: #666;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    display: block;
}

.quick-comment-btn:hover, .quick-comment-btn-span:hover {
    color: #333;
}

.quick-comment-btn:active, .quick-comment-btn-span:active {
    color: #333;
}

/* ==========================================================================
面包屑导航样式
========================================================================== */
.custom-breadcrumb {
    padding: 10px 0;
    font-size: 14px;
    color: #666;
    margin: 0 auto;
}

.custom-breadcrumb a {
    text-decoration: none;
}

.custom-breadcrumb a:hover {
    text-decoration: underline;
}

.custom-breadcrumb .separator {
    margin: 0 8px;
    color: #999;
}

.custom-breadcrumb .home-icon {
    margin-right: 5px;
}

.custom-breadcrumb .current-page {
    color: #333;
    font-weight: 500;
}

/* ==========================================================================
移动端样式
========================================================================== */

@media (max-width: 768px) {
    .mobile-comment-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 999;
        display: none;
    }

    .mobile-comment-bar div {
        display: flex;
        justify-content: space-around;
    }

    .mobile-comment-bar button {
        background: none;
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.3s ease;
    }

    .mobile-comment-bar button:hover {
        background: #f8f9fa;
        border-radius: 4px;
    }

    /* 移动端左侧菜单滚动文字样式 */
    .gdpcyc {
        display: block;
    }

    #container-box-1 {
        color: #526372;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
    }

    #flip-box-1 {
        overflow: hidden;
        height: 40px;
    }

    #flip-box-1 div {
        height: 50px;
    }

    #flip-box-1 > div > div {
        display: inline-block;
        text-align: center;
        height: 40px;
        width: 100%;
    }

    /* 移动端滚动文字容器 */
    .gdpcyc {
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 14px;
    }

    .container-box-1-1, .container-box-1-2 {
        height: 50px;
        line-height: 50px;
    }

    #flip-box-1 {
        height: 50px;
        overflow: hidden;
    }

    /* 滚动动画容器 */
    .mobile-scroll-container {
        height: auto;
    }

    .mobile-scroll-container > div {
        height: 50px;
        line-height: 50px;
    }

    /* 每2秒滚动一个的动画 - 1个文字 */
    .mobile-scroll-1 {
        animation: scroll1 2s linear infinite;
    }

    @keyframes scroll1 {
        0%, 100% { transform: translateY(0); }
    }

    /* 每2秒滚动一个的动画 - 2个文字 */
    .mobile-scroll-2 {
        animation: scroll2 4s linear infinite;
    }

    @keyframes scroll2 {
        0%, 49.99% { transform: translateY(0); }
        50%, 100% { transform: translateY(-50px); }
    }

    /* 每2秒滚动一个的动画 - 3个文字 */
    .mobile-scroll-3 {
        animation: scroll3 6s linear infinite;
    }

    @keyframes scroll3 {
        0%, 33.32% { transform: translateY(0); }
        33.33%, 66.65% { transform: translateY(-50px); }
        66.66%, 100% { transform: translateY(-100px); }
    }

    /* 每2秒滚动一个的动画 - 4个文字 */
    .mobile-scroll-4 {
        animation: scroll4 8s linear infinite;
    }

    @keyframes scroll4 {
        0%, 24.99% { transform: translateY(0); }
        25%, 49.99% { transform: translateY(-50px); }
        50%, 74.99% { transform: translateY(-100px); }
        75%, 100% { transform: translateY(-150px); }
    }

    /* 每2秒滚动一个的动画 - 5个文字 */
    .mobile-scroll-5 {
        animation: scroll5 10s linear infinite;
    }

    @keyframes scroll5 {
        0%, 19.99% { transform: translateY(0); }
        20%, 39.99% { transform: translateY(-50px); }
        40%, 59.99% { transform: translateY(-100px); }
        60%, 79.99% { transform: translateY(-150px); }
        80%, 100% { transform: translateY(-200px); }
    }

    /* 每2秒滚动一个的动画 - 6个文字 */
    .mobile-scroll-6 {
        animation: scroll6 12s linear infinite;
    }

    @keyframes scroll6 {
        0%, 16.65% { transform: translateY(0); }
        16.66%, 33.32% { transform: translateY(-50px); }
        33.33%, 49.99% { transform: translateY(-100px); }
        50%, 66.65% { transform: translateY(-150px); }
        66.66%, 83.32% { transform: translateY(-200px); }
        83.33%, 100% { transform: translateY(-250px); }
    }

    #quick-comment-panel {
        padding: 0 15px;
    }
}

@media screen and (min-width: 769px) {
    .gdpcyc {
        display: none;
    }
}

.com-form-button-l {
    align-items: center;
}
/* 一言按钮样式 */
.b2child-hitokoto-btn,
.hitokoto-btn-span {
    margin: 0 5px;
    background: transparent;
    color: #666;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    display: block;
}

.b2child-hitokoto-btn:hover,
.hitokoto-btn-span:hover {
    color: #333;
}

.b2child-hitokoto-btn:active,
.hitokoto-btn-span:active {
    color: #333;
}

/* 版权说明 */
.b2child-post-copyright {
    background-color: rgb(245, 245, 245);
    border-radius: 12px;
    padding: 15px;
    color: #949ab1;
}
.b2child-post-copyright1 {
    display: flex;
    margin-bottom: 10px;
    font-size: 18px;
}
.b2child-post-copyright2 {
    font-size: 14px;
    padding-left: 28px;
}
.icon-xiaolaba {
    color: #fe5f84;
    font-size: 25px;
}
@media screen and (max-width: 768px){
    .b2child-post-copyright .b2child-post-copyright2 {
        padding-left: 0px;
    }
    .b2child-post-copyright .b2child-post-copyright2 p {
        margin-bottom: 5px;
        font-size: 12px;
    }
}

.com-form-button-l{
    text-align: center;
    width: 100%;
}

/* ==========================================================================
首页自定义模块样式
========================================================================== */

/* 自定义首页模块基础样式 */
.custom-homepage-module {
    margin-bottom: 30px;
}

.custom-homepage-module .module-header {
    display: flex;
}

.custom-homepage-module .module-title {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
}

.custom-homepage-module .module-description {
    margin: 8px 0 0 0;
    color: #afb1b5;
    font-size: 14px;
    margin-left: 30px;
}

/* 动漫导航模块样式 - 新卡片式布局 */
.custom-homepage-module .Mrxu-block {
    padding-top: 30px;
    position: relative;
    z-index: 3;
}

.custom-homepage-module .Mrxu-block .cut-prev,
.custom-homepage-module .Mrxu-block .cut-next {
    position: absolute;
    font-size: 14px;
    top: 63px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #CCCCCC;
    background: #F3F4F7;
    border-radius: 50%;
    cursor: pointer;
}

.custom-homepage-module .Mrxu-block .cut-prev {
    display: none;
    left: -55px;
}

.custom-homepage-module .Mrxu-block .cut-next {
    right: -55px;
}

.custom-homepage-module .Mrxu-block .cut-prev:hover,
.custom-homepage-module .Mrxu-block .cut-next:hover {
    color: #39AEFF;
    background: #F3F4F7;
}

.custom-homepage-module .Mrxu-circulation ul {
    width: 100%;
    display: flex;
    flex-wrap: nowrap; /* 不换行 */
    justify-content: flex-start;
    gap: 24px;
}

.custom-homepage-module .Mrxu-circulation ul li {
    position: relative;
    height: 100px;
    z-index: 1;
    flex-shrink: 0; /* 防止压缩 */
}

/* 根据卡片数量动态设置宽度 */
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(1) {
    width: 25%; /* 只有1个卡片时，按4个的宽度显示 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(2),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(2) ~ li {
    width: 25%; /* 2个卡片时，按4个的宽度显示 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(3),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(3) ~ li {
    width: 25%; /* 3个卡片时，按4个的宽度显示 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(4),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(4) ~ li {
    width: calc(25% - 18px); /* 4个卡片时，占满全屏 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(5),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(5) ~ li {
    width: calc(20% - 19.2px); /* 5个卡片时，占满全屏 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(6),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(6) ~ li {
    width: calc(16.666% - 20px); /* 6个卡片时，占满全屏 */
}

/* 超过6个卡片时，只显示前6个，其他隐藏 */
.custom-homepage-module .Mrxu-circulation ul li:nth-child(n+7) {
    display: none;
}

.custom-homepage-module .Mrxu-circulation ul li .Mrxu-content::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100px;
}

.custom-homepage-module .Mrxu-circulation ul li .Mrxu-content {
    position: relative;
    height: 100px;
    font-size: 14px;
    border-radius: 10px;
    transition: 0.2s;
    overflow: hidden;
}

.custom-homepage-module .Mrxu-content .Mrxu-top {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 22px 0 0 16px;
    border-radius: 10px;
    overflow: hidden;
    height: 100px;
    text-decoration: none;
}

.custom-homepage-module .Mrxu-name {
    position: relative;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 8px;
    z-index: 1;
}

.custom-homepage-module .Mrxu-hint {
    position: relative;
    z-index: 1;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    margin: 0;
}

.custom-homepage-module .Mrxu-circulation ul li.off:hover .Mrxu-content {
    height: 100px;
}

.custom-homepage-module .Mrxu-circulation ul li:hover .Mrxu-content {
    height: 218px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.10);
    z-index: 999; /* 确保悬停菜单在最上层 */
    position: relative;
}

/* 颜色主题 */
.custom-homepage-module .Mrxu-circulation .color1 .Mrxu-content:hover {
    background: #FFD4D4;
}

.custom-homepage-module .Mrxu-circulation .color1 .Mrxu-top {
    color: #C68686;
}

.custom-homepage-module .Mrxu-circulation .color1 .Mrxu-name {
    color: #5B0000;
}

.custom-homepage-module .Mrxu-circulation .color2 .Mrxu-content:hover {
    background: #C9F1ED;
}

.custom-homepage-module .Mrxu-circulation .color2 .Mrxu-top {
    color: #87BAB5;
}

.custom-homepage-module .Mrxu-circulation .color2 .Mrxu-name {
    color: #0C534D;
}

.custom-homepage-module .Mrxu-circulation .color3 .Mrxu-content:hover {
    background: #FFECB4;
}

.custom-homepage-module .Mrxu-circulation .color3 .Mrxu-top {
    color: #DEBD83;
}

.custom-homepage-module .Mrxu-circulation .color3 .Mrxu-name {
    color: #844000;
}

.custom-homepage-module .Mrxu-circulation .color4 .Mrxu-content:hover {
    background: #FFD4D4;
}

.custom-homepage-module .Mrxu-circulation .color4 .Mrxu-top {
    color: #BD7C7C;
}

.custom-homepage-module .Mrxu-circulation .color4 .Mrxu-name {
    color: #5B0000;
}

.custom-homepage-module .Mrxu-circulation .color5 .Mrxu-content:hover {
    background: #FFE2EF;
}

.custom-homepage-module .Mrxu-circulation .color5 .Mrxu-top {
    color: #D390A7;
}

.custom-homepage-module .Mrxu-circulation .color5 .Mrxu-name {
    color: #840028;
}

.custom-homepage-module .Mrxu-circulation .color6 .Mrxu-content:hover {
    background: #FFE2D0;
}

.custom-homepage-module .Mrxu-circulation .color6 .Mrxu-top {
    color: #D49D86;
}

.custom-homepage-module .Mrxu-circulation .color6 .Mrxu-name {
    color: #842100;
}

/* 图标样式 */
.custom-homepage-module .Mrxu-content .Mrxu-top i {
    position: absolute;
    top: 0;
    right: -20px;
    width: 130px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 自定义图标样式 */
.custom-homepage-module .custom-nav-icon {
    position: absolute;
    top: 0;
    right: -20px;
    width: 130px;
    height: 100px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 链接按钮样式 */
.custom-homepage-module .Mrxu-block .Mrxu-content {
    height: 100px;
}

.custom-homepage-module .Mrxu-block .Mrxu-link {
    text-align: center;
    line-height: 26px;
    font-size: 14px;
}

.custom-homepage-module .Mrxu-block .Mrxu-link a {
    margin: 10px 1px 0;
    display: inline-block;
    background: rgba(255,255,255,0.50);
    width: 77px;
    height: 26px;
    border-radius: 13px;
    font-size: 13px;
    text-decoration: none;
    line-height: 26px;
}

.custom-homepage-module .Mrxu-block .Mrxu-link a:hover {
    background: #fff;
    color: #666;
}

/* 分类链接样式 */
.custom-homepage-module .Mrxu-classify {
    margin: -87px 0 0;
    padding-bottom: 30px;
    white-space: nowrap;
}

.custom-homepage-module .Mrxu-classify li {
    width: 10%;
    position: relative;
    display: inline-block;
}

.custom-homepage-module .Mrxu-classify li::before {
    content: '';
    position: absolute;
    right: -1px;
    top: 2px;
    width: 2px;
    height: 16px;
    background: #DDDDDD;
}

.custom-homepage-module .Mrxu-classify li:nth-child(10)::before {
    display: none;
}

.custom-homepage-module .Mrxu-classify li .iconfont {
    font-size: 16px;
    color: #39AEFF;
    margin-right: 6px;
}

.custom-homepage-module .Mrxu-classify li a {
    margin-left: 6%;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

.custom-homepage-module .Mrxu-classify li a:hover {
    color: #2CAEFF;
}

/* 动画效果 */
.custom-homepage-module .Mrxu-circulation li.AnRotate .Mrxu-top i {
    animation: AnRotate 1.2s ease-in-out infinite alternate;
    transform-origin: 76px 90%;
}

@keyframes AnRotate {
    0% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
}

/* 空状态样式 */
.anime-nav-empty,
.ui-toolbar-empty,
.quick-nav-empty {
    text-align: center;
    color: #999;
    padding: 40px 20px;
    font-style: italic;
}

/* ==========================================================================
UI快捷栏模块样式
========================================================================== */

.custom-homepage-module .newmrxu_link {
    margin: 0 auto;
}

.custom-homepage-module .mrxu_link {
    padding: 5px;
}

.custom-homepage-module .mrxu_link dl {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
}

.custom-homepage-module .mrxu_link dl dd {
    display: inline-block;
    width: 20%; /* 一排5个 */
    margin-bottom: 10px;
    margin-top: 10px;
    min-width: 18.3%; /* 最少3个时的宽度 */
}

.custom-homepage-module .mrxu_link dl dd{
    width: 20%; /* 5个项目时，一排5个 */
}

.custom-homepage-module .mrxu_link dl dd a {
    display: block;
    text-decoration: none;
    text-align: center;
    transition: transform 0.3s ease;
}

.custom-homepage-module .mrxu_link dl dd a:hover {
    transform: translateY(-2px);
}

.custom-homepage-module .mrxu_link dl dd a i {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.custom-homepage-module .mrxu_link dl dd a:hover i {
    transform: scale(1.1);
}

.custom-homepage-module .mrxu_link dl dd a p {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    text-align: center;
    overflow: hidden;
    margin: 0;
}

/* ==========================================================================
快捷导航模块样式
========================================================================== */

.custom-homepage-module .mrxu_4glink {
    width: 100%;
    padding-bottom: 10px;
}

.custom-homepage-module .mrxu_4glink ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-homepage-module .mrxu_4glink ul li {
    width: 25%;
    height: 80px;
    position: relative;
}

.custom-homepage-module .mrxu_4glink ul li a {
    border-radius: 12px;
    padding:10px 25px;
    display: flex;
    flex-direction: column;
    margin: 10px;
    background: #b8c1d01c;
    text-decoration: none;
    box-sizing: border-box;
}

.custom-homepage-module .mrxu_4glink ul li p {
    font-size: 18px;
    color: #747990;
    margin: 0;
    font-weight: 500;
}

.custom-homepage-module .mrxu_4glink ul li span {
    font-size: 13px;
    color: #999999;
    padding-top: 10px;
    margin: 0;
}

.custom-homepage-module .mrxu_4glink ul li i {
    position: absolute;
    margin-top: 2px;
    width: 50px;
    height: 50px;
    right: 25px;
    top: 15px;
    border-radius: 8px;
}

/* 响应式设计 - UI快捷栏 */
@media (max-width: 768px) {
    .custom-homepage-module .mrxu_link dl dd {
        width: 33.333% ; /* 移动端固定3个一排 */
    }
    .custom-homepage-module .newmrxu_link .mrxu_link dl dd{
        width: 20%;
    }
    .custom-homepage-module .mrxu_link dl dd a p {
        font-size: 12px;
    }

    .custom-homepage-module .mrxu_link dl dd a i {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 768px) {
    .custom-homepage-module .mrxu_4glink ul li {
        width: 50% !important; /* 移动端2个一排 */
    }
}

/* ==========================================================================
编辑器短代码样式
========================================================================== */

/* 折叠栏样式 */
.entry-content .child-head-title{
    margin: 0;
}

img.child-head-img {
    position: absolute;
    left: -16px;
    width: 46px;
}

.child-head-title-box{
    display: flex;
    position: relative;
    border-radius: 8px;
    border: 1px dashed #d7d7d7;
    align-items: center;
    margin: 0 20px;
    background: #69C2F4;
    color: #fff;
}
.child-head-title-boxs {
    margin-left: 50px;
    width: 100%;
    padding: 6px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.child-head-title-boxs .zkicon {
    display: flex;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    justify-content: center;
    align-items: center;
}

.child-head-title.active .zkicon {
    transform: rotate(45deg);
}

.child-head-title.active .child-class-item {
    margin: 0 20px;
    border: 1px dashed #d7d7d7;
    border-top:none;
    border-radius: 0 0 8px 8px;
    max-height: 1000px;
    display: block;
}

.child-class-item {
    max-height: 0;
    overflow: hidden;
    display: none;
}

.child-head-title.active .child-head-title-box {
    border-radius: 8px 8px 0 0;
}
.child-box-content {
    padding: 15px;
    background: white;
}

.foldframe {
    line-height: 1.6;
}

/* 图片网格样式 - 完全按照用户原始CSS */
.img_li div a img.lazy.loaded {
    transition: .5s;
}

.img_2li > div:hover a img {
    transform: scale(1.1);
}

.img_4li > div:hover a img {
    transform: scale(1.2);
}

.img_6li > div:hover a img {
    transform: scale(1.3);
}

/* 添加缺失的3格和5格悬停效果 */
.img_3li > div:hover a img {
    transform: scale(1.15);
}

.img_5li > div:hover a img {
    transform: scale(1.25);
}

.img_li {
    align-items: stretch;
    flex-flow: wrap;
    width: 100%;
    display: flex;
}

.img_li > div a {
    border-radius: 5px;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img_li > div {
    padding: 5px;
    object-fit: cover;
    position: relative;
    box-sizing: border-box;
}

.img_li > div img {
    transition: .5s;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img_2li > div {
    height: auto;
    width: 50%;
}

.img_3li > div {
    width: 33.333%;
}

.img_4li > div {
    width: 25%;
}

.img_5li > div {
    width: 20%;
}

.img_6li > div {
    width: 16.666%;
}

@media screen and (max-width: 768px) {
    .img_li > div {
        width: 50%;
    }
}

/* 自定义内容框样式 */
.custom-content {
    margin: 24px 0;
    padding: 20px 24px;
    border-radius: 5px;
    border-left: 4px solid;
    position: relative;
    background: #ffffff;
    line-height: 1.7;
    font-size: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.custom-content:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* 信息框 */
.custom-content-info {
    border-left-color: #1976d2;
    background: linear-gradient(135deg, #e3f2fd 0%, #f3f9ff 100%);
    color: #0d3c61;
}

/* 成功框 */
.custom-content-success {
    border-left-color: #2e7d32;
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    color: #1b5e20;
}

/* 警告框 */
.custom-content-warning {
    border-left-color: #f57c00;
    background: linear-gradient(135deg, #fff3e0 0%, #fff8e1 100%);
    color: #e65100;
}

/* 错误框 */
.custom-content-error {
    border-left-color: #c62828;
    background: linear-gradient(135deg, #ffebee 0%, #fce4ec 100%);
    color: #b71c1c;
}

/* 提示框 */
.custom-content-tip {
    border-left-color: #7b1fa2;
    background: linear-gradient(135deg, #f3e5f5 0%, #f8f0ff 100%);
    color: #4a148c;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .custom-content {
        margin: 16px 0;
        padding: 16px 20px;
        border-radius: 5px;
    }
}

/* 标题样式增强 */
.custom-content strong {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 16px;
}

/* 代码块内样式 */
.custom-content code {
    background: rgba(0, 0, 0, 0.05);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Consolas', monospace;
    font-size: 14px;
}

/* 内容列表样式 */
.custom-content ul,
.custom-content ol {
    margin: 8px 0;
    padding-left: 24px;
}

.custom-content li {
    margin: 4px 0;
}

/* 视频解析样式 */
.video-parse-container {
    margin: 20px 0;
    text-align: center;
}

.video-parse-container iframe {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.video-login-required {
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    margin: 20px 0;
}

.video-login-required a {
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.video-login-required a:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* 响应式优化 */
@media (max-width: 768px) {
    .custom-content {
        margin: 15px 0;
        padding: 12px 15px;
    }

    .child-box-content {
        padding: 12px;
    }

    .video-parse-container iframe {
        height: 250px;
    }
}

/* 排名模块样式 */
.ranking-module {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.ranking-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ranking-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
}

.ranking-item:last-child {
    border-bottom: none;
}

.ranking-item:hover {
    background: #f8f9fa;
}

.rank-number {
    font-weight: bold;
    margin-right: 15px;
    font-size: 18px;
    min-width: 30px;
    text-align: center;
}

.rank-content h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
}

.rank-content p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.4;
}

/* 首页模块响应式设计 */
@media (max-width: 768px) {
    /* 动漫导航卡片布局 - 移动端只显示前2个 */
    .custom-homepage-module .Mrxu-circulation ul li {
        width: calc(50% - 12px) !important; /* 移动端一行2个 */
    }

    /* 移动端隐藏第3个及以后的卡片 */
    .custom-homepage-module .Mrxu-circulation ul li:nth-child(n+3) {
        display: none !important;
    }

    .custom-homepage-module .Mrxu-circulation ul {
        gap: 15px;
    }

    .custom-homepage-module .Mrxu-circulation {
        height: auto;
    }

    .custom-homepage-module .Mrxu-name {
        font-size: 20px;
        line-height: 20px;
    }

    .custom-homepage-module .Mrxu-hint {
        font-size: 12px;
    }

    .custom-homepage-module .Mrxu-content .Mrxu-top {
        padding: 18px 0 0 12px;
    }

    .custom-homepage-module .Mrxu-content .Mrxu-top i,
    .custom-homepage-module .custom-nav-icon {
        width: 100px;
        right: -15px;
    }

    .custom-homepage-module .Mrxu-block .Mrxu-link a {
        width: 60px;
        height: 22px;
        line-height: 22px;
        font-size: 11px;
        margin: 8px 1px 0;
    }

    .custom-homepage-module .module-title {
        font-size: 18px;
    }

    /* 排名模块移动端样式 */
    .ranking-item {
        padding: 12px;
    }

    .rank-number {
        font-size: 16px;
        min-width: 25px;
        margin-right: 12px;
    }

    .rank-content h4 {
        font-size: 15px;
    }

    .rank-content p {
        font-size: 13px;
    }

    /* 分类链接移动端调整 */
    .custom-homepage-module .Mrxu-classify {
        margin: -60px 0 0;
        padding-bottom: 20px;
    }

    .custom-homepage-module .Mrxu-classify li {
        width: 20%;
        margin-bottom: 10px;
    }

    .custom-homepage-module .Mrxu-classify li a {
        font-size: 12px;
        margin-left: 3%;
    }
}

@media (max-width: 480px) {
    /* 小屏手机 - 保持2个卡片显示 */
    .custom-homepage-module .Mrxu-circulation ul li {
        width: calc(50% - 12px) !important;
    }

    .custom-homepage-module .Mrxu-circulation ul {
        gap: 12px;
    }

    .custom-homepage-module .module-title {
        font-size: 16px;
    }

    .custom-homepage-module .Mrxu-name {
        font-size: 18px;
    }

    .custom-homepage-module .Mrxu-hint {
        font-size: 11px;
    }

    .custom-homepage-module .Mrxu-content .Mrxu-top {
        padding: 15px 0 0 10px;
    }

    .custom-homepage-module .Mrxu-content .Mrxu-top i,
    .custom-homepage-module .custom-nav-icon {
        width: 80px;
        right: -10px;
    }

    .custom-homepage-module .Mrxu-block .Mrxu-link a {
        width: 50px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
        margin: 6px 1px 0;
    }

    /* 排名模块小屏样式 */
    .ranking-item {
        padding: 10px;
    }

    .rank-number {
        font-size: 14px;
        min-width: 20px;
        margin-right: 10px;
    }

    .rank-content h4 {
        font-size: 14px;
    }

    .rank-content p {
        font-size: 12px;
    }

    /* 分类链接小屏调整 */
    .custom-homepage-module .Mrxu-classify {
        margin: -50px 0 0;
    }

    .custom-homepage-module .Mrxu-classify li {
        width: 25%;
    }

    .custom-homepage-module .Mrxu-classify li a {
        font-size: 11px;
        margin-left: 2%;
    }
}


/*文章聚合*/
.b2-child-widget-hot{
    position: sticky;
}
.b2-child-widget-hot .b2-widget-title {
    flex-direction: row;
    padding: 16px;
    justify-content: left;
    align-items: center;
}
.b2-child-widget-hot .b2-widget-title h2{
    padding:0;
    margin-left: 10px;
    font-family: dh!important;
    font-weight: 100;
    font-size: 20px;
}
.b2-child-widget-hot .b2-widget-title .title-icon {
    width: 34px;
    height: 34px;
}

.b2-child-widget-hot .b2-widget-box a{
    display: flex;
    align-items: center;
}
.b2-child-widget-hot .b2-widget-box{
    padding-right:20px ;
    transition: all 0.5s;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-order{
    color: #9daec3;
    padding: 15px 9px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 6px;
    margin-right: 10px;
}
.b2-child-widget-hot .b2-widget-box .widget-order-1{
    color: #e6415d;
    background-color: rgb(230 65 93 / 0.1);
    border: 2px solid #e6415d40;
    border-radius: 12px 30px 30px 30px;
}
.b2-child-widget-hot .b2-widget-box .widget-order-2{
    color: #fe8c34;
    background-color: rgb(255 159 42 / 0.1);
    border: 2px solid #ff9f2a40;
    border-radius: 12px 30px 30px 30px;
}
.b2-child-widget-hot .b2-widget-box .widget-order-3{
    color: #6a80fc;
    background-color: rgb(104 126 255 / 0.1);
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: 10px;
    border-radius: 12px;
    overflow: hidden;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-img img{
    width:100%;
    height: 100%;
}
.b2-child-widget-hot .b2-widget-box ul li h2{
    color: #494d52;
    font-size: 13px;
    font-weight: 700;
    -webkit-line-clamp: 1;
    position: relative;
    padding-right: 30px;
}
.b2-child-widget-hot .b2-widget-box ul li:hover{
    transform: translateX(10px);
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-title .category{
    font-size: 12px;
    color: #9ca3ba;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 8px;
    word-break: break-all;
    width: 130px;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-title .category .cut{
    margin: 0 5px;
    line-height: 10px;
    background: #dfe2ed;
    width: 1px;
    height: 5px;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-title .hots {
    position: absolute;
    top: 0px;
    right: 1px;
    background: linear-gradient(270deg, rgb(232, 77, 103) 0%, rgb(249, 120, 141) 100%);
    color: #fff;
    padding: 0px 5px;
    border-radius: 6px;
    font-size: 13px;
    box-shadow: 0 2px 3px #b3363675;
}


/*自定义文章 标题样式*/
.custom-homepage-module .module-header{
    margin-bottom: 10px;
}
.custom-homepage-module .module-header .module-title{
    font-family: dh!important;
    font-weight: 100;
}
.custom-homepage-module .module-header img{
    width: 30px;
    height: 30px;
}

/*自定义文章 分类样式*/
.custom-homepage-module .post-categories-filter ul{
    display: flex;
    margin-bottom: 20px;
}
.custom-homepage-module .post-categories-filter ul li{
    margin-right: 20px;
}
.custom-homepage-module .post-categories-filter ul li a{
    font-size: 13px;
    color:#494d52;
}

.post-7 .posts-list {
    display: grid;
    gap: 16px;
    margin-bottom: 30px;
}
.post-7 .post-item .post-content .post-content-box {
    border-radius: 0 0 8px 8px;
    /*transition: all 0.5s;*/
}

.post-7 .post-item:hover .post-content .post-content-box{
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    height: 165px;
    background: #fff;
}
.post-7 .post-item:hover .post-info,
.post-7 .post-item:hover .post-title{
    padding: 0 10px;
}

.post-7 .post-item:hover .post-excerpts {
    opacity: 1;
}
.post-7 .post-item:hover .post-thumbnail {
    box-shadow: 
    -5px 0 15px -5px rgba(0,0,0,0.1),  /* 左侧阴影 */
    5px 0 15px -5px rgba(0,0,0,0.1),   /* 右侧阴影 */
    0 -5px 15px -5px rgba(0,0,0,0.1);  /* 顶部阴影 */
}
.bofangicon {
    position: absolute;
    z-index: 2;
    font-size: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
/* 视频容器样式 */
.post-7 .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

.post-7 .post-item:hover .video-container {
    display: block; 
}

/* 视频元素样式 */
.post-7 .post-video {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    background: #000;
}
.post-7 .post-thumbnail {
    position: relative;
    border-radius: 8px;
    transition: all 0.5s;
}

/* 确保缩略图在非悬停状态下显示 */
.post-7 .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.post-7 .post-content {
    height: 100px;
    position: relative;
}
.post-7 .post-content .post-content-box{
    height: 100px;
    padding: 15px 0;
    position: relative;
    transition: all 0.5s;
    overflow: hidden;
}
.post-7 .post-title {
    margin-bottom:  10px;
    transition: all 0.5s;
}
.post-7 .post-title a{
    margin-bottom: 8px;
    position: relative;
}
.post-7 .post-title .post-titles{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
    font-size: 15px;
    font-weight: bold;
    padding-right: 50px;
    color: #494d52;
}
.post-7 .post-title .post-views{
    position: absolute;
    top: 0px;
    right: 10px;
    color: #9ca3ba;
    font-size: 12px;
}
.post-7 .post-title .post-views i{
    font-size: 12px;
}

.post-7 .post-content .post-info{
    transition: all 0.5s;
    color: #9ca3ba;
}
.post-7 .post-content .post-info .post-category{
    font-size: 13px;
    margin-bottom: 10px;
}
.post-7 .post-content .post-info .post-category a.post-list-cat-item{
    color: #9ca3ba!important;
}
.post-7 .post-content .post-metas{
    display: flex;
    justify-content: space-between;
}
.post-7 .post-content .post-metas span{
    font-size: 13px;
}
.post-7 .post-content .post-excerpts {
    position: absolute;
    color: #9ca3ba;
    font-size: 13px;
    opacity: 0;
    transition: all 0.5s;
    padding: 0 10px;
}
.post-7 .post-content .post-excerpts p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
    line-height: 2;
    margin: 0 10px;
}
.loading-posts{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.load-more-container {
    display: flex;
    justify-content: center;
}

.load-more-btn {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: #9ca3ba;
}



@media (max-width: 1000px) {
    .b2-child .posts-list {
        grid-template-columns: repeat(3, 1fr)!important;
    }
}

@media (max-width: 768px) {
    .b2-child .posts-list {
        grid-template-columns: repeat(2, 1fr)!important;
    }
}


/*=====================================================================================*/
/*会员页*/
.vip-top > div {
    padding: 10px 0;
}
.mrxu_vip_link .vip_dl {
    display: none;
}
.mrxu_vip_link .vip_dl.mrxu_vip_x{
    display: block;
    padding: 18px;
}
.my-vip-s .swiper-slide{
    background: none;
    display:block;
}
.my-vip-s{
    width: 92%;
    margin: 0 auto;
}
.mrxu-vip-jiaru {
    margin-right: 30px;
    float: right;
    cursor: pointer;
    background: #3DA7FE;
    color: #fff;
    border: 2px solid #2197F9;
    border-radius: 12px;
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
    position: relative;
    z-index: 5;
}
.mrxu-vip-list01 {
    padding: 30px 0 20px 120px;
}
.mrxu-vip-list02 {
    margin-top: 10px;
    text-decoration: line-through;
    color: #828282;
    position: absolute;
    padding-left: 180px;
}
.mrxu-vip-list01 p {
    font-size: 20px;
}
.mrxu-vip-list01 p span:nth-child(1){
    color: #8e5f1f;
}
.mrxu-vip-list01 p span:nth-child(2){
    color: #8e5f1f;
    padding: 3px;
    font-size: 30px;
}
.mrxu-vip-list01 p span:nth-child(3){
    color: #8e5f1f;
}
.mrxu-vip-list01 p span:nth-child(4){
    color: #8e5f1f;
}
.mrxu-vip-lv {
    border-radius: 0 17px 0 20px;
    color: #ffffff;
    position: absolute;
    float: right;
    background: #3da7fe;
    padding: 0 10px 2px 10px;
    right: 0px;
    margin-top: -10px;
    font-weight: 700;
}
.mrxu-vip-flex{
    padding: 10px 0 0 30px;
}
.mrxu-vip-name-box span {
    font-weight: 700;
    font-size: 20px;
    color: #714d1e;
}
.mrxu_vip_link {
    padding: 5px;
    margin-top: 10px;
    box-shadow: 0 3px 20px #e8eff3;
    background: #fff;
    border-radius: 12px;
}
.mrxu-vip-flex .vip-lv-icon {
    height: 70px;
    width: 70px;
    position: absolute;
    margin-top: 40px;
}
.mrxu-vip-flex .vip-lv-bg {
    /*opacity: 0.06;*/
    opacity: 0.1;
    height: 200px;
    width: 200px;
    position: absolute;
    margin-top: -40px;
    margin-left: 184px;
}
.mrxu_vip_link_1 {
    text-align: center;
    display: inline-block;
    width: 18.3%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.mrxu_vip_link_1.mrxu_vip_hui span{
    /*background: #efefefad;*/
    /*background: #efefef6b;*/

}
.mrxu_vip_link_1.mrxu_vip_hui i{
    color: #929292ad;
}
.mrxu_vip_link_1.mrxu_vip_hui p{
    color: #929292ad;
}
.mrxu_vip_link dl dd i {
    font-size: 28px;
    /*color: #d4a15f;*/
    /*color: #253a68;*/
    color: #3DA7FE;;
}

.mrxu-vip-lv:after {
    content: '';
    position: absolute;
    top: 6px;
    left: -50px;
    width: 39px;
    height: 4px;
    background: #3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.mrxu-vip-lv:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -80px;
    width: 22px;
    height: 4px;
    background: #3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.mrxu_vip_link dl dd span {
    padding: 18px 11px 11px 11px;
    /*background: #eaeaea;*/
    border-radius: 30px;
}
.mrxu_vip_link dl dd p{
    font-size: 12px;
    margin-top: 10px;
    color: #636363;
}

.mrxu-vip-qx-box{
    font-size: 20px;
    width: 100%;
    text-align: center;
    color: #636363;
    padding: 15px 0;
}
.mrxu-vip-qx-box svg{
    font-size: 13px;
}
.mrxu-vip-kt {
    height: 200px;
    background-size: cover;
    box-shadow: 0 3px 20px #e0e0e0;
    border-radius: 20px;
    border: 2px solid #2197f982;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.mrxu-vip-kt:after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 18px;
    width: 20px;
    height: 4px;
    background: #3da7fe;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}

.mrxu-vip-kt-box {
    text-align: inherit;
}


.vip-current {
    color: #636363;
}
.vip_name{
    color: #ff3a55;
    margin: 0 10px 0 10px;
}
.vip-current {
    border: none; 
}

.mrxu_vip_link em {
    position: absolute;
    background: #3DA7FE;
    border-radius: 6px;
    font-size: 12px;
    padding: 3px;
    color: #fff;
}

.swiper-button {
    position: fixed;
    top: 50%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    left: 0;
    z-index: 6;
}
.swiper-button-next, 
.swiper-button-prev{
    background: #65666e87;
    border-radius: 8px;
    color: #fff;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 22px;
}
.vipconnect:after {
    content: '';
    position: absolute;
    top: 186px;
    left: 80px;
    width: 9px;
    height: 31px;
    background: #ffffff;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 8px #3167ff66;
    border: 2px solid #b2c5c5;
    z-index: 5;
}
.vipconnect::before {
    content: '';
    position: absolute;
    top: 186px;
    right: 80px; /* 调整位置，避免重叠 */
    width: 9px;
    height: 31px;
    background: #ffffff;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 8px #3167ff66;
    border: 2px solid #b2c5c5;
    z-index: 5;
}

/*PC端*/
@media (min-width: 768px) {
    .my-vip-pc{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .mrxu-vip-kt-box{
        width: 450px;
        margin: 0 auto;
    }
    .mrxu_vip_link {
        background: #fff;
        margin-top: 10px;
        border-radius: 12px;
        box-shadow: 0 3px 20px #e8eff3;
    }
}
.my-vip-pc .mrxu_vip_link .vip_dl{
    display: block;
}
.vip-top{
    background:none;
    border:none;
}
.vip-current{
    margin: 0;
}
@media (max-width: 768px) {
    .anime .top-menu {
        display:none;
    }
    .new-site-header {
        height: 80px!important;
    }
    .new-site-header-img{
        height: 0!important;
    }
    .b2-side-html{
        display: none;
    }
}

.b2-side-html{
    position: fixed;
    top: 50%;
    right: 10px;
    z-index: 50;
}
.side-html-box {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgb(86 100 118 / 10%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.side-html-box li{
    margin:  5px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    color: #9598A9;
    width: 34px;
}
.side-html-box li a{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.side-html-box li:hover{
    color: #1A85FF;
    /*background: #bbb;*/
    border-radius: 12px;
}

.side-html-box li span{
    font-size: 12px;
}
.side-html-box .divider {
    width: 10px;
    height: 4px;
    background-color: #cdd0dfa6;
    border-radius: 6px;
}


.post-list ul.b2_gap {
    display: flex;
    flex-wrap: wrap;
}

.anime .post-list-item{
    position: relative;
}

.anime .post-list-item:before {
    /*content: '';*/
    /*position: absolute;*/
    /*top: -7px;*/
    /*height: 27px;*/
    /*background: #c0c7cd;*/
    /*border-radius: 13px 13px 0 0;*/
    /*width: 84%;*/
    /*margin: 0 10px;*/
}

.anime .post-thumb {
    border-radius: 12px;
}

/*发布*/
@media screen and (max-width: 768px) {
    .new-po-post-icons {
        grid-template-columns: repeat(3, 1fr)!important;
    }
    .anime .po-post-in {
        width: 400px!important;
        background: #fff;
        padding: 10px;
    }
    .po-close-button button {
        position: absolute;
        right: 0;
    }
}
.new-po-post-icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    margin-bottom: 20px;
}
.new-po-post-icons .icons-item button{
    display: flex;
    width: 88px;
    flex-direction: column;
    background: none;
    color: #52565e;
    font-size: 15px;
    font-weight: bold;
    border: none;
}
.icons-title {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    white-space: nowrap;
}
.icons-title .divider{
    border-bottom: 2px solid #9db0bd26;
    margin: 10px 0;
    width: 100%;
    display: flex;
    margin-left: 20px;
}
/*------------------------------------------------------------------------------------------------------*/
.anime .post-box-content.show{
    background: none;
    backdrop-filter: blur(2px);
}
.anime .po-post-in {
    width: 500px;
    border: 2px solid #3DA7FE;
    border-radius: 12px;
    position: relative;
}
.anime .po-close-button {
    top: 0px;
    right: 0px;
}
.anime .po-close-button button i {
    font-size: 14px;
    color: #6e6161;
}

.anime .change-theme button i ,.anime .change-theme a i{
    font-size: 22px;
    color: #707a87;
}
.anime .tax-search input {
    background: #E9F0F6;
    border: 2px solid transparent;
    border-radius: 12px;
}
.anime .tax-search input::placeholder {
    color: #606173;
}
.anime .tax-search input:focus{
    border: 2px solid <?php echo $web_color; ?>;
}
.anime .b2-widget-author .widget-title span button:nth-child(1) {
    background: #45aafe;
    padding: 4px 9px;
    color: #fff;
    border: 1px solid #4982d7;
}
.anime .b2-widget-author .widget-title span button:nth-child(2) {
    padding: 4px 9px;
    border:1px solid #45aafe;
    border-radius: 6px;
}
.anime .tax-info-item .fliter-button:hover{
    background-color: #E7EBEF;
    color: <?php echo $web_color; ?>;
}
.anime .single .entry-header .post-list-cat a{
    color: #5B4A37 ;
    background: #FED316 ;
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
    background-color: rgba(0, 102, 255, 0.18) ;
}
.anime .single-button-download button{
    color: #5B4A37;
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
    background-color: rgba(0, 102, 255, 0.18);
    z-index: 3;
}
.anime .download-item {
    color: #5B4A37;
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
    background-color: rgba(0, 102, 255, 0.18);
    position: relative;
    z-index: 2;
}
.anime .not-allow-down .download-current {
    border-radius: 12px 30px 30px 30px;
}
.anime .download-button-box button{
    background: #3DA7FE;
    border: 2px solid #2197F9;
    border-radius: 12px;
}

.new-site-header{
    margin-bottom: 10px;
    height: 310px;
}
.new-site-header-top{
    position: fixed;
    width: 100%;
    background: #ffffffd6;
    box-shadow: 0 4px 10px #74747414;
    z-index: 10;
    top:0;
    height: 60px;
    padding: 0 10px;
}
.new-site-header-top.tops{
    background: #ffffff;
}
.new-site-header-top-box{
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .anime .new-site-header-top-box {
        flex-flow: inherit;
    }
    .anime .mobile-box.show-menu-box {
        z-index: 10;
        width: 80%;
    }
    .anime #mobile-menu .top-menu{
        display: block;
    }
}
@media screen and (max-width: 768px){
    .anime .header-banner .wrapper {
        flex-flow: inherit;
    }
    .anime .new-header-banner-left-logo{
        display: none;
    }
    .anime .menu-icon .line-1,.anime .menu-icon .line-2, .anime .menu-icon .line-3 {
        background-color: #94999e!important;
    }
    .anime .top-menu-ul>li.depth-0 > a i.b2-arrow-down-s-line {
        background: #ffffff00; 
    }
    .anime .top-menu ul li.depth-0 > a, .anime .logo-top .top-menu ul li.depth-0 > a {
        font-size: 17px!important;
    }
    .anime .mobile-box + .site-opt {
        backdrop-filter: blur(4px)!important;
        background-color: #080808c4!important;
    }
    .anime .header-tools {
        background:none!important;
        background-image:none!important;
    }
    .anime .top-menu ul li.depth-0 > a, .anime .logo-top .top-menu ul li.depth-0 > a {
        background: #9a9a9a26!important;
        border-radius: 12px;
    }
    .anime .top-menu-ul > li.depth-0:first-child > a {
        color: #fe5f84!important;
    }
    .anime .sub-menu {
        background:#ffffff00; 
        backdrop-filter: blur(0px);
    }
    .anime .sub-menu-0 span {
        margin-left: 10px;
    }
    .anime .b2-menu-3 .sub-menu-0 a {
        font-weight: 100; 
    }
    .anime .top-menu .top-menu-ul {
        padding-bottom: 0px!important;
    }
    .anime .menu-icon {
        top: 17px;
    }
    .post-7 .b2_gap {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .anime .mobile-menu .login-logo {
        position: absolute;
        left: 70px;
        top: 18px;
        float: left;
    }
}
@media screen and (min-width: 768px){
    .anime .new-site-header-menu .mobile-menu{
        display: none;
    }

}
@media screen and (max-width: 768px){
    .top-menu ul li.depth-0 i.menu-fill{
        display: none;
    }
}
.anime .aside-container { display: none !important; }
.new-header-banner-left {
    display: flex;
    align-items: center;
}
.new-header-banner-left a{
    display: flex;
    align-items: center;
}
.anime #ym-menu{
    margin-left:  50px;
}
.anime .tax-header .tax-info {
    background: #fff;
    padding: 18px;
    margin: 10px 0;
    border-radius: 12px;
    box-shadow: 0 4px 10px #74747414;
}
.new-header-banner-left img{
    max-height: 42px;
    margin-right: 20px;
}
.new-site-header-img{
    height: 200px;
    overflow: hidden;
}
.new-site-header-img img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: inherit;
}
.new-site-header-menu{
    display: flex;
    height: 60px;
    align-items: center;
    transition: all 0.3s;
    background: #F8F8F8;
    box-shadow: 0 4px 10px #74747414;
}
.new-site-header-menu.fixed{
    position: fixed;
    top: 60px;
    z-index: 9;
    width: 100%;
    /*background: #ffffffcc;*/
    background: #F9F9F9;
}
@media screen and (max-width: 768px) {
    .new-site-header-menu.fixed{
        position: absolute;
    }
}
.new-site-header-menu-box{
    display: flex;
}
.new-site-header #ym-menu .menu-item a{
    font-size: 13px;
    color: #43464e;

}
.new-site-header #ym-menu .menu {
    display: flex;
}
.new-site-header #ym-menu .menu .menu-item{
    margin-right: 20px;
}
.anime .social-top .top-search {
    margin-right: 16px;
    border: 2px solid #8f919354;
    border-radius: 20px;
}
.anime .b2-menu-3 .sub-menu-0{
    z-index: 10;
}
.anime .top-search form{
    background: #F3F5F7;
    border-radius: 20px;
    width: 300px;
}
.anime .login-box-content .login-box-top{
    /*border: 2px solid #5B4A37;*/
    border-radius: 12px;
    box-shadow: 0px 4px 14px 0px rgba(34, 87, 179, 0.1);
    padding: 30px 40px 24px;
}
.anime .login-box-top:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 47px;
    bottom: -2px;
    left: 0;
    background-image: url(/wp-content/themes/b2child/assets/img/other/wave2.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    border-radius: 12px;
    z-index: 0;
}
form {
    display: block;
    z-index: 3;
    position: relative;
}
.anime .login-box-top:before {
    content: '';
    position: absolute;
    bottom: 13px;
    left: 11px;
    width: 21px;
    height: 4px;
    background: #3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.anime .show-modal{
    backdrop-filter:none;
}
.anime .modal-content{
    overflow: inherit;
    border-radius: 12px;
    background-image:none;
    width: 450px;
    border: 2px solid #3DA7FE;
}
.anime .search-box-content .search-button button {
    background: #3DA7FE;
    border: 3px solid #2197F9;
    border-radius: 12px;
    font-size: 20px;
    font-weight: bold;
}
.anime .search-box-content .search-title {
    font-size: 18px;
    font-weight: bold;
    color: #49545c;
}
.anime .close-button img{
    width: 20px;
    height: 20px;
}
.anime .modal-content .close-button {
    font-size: 30px;
}
.anime .modal-content input::placeholder {
    font-size: 16px;
    color: #8a97a4;
    padding-left: 10px;
}
.anime .login-form-item input{
    border:none;
}
.anime .login-form-item input {
    background-color: #edf1f3; 
    border-radius: 12px;
    border: 3px solid #ffffff00;
}
.anime .login-form-item input:focus{
    /*border:none;*/
    border: 3px solid <?php echo $web_color; ?>;
}
.anime .login-title{
    text-align: left;
    font-size: 24px;
    color:#2C2E35;
    margin-bottom: 50px;
}
.anime .login-box-content .login-title b ,.login-box-content .login-title{
    font-weight:700 ;
}
.anime .login-bottom button{
    margin-top: 30px;
}
.anime .login-form-item input:-webkit-autofill {
    background-color: #edf1f3 !important; 
    -webkit-text-fill-color: #333 !important; 
    -webkit-box-shadow: 0 0 0 1000px #edf1f3 inset !important; 
}
.anime .login-form-item input {
    caret-color: #bbb; 
}
.anime .login-social-button-bottom{
    border:none;
}
.anime .login-box-content .login-social-button-bottom a{
    background: #e7ebef85;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.anime .login-social-button i{
    color: #A7A7A7;
    font-size: 30px;
    margin-right: 0;
}
.anime img.login-img {
    position: absolute;
    top: -159px;
    width: 173px;
    transform: scaleX(-1);
}
.anime .login-box-content .invitation-button a{
    color:<?php echo $web_color; ?>;
}
.anime .login-social-button-bottom > div{
    font-size: 14px;
}
.anime .login-title:before {
    content: '';
    position: absolute;
    top: 24px;
    left: -33px;
    width: 9px;
    height: 4px;
    background:#3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.anime .login-title:after {
    content: '';
    position: absolute;
    top: 24px;
    left: -15px;
    width: 20px;
    height: 4px;
    background:#3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.anime .close-button-top{
    position: absolute;
    top: 0;
    right: 0px;
}
.anime .close-button-top:after {
    content: '';
    position: absolute;
    top: 20px;
    left: -119px;
    width: 70px;
    height: 4px;
    background: #3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.anime .close-button-top:before {
    content: '';
    position: absolute;
    top: 20px;
    left: -163px;
    width: 22px;
    height: 4px;
    background: #3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.anime .login-bottom{
    display: flex;
}
.anime .login-bottom button {
    margin: 10px;
    background: #3DA7FE;
    color: #fff;
    border: 3px solid #2197F9;
    border-radius: 12px;
    font-size: 20px;
    font-weight: bold;
    padding: 8px;
}
.anime .login-box-in .forget-pass-info{
    font-size: 14px;
    background: none;
    color: #7992ab;
    border: none;
}
.anime .login-box-top .login-tk a{
    color: #3DA7FE;
}
.anime .login-box-content a{
    color: #3DA7FE;
}
.anime .w-a-count {
    background: none;
}


/*登录 头像 样式*/

.new-user-box.top-user-box .user-money img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.new-user-box.top-user-box .user-credit img{
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
.new-user-box.top-user-box .top-user-box-drop ul li{
    width: 25%;
}
.new-user-box.top-user-box .top-user-box-drop ul li img{
    width: 25px;
}
.new-user-box.top-user-box .top-user-box-drop p{
    margin-left: 0px;
    line-height: 2.5;
    font-size: 11px;
    color: #899199;
}
.new-user-box.top-user-box .top-user-box-drop li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new-user-box.top-user-box .top-user-box-drop.show{
    width: 320px;
    border:2px solid #3DA7FE;
    /*border:2px solid #5B4A37;*/
    border-radius: 12px;
    background: #fff;
    margin-right: 10px;
}
.new-user-box.top-user-box-drop.jt::before, .top-user-box-drop.jt::after {
    border-bottom: 8px solid #008cff;
}
.new-user-box.top-user-box .top-user-info-box{
    background: none;

}
.new-user-box.top-user-box .top-user-info-box .user-w-rw a span {
    font-size: 14px;
    color: #ffffff;
}
.new-user-box.top-user-box .top-user-info-box .user-w-rw {
    color: #ffffff;
    background: none;
    border: none;
    margin: 10px 27px;
    height: 40px;
    text-shadow: none;
    background-size: cover;
    background-image: url(/wp-content/themes/b2child/assets/img/info/ed.webp);
}
.new-user-box.top-user-box .top-user-info-box .user-w-rw-bg:before {
    content: "";
    top: -8px;
    position: absolute;
    left: -16px;
    width: 50px;
    height: 50px;
    z-index: 2;
    background-image: url(/wp-content/themes/b2child/assets/img/info/rwt.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.new-user-box.top-user-box .top-user-info-box-count p span {
    color: #A5B4C1;
    font-size: 14px;
}
.new-user-box.top-user-box .top-user-info-box-count p b {
    color: #899199;
    font-size: 14px;
}
.new-user-box.top-user-box .top-user-info-box-count {
    border-radius: 12px;
    margin: 20px 10px;
    background: #EDF1F3;
}
.new-user-box.top-user-box .top-user-info-box .user-w-gold > div {
    background: #EDF1F3;
    border-radius: 8px;
}
.new-user-box.top-user-box .top-user-info-box .user-w-gold a{
    color: #899199;
}
.new-user-box.top-user-box .top-user-info-box-name .avatar_k{
    position: absolute;
    top: 14px;
    left: 13px;
    width: 70px;
    height: 70px;
}
.new-user-box.top-user-box .top-user-box-drop .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

/*------------------------------------------------------------------------------------------------------*/
/*首页*/
.anime .site{
    background: #fff;
}
.anime .site .site-header-in {
    box-shadow: 0px 2px 2px 0px rgb(0 69 255 / 6%);
}

.anime .post-modules-top{
    margin-bottom: 30px;
}

.anime .post-list-cats,.anime .post-carts-list-row{
    overflow: inherit;
}
.anime .post-list .load-more button span {
    background: #F3F5F7;
    padding: 10px 17px;
    border-radius: 20px;
    color: #000200;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #5B4A37;
    position: relative;
    z-index: 3;
}
.anime .post-list .load-more button {
    width: auto;
    margin: 0 auto;
}
.anime .post-list .load-more button:after {
    content: "";
    padding: 10px 40px;
    border-radius: 20px;
    background: #F3F5F7;
    border: 1px solid #5B4A37;
    bottom: 23px;
    position: relative;
}









/*菜单*/
/*一级菜单*/
.anime .top-menu ul li.depth-0 > a{
    /*font-size: 19px;*/
    /*font-weight: bold;*/
    color: #43464e;
}
.anime .hob{
    display: none;
}
.anime .menu-fill {
    font-size: 9px;
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
    transition: all 0.5s ease;
    position: absolute;
    right: 12px;
    top: 16px;
    left: 50%;
    width: auto;
    height: auto;
}

.anime .current-menu-item.depth-0 .menu-fill,
.anime .depth-0:hover .menu-fill {
    opacity: 1;
    transform: translateX(-50%) translateY(0); 
}




.anime .single-article:before {
    background-image: url(https://acg.mkwy.cn/wp-content/uploads/2025/09/zz.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
    opacity: 0.1;
}
.anime .single-article:after {
    background-image: url(https://acg.mkwy.cn/wp-content/uploads/2025/09/zz.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    right:  0;
    transform: rotate(90deg);
    opacity: 0.1;
}
.anime .top-menu-ul > li.depth-0:first-child > a{
    padding: 0 12px;
}
.anime .content-footer .inner-wrapper-sticky{
    top: 120px!important;
}
.anime .single-article{
    background-color: rgb(255 255 255);
    border-radius: 20px;
    overflow: hidden;
}
.anime .comments-box{
    background-color: rgb(255 255 255);
    border-radius: 20px;
}
.anime .comments-box .box {
    box-shadow: none;
    background: transparent;
}
.anime .module-posts .home-row-left.content-area {
    background-color: rgb(255 255 255);
    border-radius: 12px;
    padding: 20px 12px;
    position: relative;
    color: #4a5462;
    font-size: 15px;
}
.anime .post-list .module-title{
    font-family: dh!important;
    font-weight: 100;
    color: #4a5462;
    font-size: 15px;
}
.anime .post-list-item{
    transition: transform 0.3s ease;
}




/* 文字容器样式 */
.anime .picked.post-load-button span {
    color: #5B4A37;
    border: 2px solid #687eff40;
    /* background: #FED316 !important; */
    border-radius: 12px 30px 30px 30px;
}

/* 左侧装饰图形（原始） */
/*.anime .picked.post-load-button span:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 20px;*/
/*    height: 28px;*/
/*    background: #3da7fe;*/
/*    border-radius: 100% 0 0 53% / 80% 0 0 20%;*/
/*    z-index: -1;*/
/*    left: 10px;*/
/*    top: -2px;*/
/*}*/

/*.anime .picked.post-load-button span:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 20px;*/
/*    height: 28px;*/
/*    background: #3da7fe;*/
/*    border-radius: 0 100% 53% 0 / 0 80% 20% 0;*/
/*    z-index: -1;*/
/*    right: 10px;*/
/*    top: -2px;*/
/*}*/




/*文章内页评论*/
.anime .comment-list .children article .comment-item {
    background: #F3F5F7;
    padding: 20px 20px 20px 60px!important;
    border-radius: 12px;
}
.anime .comment-list .comment-content-text, .anime .comment-list .children article .comment-item .comment-content-text p{
    font-size: 13px;
    color: #586772;
}
.anime .comment-author {
    color: #9FAFBF;
}
.anime .comment-user-info > div{
    display: flex;
    align-items: center;
}
.anime .comment-user-info > div .comment-author > span{
    display: flex;
    align-items: center;
}
.anime .comment .gravatar img{
    border-radius: 50%;
    background: none;
    min-width: 60px;
    min-height: 60px;
}
.anime .children .comment .gravatar img{
    min-width: 45px;
    min-height: 45px;
}
.anime .comment-list .children article .gravatar {
    left: 65px;
}
.anime .comment-list .comment {
    margin-bottom: 10px;
}
.anime .comment .comment-item{
    border-top: 2px solid #F5F6F7;
    padding: 20px 0 20px 80px;
}
.anime .comment-author a, .comment-author {
    font-size: 14px;
}
.anime .comment-count {
    color: #2C2F37;
}
.anime .comment-list .comment-footer button.text,.anime .comment-floor{
    color: #abb5c7;
}
.anime .comment-content-text p{
    font-size: 13px;
    color: #586772;
}
.anime .com-form-textarea textarea {
    background-color: #E7EBEF;
    border-radius: 8px;
}
.anime .com-form-textarea textarea::placeholder {
    font-size: 14px;
    color: #8a97a4;
    padding-left: 10px;
}
.anime .com-form-textarea div {
    display: none;
}
.anime .com-form-textarea {
    border:none;
    padding: 0;
}
.anime .com-form-button .com-form-button-r button {
    background: #3DA7FE;
    color: #fff;
    border: 2px solid #2197F9;
    border-radius: 12px;
    font-size: 17px;
    font-weight: bold;
    padding: 6px 16px;
}

.anime .com-form-button-l i {
    color: #3DA7FE;
}

.anime #emoji-panel{
    border-top: solid #3DA7FE;
    border-left: solid #3DA7FE;
    border-bottom: 8px solid #3DA7FE;
    border-right:  solid #3DA7FE;
}
.anime #emoji-panel:before, .anime #emoji-panel:after {
    content: '';
    display: block;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #3DA7FE;
    bottom: -17px;
    left: 16px;
}
.anime .sidebar-innter .widget{
    border-radius: 12px;
}
.anime .widget-mission-footer a {
    background: #45AAFE;
    width: 120px;
    margin: 0 auto;
    border-radius: 12px;
    color: #fff;
    margin-bottom: 10px;
}
.anime .widget-mission-footer {
    padding-bottom: 5px;
}
.anime .b2-widget-title .widget-title{
    color: #4a5462;
    font-size: 15px;
}
.anime .emoji-item{
    background: none;
}
.anime .entry-content img{
    border: 2px solid #c3d7e75c;
    border-radius: 12px;
    transition: transform 0.3s ease, border 0.3s ease;
}
.anime .entry-content .child-head-title-box img{
    border: none;
}
.anime .entry-content .child-head-title-box img:hover{
    border: none;
    transform: scale(1); 
}

.anime .entry-content img:hover {
    border: 2px solid #5B4A37;
    transform: scale(1.01); 
}
.anime .comments-title:before {
    content: '#';
    position: absolute;
    left: 3px;
    color: #50B0FE;
    font-size: 30px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .comments-title {
        padding: 16px 24px;
    }
}



/* WebKit 浏览器 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #959da1;
}



/*---------------------------------------------------------------------------------------------------*/
.new-vip-count{
    font-size: 40px;
}
.new-vip-list{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    grid-gap: 16px;
}
.new-vip-item{
    padding: 16px;
    width: calc(25% - 12px);
    border-radius: 8px;
    background: #ffffff;
    min-width: 288px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all .3s linear, transform .3s linear;
}
.vip-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}
.new-vip-time{
    font-size: 15px;
    color: #2B3F5D;
    margin-bottom: 16px;
}
.new-vip-price{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.new-vip-price .price{
    font-size: 30px;
    font-weight: bold;
    color: #2C415F;
    margin-right: 10px;
}
.new-vip-price .yprice{
    font-size: 13px;
    color: #abb7c5;
    text-decoration: line-through;
}
.new-vip-des{
    font-size: 13px;
    color: #abb7c5;
    margin-bottom: 16px;
}
.new-vip-buy{
    display: flex;
    margin-bottom: 16px;
}
.new-vip-jiaru{
    color: #2C415F;
    font-weight: bold;
    font-size: 14px;
    background-color: #FFC107;
    padding: 8px 20px;
    border-radius: 8px;
    cursor: pointer;
}
.new-vip-position ul li{
    font-size: 14px;
    color: #5f6e85;
    margin-bottom: 8px;
}
.new-vip-bg {
    left: -98%;
    height: 88px;
    width: 100%;
    position: absolute;
    opacity: .15;
    top: 0;
    border-radius: 8px 8px 0 0;
    transition: all .3s linear, transform .3s linear;
}
.new-vip-item:hover .new-vip-bg {
    left: 0%;
}
.new-vip-item:hover  {
    transform: translateY(-5px);
}
.new-vip-position i.b2font.b2-check-line {
    background-color: rgba(29, 209, 161, 0.1);
    color: #10ac84;
    border-radius: 50%;
    padding: 2px;
}
.new-vip-position i.b2font.b2-close-line {
    background-color: rgba(234, 84, 85, 0.1);
    color: #ee5253;
    border-radius: 50%;
    padding: 2px;
}
@media screen and (max-width: 768px) {
    .anime .vip-page .new-vip-item{
        width: 100%;
        text-align: center;
    }
    .anime .vip-page .new-vip-price ,.anime .vip-page .new-vip-buy{
        justify-content: center;
    }
}