/*******************************ast主题相关的*************************/

/** 视频列表默认上下有60px边距，此处强制设置为0 **/
@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* 视频详情页上下边距移除，默认是4em */
.ast-separate-container #primary {
        margin: 0 !important;
        padding: 0 !important;
}

/* 视频详情页默认padding移除，默认是2.5em，并且设置背景为透明 */
.ast-separate-container .ast-article-single {
    padding: 0 !important;
    background-color: transparent !important;
}


/*视频详情页 img去掉阴影*/
.ast-article-single img {
    -webkit-box-shadow: none !important;
}

/********************** 面包屑导航样式 ***********************/
.out-breadcrumb {
    padding: 20px 0;
    font-size: 1rem;
    font-weight:500;
}

.out-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.out-breadcrumb li {
    display: flex;
    align-items: center;
}

.out-breadcrumb li:not(:last-child)::after {
    content: "›";
    margin: 0 8px;
    color: #777;
}

.out-breadcrumb a {
    color: #346EA5;
    text-decoration: none !important;
    transition: color 0.2s;
}

.out-breadcrumb a:hover {
    color: #1a4b7a;
}

.out-breadcrumb [aria-current="page"] {
    color: #2b2b2b;
    font-weight: bold;
}

/********************** 全局细滚动条 **********************/
:root {
    --scrollbar-thumb: rgba(0,0,0,0.2);
    --scrollbar-thumb-hover: rgba(0,0,0,0.3);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 3px; /* 移动端更细 */
    }
}