[bug] PWA standalone 內容頁返回列被狀態列遮蔽（sticky 未吃 safe-area-inset-top）

[s123104]

摘要

PWA standalone 模式下，7 個內容頁（FAQ／使用指南／關於／隱私／開放資料／SEO 揭露／開源）共用的返回麵包屑列（PageNavHeader）被 iOS 狀態列遮蔽，返回按鈕頂進瀏海區域無法辨識與點擊。

背景／證據

• 使用者於實機 iPhone（PWA 安裝後 standalone）親自取證：內容頁 sticky 返回列直接被狀態列覆蓋。
• 根因：apps/ratewise/src/components/PageNavHeader.tsx 的 sticky 列為 sticky top-0 + 固定 py-2.5（padding-top 10px），未套用 env(safe-area-inset-top)。
• App 設定 viewport-fit=cover + apple-mobile-web-app-status-bar-style: black-translucent，standalone 下內容延伸至狀態列底下，該列頂到 y=0 被狀態列蓋住。
• 換算器主畫面（AppLayout 系）已有 safe-area 處理，不受影響；僅內容頁共用骨架中招。
• 使用者已實機驗證修法：套用專案既有 .pt-safe-top（padding-top: env(safe-area-inset-top, 0)）後，該列下移 59px 完全脫離狀態列。

影響

• 所有 iPhone 瀏海／動態島機型的 PWA standalone 使用者，7 個內容頁的「返回」操作被狀態列遮蔽，導覽功能實質不可用。
• 影響頁面：/faq/、/guide/、/about/、/privacy/、/open-data/、/seo-tech/、/open-source/。

範圍

• apps/ratewise/src/components/PageNavHeader.tsx（sticky 返回列）
• 連動檢查：sticky 列變高後，錨點跳轉（隱私頁／Guide 目錄 scroll-mt-20）與內容起始位置。

驗收標準

• standalone + safe-area-inset-top 環境下，返回列完全脫離狀態列且 sticky 捲動時持續貼齊 safe-area 下緣
• 7 個內容頁全數驗證（390×844 模擬 standalone + inset 前後截圖）
• 錨點跳轉（scroll-mt）不被變高後的 sticky 列遮蔽
• 內容頁測試補 safe-area class 斷言，vitest／typecheck／build 全綠

[s123104]

重複收斂：與 #601 同一缺陷（PWA standalone 內容頁返回列 safe-area 遮蔽），已由 PR #605 修復併入 experiment（單點修 PageNavHeader，七內容頁＋幣別頁＋authority 頁全數受惠）。manifest 跨網域部分續留 #602 由 #613 改造版處理。

[s123104]

修復 PR：#616（base: experiment/ratewise-product-2026h2）。CDP 注入 safe-area-inset-top 59px 複驗 7 個內容頁前後截圖全數通過，錨點跳轉（privacy／guide）連動修正。附帶取證：staging manifest 跨網域已立案 #612；font unused preload 根因（Beasties 剝除 @font-face）已於同 PR 修復；React #418 staging 複驗無殘留。