fix: 彻底修复视图切换后的 ghost click 问题

原有 blockClicks + pointer-events-none 方案有两个缺陷：
1. 屏蔽时长 300ms 不够：iOS 合成 click 最晚 ~500ms 才到，
   在 t=150+300=450ms 解除后仍可能被触发
2. pointer-events-none 只阻止新的命中测试，无法拦截已合成的事件

修复方案：
- 新增 blockClicksRef（与 blockClicks state 同步），供事件监听器无闭包延迟地读取
- 在 sidebar 最外层 div 加 onClickCapture，在捕获阶段用 ref 判断并
  stopPropagation + preventDefault，彻底阻断已合成的 ghost click 传播
- 将视图切换的屏蔽时长从 300ms 延长至 600ms，覆盖浏览器合成延迟的最坏情况
- 统一用 setBlockClicksSync 同时更新 state 和 ref

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

Author: RicterZ

src/components/sidebar/left-sidebar.tsx

@@ -271,6 +271,11 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
     // 视图切换动画：向左滑出，从右滑入
     const [slideState, setSlideState] = useState<'idle' | 'exit' | 'enter'>('idle')
     const [blockClicks, setBlockClicks] = useState(false)  // 防幽灵 click
+    const blockClicksRef = useRef(false)  // ref 供捕获监听器同步读取（state 有闭包延迟）
+    const setBlockClicksSync = useCallback((val: boolean) => {
+        blockClicksRef.current = val
+        setBlockClicks(val)
+    }, [])
     const [displayMode, setDisplayMode] = useState(activeView.mode)
     const [displayTripId, setDisplayTripId] = useState(activeView.tripId)
     const [displayDayId, setDisplayDayId] = useState(activeView.dayId)
@@ -290,7 +295,7 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
 
         // 1. 当前内容淡出（150ms）
         setSlideState('exit')
-        setBlockClicks(true)
+        setBlockClicksSync(true)
         cancelConfirmDelete()
 
         // 2. 内容切换 + 新内容淡入
@@ -302,7 +307,7 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
             requestAnimationFrame(() => {
                 requestAnimationFrame(() => setSlideState('idle'))
             })
-            setTimeout(() => setBlockClicks(false), 300)
+            setTimeout(() => setBlockClicksSync(false), 600)
         }, 150)
 
         return () => { clearTimeout(t) }
@@ -458,8 +463,8 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
         setActiveDragId(null)
 
         // 拖拽结束后短暂屏蔽点击，防止 touchend 合成的 ghost click 触发按钮
-        setBlockClicks(true)
-        setTimeout(() => setBlockClicks(false), 300)
+        setBlockClicksSync(true)
+        setTimeout(() => setBlockClicksSync(false), 300)
 
         if (!over || active.id === over.id) return
         if (!currentDay || !activeView.tripId || !activeView.dayId) return
@@ -677,7 +682,7 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
                 {/* Back button */}
                 {displayMode === 'trip' && (
                     <button
-                        onClick={() => { setBlockClicks(true); setActiveView('overview', null, null) }}
+                        onClick={() => { setBlockClicksSync(true); setActiveView('overview', null, null) }}
                         className="mr-1 p-1 rounded-lg text-gray-500 hover:bg-white/80 hover:text-blue-600 transition-colors"
                         title="返回全览"
                     >
@@ -688,7 +693,7 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
                 )}
                 {displayMode === 'day' && (
                     <button
-                        onClick={() => { setBlockClicks(true); setActiveView('trip', activeView.tripId, null) }}
+                        onClick={() => { setBlockClicksSync(true); setActiveView('trip', activeView.tripId, null) }}
                         className="mr-1 p-1 rounded-lg text-gray-500 hover:bg-white/80 hover:text-blue-600 transition-colors"
                         title="返回旅行"
                     >
@@ -851,7 +856,7 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
                                     return (
                                         <div key={trip.id} className="border border-gray-200 rounded-xl bg-white overflow-hidden mb-2">
                                             <button
-                                                onClick={() => { setBlockClicks(true); setActiveView('trip', trip.id, null) }}
+                                                onClick={() => { setBlockClicksSync(true); setActiveView('trip', trip.id, null) }}
                                                 className="w-full flex items-center gap-3 px-3 py-3 hover:bg-blue-50 transition-colors text-left"
                                             >
                                                 <div className="w-9 h-9 bg-blue-100 rounded-full flex items-center justify-center text-lg flex-shrink-0">{trip.emoji ?? '✈️'}</div>
@@ -985,7 +990,7 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
                         return (
                             <React.Fragment key={day.id}>
                             <button
-                                onClick={() => { setBlockClicks(true); setActiveView('day', activeView.tripId, day.id) }}
+                                onClick={() => { setBlockClicksSync(true); setActiveView('day', activeView.tripId, day.id) }}
                                 className="w-full flex items-center gap-3 px-3 py-3 border border-gray-200 rounded-xl bg-white hover:border-blue-300 hover:bg-blue-50 transition-colors text-left"
                             >
                                 <div className="w-9 h-9 bg-blue-100 rounded-full flex items-center justify-center text-sm font-bold text-blue-600 flex-shrink-0">
@@ -1290,6 +1295,14 @@ export const LeftSidebar = ({ onFlyTo, addMarkerEnabled, onToggleAddMarker }: Le
                     !leftSidebar.isOpen ? 'max-lg:-translate-x-full max-lg:transition-transform max-lg:duration-200' : 'max-lg:animate-slide-in-left',
                 )}
                 style={{ paddingTop: 'env(safe-area-inset-top)', paddingBottom: 'env(safe-area-inset-bottom, 0px)' }}
+                onClickCapture={(e) => {
+                    // 在捕获阶段拦截 ghost click：CSS pointer-events-none 无法阻止已合成的事件，
+                    // 用 ref（非 state）同步判断，stopPropagation + preventDefault 双重阻断
+                    if (blockClicksRef.current) {
+                        e.stopPropagation()
+                        e.preventDefault()
+                    }
+                }}
             >
                 {renderHeader()}