[ux] 手機 polish：iPhone SE 快速金額列被隱藏＋standalone splash 頂部模糊帶

[s123104]

摘要

手機 QA（qa-mobile-pwa-report.md）兩項：

1. P2：iPhone SE（667px 高）經典模式輸入側快速金額列被 design-tokens/layout.ts:374 的 short:hidden 整排隱藏（100–5,000 快速鍵），跨視口功能不一致——需產品覆核：小視口是折疊（可展開）還是犧牲。
2. P3：standalone 下 body::before 狀態列模糊帶 z-9999 蓋過 splash z-999，冷啟動頂部 59px 品牌畫面不連續。

驗收標準

SE 視口快速金額可用或有明確替代入口；splash 期間模糊帶不蓋品牌畫面（z 序或 splash 期間隱藏）。

來源

.claude/product-intel/qa-mobile-pwa-report.md（QA-A；PWA 遮蔽六項全過、離線韌性全過）

[s123104]

QA-E staging 複驗（相關項）：內容頁 safe-area ✅ 通過（#605/#616）

CDP 模擬 standalone＋safe-area-inset-top 59px（390×844），staging build 2026-07-05T23:14Z：

• FAQ／關於／指南三頁 sticky 返回列 padding-top: 69px（0.625rem＋59px），滾動貼頂後返回鈕 top = 81px ≥ 59px，完全脫離狀態列、可點擊。
• 錨點連動：/guide/#step-1 目標 scroll-margin-top: 139px（5rem＋59px），跳轉後 targetTop 139.25 ≥ stickyBottom 124，不被返回列遮蔽。
• FAQ／關於頁面無頁內 hash 錨點（不適用錨點場景）。

對照使用者原始截圖（返回列頂進狀態列）已修復。截圖：.claude/product-intel/screens/qse-a-{faq,about,guide}-sticky.png、qse-a-guide-anchor.png。

[s123104]

已修復於 experiment 分支（PR #644）：SE 快速金額列（根因 short:hidden ≤700px 高度斷點，梯次下移 tiny/micro）、splash 頂部模糊帶（z-index 10000 蓋過狀態列 blur 帶）。experiment 併回 main 時隨 PR 關閉。