/* 导航标签容器 */
        .nav-tabs-wrapper {
            border-bottom: 2px solid #ebebeb;
            margin-bottom: 30px;
            position: relative;
            overflow-x: auto;
            white-space: nowrap;
            /* 隐藏滚动条但保持滚动功能 */
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE and Edge */
        }

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

        /* 导航标签容器 */
        .nav-tabs-custom {
            display: flex;
            flex-wrap: nowrap;
            border-bottom: none;
            margin-bottom: 0;
            min-width: max-content; /* 确保容器足够宽 */
            gap: 8px;
            padding: 0 16px;
        }

        .nav-tabs-custom .nav-link {
            color: var(--neutral-600);
            background: transparent;
            border: none;
            border-radius: 16px 16px 0 0;
            padding: 12px 20px;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5;
            transition: all 0.25s ease-out;
            position: relative;
            white-space: nowrap;
            flex-shrink: 0; /* 防止标签收缩 */
            min-width: fit-content;
        }

        .nav-tabs-custom .nav-link:hover {
            color: #4173EE;
            transform: translateY(-2px);
        }

        .nav-tabs-custom .nav-link.active {
            color: #4173EE;
            font-weight: 600;
            border-bottom: 1px solid #4173EE;
        }

        .nav-tabs-custom .nav-link.active::after {
            content: '';
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            height: 3px;
            background-color: #4173EE;
        }

        /* 滚动指示器 */
        .scroll-indicator {
            position: absolute;
            top: 0;
            width: 40px;
            height: 100%;
            background: linear-gradient(to right, var(--neutral-50), transparent);
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 1;
        }

        .scroll-indicator.right {
            right: 0;
            background: linear-gradient(to left, var(--neutral-50), transparent);
        }

        .nav-tabs-wrapper.can-scroll-left .scroll-indicator.left,
        .nav-tabs-wrapper.can-scroll-right .scroll-indicator.right {
            opacity: 1;
        }
        /* Logo卡片样式 */
        .logo-card {
            flex:calc(100%/5);
            border-radius: 16px;
            text-align: center;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            cursor: pointer;
        }

        .logo-card:hover {
            transform: translateY(-8px);
        }

        .logo-image {
            width: 95%;
            margin-bottom: 24px;
            object-fit: contain;
        }


        /* 内容切换动画 */
        .tab-content {
            /* opacity: 0; */
            /* transform: translateY(20px); */
            transition: all 0.4s ease-in-out;
        }

        .tab-content.active {
            /* opacity: 1; */
            /* transform: translateY(0); */
        }

        /* 响应式设计 */
        @media (max-width: 767px) {
            .nav-tabs-custom .nav-link {
                font-size: 14px;
                padding: 10px 16px;
            }
            
            .logo-card {
              flex: calc(100%/3);
               height: auto;
            }
            
            .logo-image {
              width: 95%;
              margin-bottom: 16px;
            }
            
            .logo-text {
                font-size: 14px;
            }
            
             .banner-item-box{
                padding: 10px 10px;
              }
              .cust-blue{
                  background: url('./../image/banner-item-active-bg.png');
                  background-size: 100% 100%;
                  background-repeat: no-repeat;
              }
              .cust-red{
                  background: url('./../image/banner-item-bg.png');
                  background-size: 100% 100%;
                  background-repeat: no-repeat;
              }
        }

        @media (max-width: 575px) {
            .main-title {
                font-size: 28px;
            }
            
            .logo-card {
                height: auto;
                flex: calc(100%/2);
            }
             .banner-item-box{
                padding: 10px 10px;
              }
              .cust-blue{
                  background: url('./../image/banner-item-active-bg.png');
                  background-size: 100% auto;
                  background-repeat: no-repeat;
              }
              .cust-red{
                  background: url('./../image/banner-item-bg.png');
                  background-size: 100% auto;
                  background-repeat: no-repeat;
              }
          }