/* 全局滚动条隐藏样式 - 适用于所有页面 */
/* 隐藏body滚动条 */
body {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    overflow: hidden;
}

body::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

/* 隐藏所有元素的滚动条 */
* {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

*::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

/* 特别针对常用的滚动容器 */
.scroll-container,
.scroll-content,
.infinity-solutions,
.infinity-solutions-container {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scroll-container::-webkit-scrollbar,
.scroll-content::-webkit-scrollbar,
.infinity-solutions::-webkit-scrollbar,
.infinity-solutions-container::-webkit-scrollbar {
    display: none;
}
/* 自定义滚动条容器 - 完全隐藏 */ .custom-scrollbar  {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(12 * 100vw / 1920);
    height: 100vh;
    z-index: var(--z-index-modal);
    padding: calc(2 * 100vw / 1920);
    background: transparent;

}
/* 滚动条滑块 - 完全隐藏 */ .custom-scrollbar-thumb  {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: fixed;
    top: calc(4 * 100vw / 1920);
    right: calc(6 * 100vw / 1920);
    width: calc(8 * 100vw / 1920);
    background: rgba(208, 208, 208, 0.544);
    cursor: pointer;
    transition: background var(--transition-fast) ease,
    width var(--transition-fast) ease;

}
/* 滑块悬停效果 - 完全隐藏 */ .custom-scrollbar-thumb:hover  {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    background: #b9b9b9;
    width: calc(8 * 100vw / 1920);

}
/* 滚动容器 */ .scroll-container  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: ;
    -webkit- pointer-events: none;
    z-index: 1;
    /* 确保在背景图片上方但不会覆盖其他内容 */ /* 添加支持搜狗浏览器的属性 */ -webkit-overflow-scrolling: touch;
    -webkit- -moz-
}
/* 滚动内容 */ .scroll-content  {
    position: relative;
    min-height: 100%;
    height: auto;
    transform: ;
    -webkit- pointer-events: auto;
    /* 确保底部没有额外空间 */ padding-bottom: 0;
    margin-bottom: 0;
    /* 添加特定于浏览器的支持 */ -webkit- -moz-
}
/* 背景图相关样式已移除 */ /* 加载状态滚动条 */ body.loading::-webkit-scrollbar  {
    display: none;
    width: 0 !important;

}
/* 响应式样式 */ @media screen and (min-width: 1921px)   {

    .custom-scrollbar  {
        width: 12px;
        padding: 2px;

    }
    .custom-scrollbar-thumb  {
        top: 4px;
        right: 6px;
        width: 8px;

    }
    .custom-scrollbar-thumb:hover  {
        width: 8px;

    }

}
