/* 导航容器：根据内容自适应宽度 */
.tabs-container {
    /* display: inline-block; */
    display: flex;
    align-items: center;
    background-color: #e0e0e0;
    padding: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    white-space: nowrap;
    scrollbar-width: none;
}

/* 隐藏滚动条 */
.tabs-container::-webkit-scrollbar {
    display: none;
}

/* 标签列表 */
.tab-auto-scrollbar {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0px;
}

.tabs-container .nav-item {
    display: flex;
    align-items: center;
}

.tabs-container .nav-item .nav-link {
    font-size: 13.5px;
    color: #888;
}

.tabs-container .nav-item .nav-link:hover,
.tabs-container .nav-item .nav-link.active {
    color: white !important;
}

.more-links-link {
    /* color: #333; */
    color: #888;
    text-decoration: none;
    transition: color 0.2s ease;
}

.more-links-link:hover span {
    color: #0d6efd !important;
}

/* 标签内容区域 */
.tab-content {
    min-height: 80px;
    position: relative; /* 为绝对定位子元素提供参考 */
}

/* 为滚动目标添加偏移，避免被navbar遮挡 */
[id^="item_"] {
    scroll-margin-top: 80px; /* 调整这个值以匹配navbar的高度 */
}