/browse 的 main 分支缺少 flex-1,内容少时主区不撑开,底部导航跟着内容
跳到屏幕中间。补上 flex-1,主区填满剩余高度,sticky 底部导航始终贴底。
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- SearchPanel: focus input with { preventScroll: true } so the browser
doesn't auto-scroll the underlying page when the overlay mounts.
- SearchPanel: add overscroll-contain on the scroll container so
reaching the panel's edges does not chain into the body on Android.
- PublicLayout: lock background scroll while the mobile search overlay
is open using the iOS-compatible position-fixed + restore pattern,
so the page underneath cannot move at all.
- BackToTop now only mounts on the /browse feed (covers all / latest /
popular / search) instead of every route.
- Reveal animation duration cut 0.4s -> 0.25s so scrolled-in content
appears faster.
- ScrollToTop also watches `search`, so switching between sort views on
the same /browse path (e.g. 全部资料 <-> 热门资料) returns to the top.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Recommended cards already routed to /browse#post-<id>, but the stream had
no logic to scroll to the target bubble — and the post might not be paged
in yet. MessageStream now resolves the #post-<id> hash, auto-loads more
pages until the bubble renders, scrolls to it, and gives it a brief gold
highlight. Bubbles get scroll-mt so they clear the sticky header.
Also adds a global floating back-to-top button (BackToTop) mounted in
PublicLayout, shown after scrolling past 400px.
Bundles related staging UI work already present in the working tree.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Use ArkLogoMark + t('brand') on the mobile header so the wordmark can be translated (zh-CN: 'ARK 资料库', en: 'ARK Library'). Desktop nav already used this pattern.
