fix(pwa): safe-area insets for toolbar/bottom bar + annotation swipe guard

- Toolbar: wrap with paddingTop env(safe-area-inset-top) so content sits
  below iOS status bar when viewport-fit=cover is active
- Bottom progress bar: wrap with paddingBottom env(safe-area-inset-bottom)
  so bar stays above Home indicator; restore 32px inner content height
- onTouchEnd: check isSelectingRef before page turn to prevent accidental
  swipe navigation when user is selecting text for annotation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Retsomm

pwa/src/components/Toolbar.tsx

@@ -203,9 +203,13 @@ const Toolbar = ({
 
   return (
     <div style={{
-      display: 'flex', alignItems: 'center', gap: 2, padding: '0 10px',
-      height: 56, borderBottom: `1px solid ${borderCol}`,
       background: paperBg, flexShrink: 0,
+      borderBottom: `1px solid ${borderCol}`,
+      paddingTop: 'env(safe-area-inset-top)',
+    }}>
+    <div style={{
+      display: 'flex', alignItems: 'center', gap: 2, padding: '0 10px',
+      height: 56,
     }}>
       {/* 左：返回 + 書名作者（固定寬度區塊） */}
       <div style={{ display: 'flex', alignItems: 'center', gap: 4, flexShrink: 0 }}>
@@ -312,6 +316,7 @@ const Toolbar = ({
         {btn(false, onToggleDark, darkMode ? <IconSun /> : <IconMoon />, darkMode ? '切換淺色模式' : '切換深色模式')}
       </div>
     </div>
+    </div>
   )
 }
 

pwa/src/page/Reader.tsx

@@ -1908,6 +1908,7 @@ const Reader = ({ bookPath, bookId, bookRecord, getCoverDataUrl, onBack, darkMod
             const dy = e.changedTouches[0].clientY - start.y
             swipeStartRef.current = null
             if (Math.abs(dx) < 50 || Math.abs(dx) < Math.abs(dy) * 1.5) return
+            if (isSelectingRef.current) return
             const isRtl = readingDirectionRef.current === 'rtl'
             if ((dx < 0) !== isRtl) nextPageRef.current()
             else prevPageRef.current()
@@ -2252,12 +2253,17 @@ const Reader = ({ bookPath, bookId, bookRecord, getCoverDataUrl, onBack, darkMod
 
       {/* 手機版底部進度列 — 永遠佔位避免 epub 初始化尺寸錯誤 */}
       <div
-        className="flex md:hidden items-center"
+        className="md:hidden"
         style={{
-          height: 32, flexShrink: 0, gap: 10, padding: '0 16px',
+          flexShrink: 0,
           borderTop: `1px solid ${darkMode ? '#3a3430' : '#e4ddd0'}`,
           background: darkMode ? '#1a1816' : '#f9f7f2',
+          paddingBottom: 'env(safe-area-inset-bottom)',
         }}
+      >
+      <div
+        className="flex items-center"
+        style={{ height: 32, gap: 10, padding: '0 16px' }}
       >
         {ready && displayPageInfo && (
           <>
@@ -2273,6 +2279,7 @@ const Reader = ({ bookPath, bookId, bookRecord, getCoverDataUrl, onBack, darkMod
           </>
         )}
       </div>
+      </div>
     </div>
   )
 }