@media screen and (max-width: 768px) {
    
           .tab-nav,.case-tabs {
               overflow-x: auto;
               justify-content: flex-start;
               flex-wrap: nowrap;
               gap: 20px;
               padding: 0 16px 10px 16px;
               margin-bottom: 16px;
               -webkit-overflow-scrolling: touch;
               /* 移动端顺滑滚动 */
               scrollbar-width: none;
               /* 火狐隐藏滚动条 */
           }

           /* 隐藏Chrome/Safari滚动条 */
           .tab-nav::-webkit-scrollbar {
               display: none;
           }

           /* Tab项适配：取消等分 */
           .tab-item {
               flex: none;
               padding: 10px 12px;
               font-size: 15px;
               text-align: left;
           }

           /* 选中态下划线适配小屏 */
           .tab-item.active::after {
               bottom: -10px;
               width: 100%;
               height: 2px;
           }
       }

       /* 375px极小屏优化 */
       @media screen and (max-width: 375px) {
           .tab-nav {
               gap: 12px;
               padding: 0 12px 8px 12px;
           }

           .tab-item {
               padding: 8px 10px;
               font-size: 14px;
           }

           .tab-item.active::after {
               bottom: -9px;
           }
       }