fix: 标签栏滚轮滚动和自动定位问题

- 修复滚轮不生效：使用 capture 阶段监听 wheel 事件
- 修复滚轮不生效：添加 stopPropagation 防止事件被拦截
- 新增自动滚动到活动标签：切换/打开标签时自动定位到可见区域
- 优化 CSS：移除 #tab-bar 的 overflow，由 #tab-list 统一负责滚动
- 添加平滑滚动：scroll-behavior: smooth

src/renderer/components/TabBar/TabBar.tsx

@@ -30,17 +30,35 @@ export function TabBar() {
 
     const handleWheel = (e: WheelEvent) => {
       // 只有当标签列表有水平滚动空间时才处理
-      if (tabList.scrollWidth <= tabList.clientWidth) return
+      const hasHorizontalScroll = tabList.scrollWidth > tabList.clientWidth
+      if (!hasHorizontalScroll) return
       
+      // 阻止默认的垂直滚动
       e.preventDefault()
+      e.stopPropagation()
+      
       // 将垂直滚动转换为水平滚动
       tabList.scrollLeft += e.deltaY
     }
 
-    tabList.addEventListener('wheel', handleWheel, { passive: false })
-    return () => tabList.removeEventListener('wheel', handleWheel)
+    // 使用 capture 阶段，确保事件能被捕获
+    tabList.addEventListener('wheel', handleWheel, { passive: false, capture: true })
+    return () => tabList.removeEventListener('wheel', handleWheel, { capture: true })
   }, [])
 
+  // 自动滚动到活动标签
+  useEffect(() => {
+    if (!tabListRef.current || !activeTabId) return
+    
+    // 使用 requestAnimationFrame 确保 DOM 已更新
+    requestAnimationFrame(() => {
+      const activeTab = tabListRef.current?.querySelector('.tab-item.active')
+      if (activeTab) {
+        activeTab.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })
+      }
+    })
+  }, [activeTabId])
+
   const handleClose = useCallback((e: React.MouseEvent, tabId: string) => {
     e.stopPropagation()
     const tab = tabs.find(t => t.id === tabId)