feat: add scroll top mask, unify page top spacing and docs

src/pages/designList/index.tsx

@@ -10,6 +10,7 @@ import { useSafeArea } from '../../hooks/useSafeArea'
 import { useStatusBar } from '../../hooks/useStatusBar'
 import LoginGuard from '../../components/LoginGuard'
 import ThemedPageMeta from '../../components/ThemedPageMeta'
+import ScrollTopMask from '../../components/ScrollTopMask'
 
 const STATUS_TABS = [
   { code: 'all', label: '全部' },
@@ -120,9 +121,10 @@ export default function DesignListPage() {
   return (
     <View className={`theme-${resolvedTheme}`}>
       <ThemedPageMeta />
+      <ScrollTopMask title="我的设计清单" targetSelector=".page-header.design-header" />
       <LoginGuard>
         <View className='design-page'>
-          <View className='page-header design-header' style={{ paddingTop: `${safe.headerPaddingTop}px` }}>
+          <View className='page-header design-header' style={{ paddingTop: `${safe.statusBarHeight + 12}px` }}>
             <View className='header-spacer' />
             <Text className='header-title'>我的设计清单</Text>
             <View className='header-manage' onTap={handleManage}>