/**
 * 首页Tab导航横向滚动修复 v7.7
 * 问题：Tab导航无法左右滑动
 * 策略：创建专门的滚动包裹层
 */

/* 防止整体页面横向滚动 */
html, body {
    overflow-x: hidden !important;
}

/* 滚动包裹层 */
.tab-scroll-wrapper {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    max-width: 100vw !important;
}

/* tabs容器：内容撑开 */
.tabs,
.fixed-tab {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: 100% !important;
    overflow: visible !important;
}

/* tabs内部item - 不收缩 */
.tabs > .item,
.fixed-tab > .item,
.tabs .item,
.fixed-tab .item {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
}

/* 隐藏滚动条但保持功能 */
.tab-scroll-wrapper::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

.tab-scroll-wrapper {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}