/*
Theme Name:     B2子主题
Theme URI:      http: //7b2.com/
Description:    Child theme for the B2 PRO
Author:         子主题模版
Author URI:     http: //7b2.com/
Template:       b2
Version:        0.1.5
*/

/*下面是您自己DIY的css样式代码


.site-header-in .header-banner {
    display: none;
}
.site-header {
    height: 58px!important;
}
.top-search {
    position: relative;
    width: 100%;
    right: 10px;
}
 .top-search input{
     color: #fff!important;
    fill: #fff!important;
 }
.header-user {
    position: absolute;
    display: flex;
    border-radius: 12px;
    padding: 0px;
    top: auto;
}

.hob {
    display: none !important;
}
*/
/*修改不生效，每个属性后面添加 !important 属性就好*/
.movie-card .movie-info .rating .allstardark {
    position: relative;
    color: #f99b01;
    height: 16px;
    width: 80px;
    background-repeat: repeat;
    background-image: url("../b2child/img/star.svg");
    background-size: auto 100%;
    margin-right: 5px;
}
.movie-card .movie-info .rating .allstarlight {
    position: absolute;
    left: 0;
    color: #f99b01;
    height: 16px;
    overflow: hidden;
    background-repeat: repeat;
    background-image: url("../b2child/img/star-fill.svg");
    background-size: auto 100%;
}
/*专题，侧边栏小工具去下划线*/
.widget-post:hover .b2-widget-post-title h2{
    text-decoration: none !important;
}
.b2-widget-hot li.widget-post-none{
    border-bottom: 1px dashed #f3f3f3;

}

.b2-widget-hot ul li:hover, .b2-widget-mission ul li:hover{
    background: #fafafa;
}
.collection-posts li a{
    text-decoration: none !important;
}
/*专题，侧边栏小工具去下划线*/

/*首页文章特色图片鼠标悬停效果开始*/

.post-module-thumb:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0);transition: background .35s;border-radius: 5px;z-index: 2;max-width: 765px;margin: 0 auto;pointer-events:none;}
.post-module-thumb:after {content: '';position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQ1IDQ1IiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj48Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSI2IiBzdHJva2Utb3BhY2l0eT0iMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iNjsyMiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iMTswIiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iMjswIiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjYiIHN0cm9rZS1vcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iM3MiIGR1cj0iM3MiIHZhbHVlcz0iNjsyMiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjNzIiBkdXI9IjNzIiB2YWx1ZXM9IjE7MCIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utd2lkdGgiIGJlZ2luPSIzcyIgZHVyPSIzcyIgdmFsdWVzPSIyOzAiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iOCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBkdXI9IjEuNXMiIHZhbHVlcz0iNjsxOzI7Mzs0OzU7NiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48L2c+PC9zdmc+);background-repeat: no-repeat;background-size: 100% 100%;z-index: 3;-webkit-transform: scale(2);transform: scale(2);transition: opacity .35s,-webkit-transform .35s;transition: transform .35s,opacity .35s;transition: transform .35s,opacity .35s,-webkit-transform .35s;opacity: 0;pointer-events:none;}
.post-module-thumb:hover:before{background:rgba(0,0,0,.5)}
.post-module-thumb:hover:after{-webkit-transform:scale(1);transform:scale(1);opacity:1}
/*首页文章特色图片鼠标悬停效果结束 */
/* 图片模糊效果*/
img.lazy:not(.loaded) {filter: blur(10px) brightness(1);}
img.lazy.error {filter: none;}
img:not([src]):not([srcset]) {
    visibility: hidden;
  }
img.lazy.loaded{
    transition: filter 375ms .2s,transform .6s;
}
/* 图片模糊效果*/
.article-collections a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAACJ8xqgAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAJAAAAAAT/Eh7AAABMElEQVRIDbWWURLCIAxEiePxPZsnUqJT9sVpKONP8AeWAnksSav158Nb4e9WuNex1b35+3pPuE2P0SHHgLUxwdvQGwj764iZAJqZIneRSHMcY4FOgN5AKA/xAoLmIpNH6HhOB1LpHYRde6dQECza8JiTyOMdhOOWs4fkFeNogAWGDIt3EI5KWTm4Gg+01NlAqEr5lsYpFgpCNJPwkGXoekJrIw+J8CMQmxA8TYg8TLVeT+jykIgQRouJMTA6nsjQ9YTmeLhASWRITgQZup7QnVomtjySJP8yf7r0jbVsfPVIechA0LihzweZVL2HfJdnALnm1y7m9yR6HyEckyl/BvK6esJlLWMqt4+GGDQSVLqekPdhpDoE0z8GkDQBMuZL1xOShwSKFs9WHsbEc6ec8AO6ZIJn9ClyFgAAAABJRU5ErkJggg==);
    display: inline-block;
    margin-bottom: 3px;
    padding: 7px 10px;
    line-height: 1;
    font-size: 13px;
    border-radius: 5px;
    margin-right: 5px;
    color: #835000 !important;
    background-color: #f1f1f1;
}
/*专题聚合页调整*/
.collection-item {
    width: 25%;
}
.collection-list-top-info h1 {
    text-align: center;
}
.collection-list-top{
    /*height: 165px;*/
}
/*专题聚合页调整*/
#download-box h3 {
    color: #121212;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-left: 8px;
}
#download-box h3::before {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    left: 0;
    background-color: #4169E1;
    position: absolute;
    border-radius: 8px;
}
.Movie-down-table{
    font-size: 12px;
    display: flex;
    justify-content: left;
}
.Movie-down-title{
    margin-top: 10px;
    text-align: center;
    display: flex;
    justify-content: left;
}
.Movie-down-table > div{
    width: 8%;
    display: inline-block;
    border-left: 1px solid #F5F6F7;
    border-bottom: 1px solid #F5F6F7;
    border-top: 1px solid #F5F6F7;
    text-align: center;
    padding: 5px 0px;
    justify-content: center;
    line-height: 2;
}
.Movie-down-button{
    font-size: 12px;
    padding: 5px 17px;
    background: #1066e7;
    color: #f9f9f9;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}
.Movie-down-button:hover{
    opacity: 0.9;
}

.Movie-name{
    width: 85%!important;
    text-align: left!important;
}
.Movie-version{
    width: 10%!important;
}
.Movie-down-table.Movie-sov> div:last-child{
    border-right: 1px solid #F5F6F7;
}
.Movie-down-table.Movie-son{
    display: flex;
    justify-content: center;
}
/* 水平滚动容器样式 */
.scroll-container {
    white-space: nowrap;      /* 防止内容换行 */
    overflow-x: auto;         /* 允许水平滚动 */
    display: block;           /* 确保是块级元素 */
    width: 100%;              /* 占满父容器宽度 */
    -webkit-overflow-scrolling: touch; /* 优化移动端滚动体验 */
    overflow-scrolling: touch;         /* 优化移动端滚动体验 */
    padding-bottom: 10px;     /* 底部留出空间避免滚动条遮挡内容 */
    margin-bottom: 15px;      /* 与其他元素保持间距 */
}

/* 滚动条样式美化 */
.scroll-container::-webkit-scrollbar {
    height: 6px;              /* 滚动条高度 */
}

.scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;      /* 滚动条轨道背景 */
    border-radius: 3px;       /* 轨道圆角 */
}

.scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;      /* 滚动条滑块颜色 */
    border-radius: 3px;       /* 滑块圆角 */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;      /* 滑块悬停颜色 */
}

/* 表格在滚动容器中的样式 */
.scroll-container .Movie-down-table {
    min-width: 768px;         /* 确保表格有最小宽度 */
}

