feat(auth): 预加载用户数据并优化登录状态同步

- 在启动屏预加载用户 token 与资料，避免首页白屏
- 新增 rehydrateUserSync 同步注入 Redux，减少异步等待
- 登录页兼容 ERR_REQUEST_CANCELED 取消场景
- 各页面统一依赖 isLoggedIn 判断，移除冗余控制台日志
- 步数卡片与详情页改为实时拉取健康数据，不再缓存至 Redux
- 后台任务注册移至顶层，防止重复定义
- 体重记录、HeaderBar 等 UI 细节样式微调

app/weight-records.tsx

@@ -1,4 +1,5 @@
 import NumberKeyboard from '@/components/NumberKeyboard';
+import { HeaderBar } from '@/components/ui/HeaderBar';
 import { WeightRecordCard } from '@/components/weight/WeightRecordCard';
 import { Colors } from '@/constants/Colors';
 import { getTabBarBottomPadding } from '@/constants/TabBar';
@@ -169,65 +170,64 @@ export default function WeightRecordsPage() {
 
   return (
     <View style={styles.container}>
+      {/* 背景渐变 */}
       <LinearGradient
-        colors={[themeColors.backgroundGradientStart, themeColors.backgroundGradientEnd]}
-        style={styles.gradient}
+        colors={['#F0F9FF', '#E0F2FE']}
+        style={styles.gradientBackground}
         start={{ x: 0, y: 0 }}
-        end={{ x: 0, y: 1 }}
-      >
-        {/* Header */}
-        <View style={styles.header}>
-          <TouchableOpacity onPress={handleGoBack} style={styles.backButton}>
-            <Ionicons name="chevron-back" size={24} color="#192126" />
-          </TouchableOpacity>
-          <TouchableOpacity onPress={handleAddWeight} style={styles.addButton}>
-            <Ionicons name="add" size={24} color="#192126" />
-          </TouchableOpacity>
-        </View>
-        {/* Weight Statistics */}
-        <View style={styles.statsContainer}>
-          <View style={styles.statsRow}>
-            <View style={styles.statItem}>
-              <Text style={styles.statValue}>{totalWeightLoss.toFixed(1)}kg</Text>
-              <Text style={styles.statLabel}>累计减重</Text>
+        end={{ x: 1, y: 1 }}
+      />
+
+      <HeaderBar
+        title="体重记录"
+        right={<TouchableOpacity onPress={handleAddWeight} style={styles.addButton}>
+          <Ionicons name="add" size={24} color="#192126" />
+        </TouchableOpacity>}
+      />
+      {/* Weight Statistics */}
+      <View style={styles.statsContainer}>
+        <View style={styles.statsRow}>
+          <View style={styles.statItem}>
+            <Text style={styles.statValue}>{totalWeightLoss.toFixed(1)}kg</Text>
+            <Text style={styles.statLabel}>累计减重</Text>
+          </View>
+          <View style={styles.statItem}>
+            <Text style={styles.statValue}>{currentWeight.toFixed(1)}kg</Text>
+            <Text style={styles.statLabel}>当前体重</Text>
+          </View>
+          <View style={styles.statItem}>
+            <Text style={styles.statValue}>{initialWeight.toFixed(1)}kg</Text>
+            <View style={styles.statLabelContainer}>
+              <Text style={styles.statLabel}>初始体重</Text>
+              <TouchableOpacity onPress={handleEditInitialWeight} style={styles.editIcon}>
+                <Ionicons name="create-outline" size={14} color="#FF9500" />
+              </TouchableOpacity>
             </View>
-            <View style={styles.statItem}>
-              <Text style={styles.statValue}>{currentWeight.toFixed(1)}kg</Text>
-              <Text style={styles.statLabel}>当前体重</Text>
-            </View>
-            <View style={styles.statItem}>
-              <Text style={styles.statValue}>{initialWeight.toFixed(1)}kg</Text>
-              <View style={styles.statLabelContainer}>
-                <Text style={styles.statLabel}>初始体重</Text>
-                <TouchableOpacity onPress={handleEditInitialWeight} style={styles.editIcon}>
-                  <Ionicons name="create-outline" size={14} color="#FF9500" />
-                </TouchableOpacity>
-              </View>
-            </View>
-            <View style={styles.statItem}>
-              <Text style={styles.statValue}>{targetWeight.toFixed(1)}kg</Text>
-              <View style={styles.statLabelContainer}>
-                <Text style={styles.statLabel}>目标体重</Text>
-                <TouchableOpacity onPress={handleEditTargetWeight} style={styles.editIcon}>
-                  <Ionicons name="create-outline" size={14} color="#FF9500" />
-                </TouchableOpacity>
-              </View>
+          </View>
+          <View style={styles.statItem}>
+            <Text style={styles.statValue}>{targetWeight.toFixed(1)}kg</Text>
+            <View style={styles.statLabelContainer}>
+              <Text style={styles.statLabel}>目标体重</Text>
+              <TouchableOpacity onPress={handleEditTargetWeight} style={styles.editIcon}>
+                <Ionicons name="create-outline" size={14} color="#FF9500" />
+              </TouchableOpacity>
             </View>
           </View>
         </View>
+      </View>
 
-        <ScrollView
-          style={styles.content}
-          contentContainerStyle={[styles.contentContainer, { paddingBottom: getTabBarBottomPadding() + 20 }]}
-          showsVerticalScrollIndicator={false}
-        >
+      <ScrollView
+        style={styles.content}
+        contentContainerStyle={[styles.contentContainer, { paddingBottom: getTabBarBottomPadding() + 20 }]}
+        showsVerticalScrollIndicator={false}
+      >
 
-          {/* Monthly Records */}
-          {Object.keys(groupedHistory).length > 0 ? (
-            Object.entries(groupedHistory).map(([month, records]) => (
-              <View key={month} style={styles.monthContainer}>
-                {/* Month Header Card */}
-                {/* <View style={styles.monthHeaderCard}>
+        {/* Monthly Records */}
+        {Object.keys(groupedHistory).length > 0 ? (
+          Object.entries(groupedHistory).map(([month, records]) => (
+            <View key={month} style={styles.monthContainer}>
+              {/* Month Header Card */}
+              {/* <View style={styles.monthHeaderCard}>
                   <View style={styles.monthTitleRow}>
                     <Text style={styles.monthNumber}>
                       {dayjs(month, 'YYYY年MM月').format('MM')}
@@ -245,139 +245,138 @@ export default function WeightRecordsPage() {
                   </Text>
                 </View> */}
 
-                {/* Individual Record Cards */}
-                {records.map((record, recordIndex) => {
-                  // Calculate weight change from previous record
-                  const prevRecord = recordIndex < records.length - 1 ? records[recordIndex + 1] : null;
-                  const weightChange = prevRecord ?
-                    parseFloat(record.weight) - parseFloat(prevRecord.weight) : 0;
+              {/* Individual Record Cards */}
+              {records.map((record, recordIndex) => {
+                // Calculate weight change from previous record
+                const prevRecord = recordIndex < records.length - 1 ? records[recordIndex + 1] : null;
+                const weightChange = prevRecord ?
+                  parseFloat(record.weight) - parseFloat(prevRecord.weight) : 0;
 
-                  return (
-                    <WeightRecordCard
-                      key={`${record.createdAt}-${recordIndex}`}
-                      record={record}
-                      onPress={handleEditWeightRecord}
-                      onDelete={handleDeleteWeightRecord}
-                      weightChange={weightChange}
-                    />
-                  );
-                })}
-              </View>
-            ))
-          ) : (
-            <View style={styles.emptyContainer}>
-              <View style={styles.emptyContent}>
-                <Text style={styles.emptyText}>暂无体重记录</Text>
-                <Text style={styles.emptySubtext}>点击右上角添加按钮开始记录</Text>
-              </View>
+                return (
+                  <WeightRecordCard
+                    key={`${record.createdAt}-${recordIndex}`}
+                    record={record}
+                    onPress={handleEditWeightRecord}
+                    onDelete={handleDeleteWeightRecord}
+                    weightChange={weightChange}
+                  />
+                );
+              })}
             </View>
-          )}
-        </ScrollView>
-
-        {/* Weight Input Modal */}
-        <Modal
-          visible={showWeightPicker}
-          animationType="fade"
-          transparent
-          onRequestClose={() => setShowWeightPicker(false)}
-        >
-          <View style={styles.modalContainer}>
-            <TouchableOpacity
-              style={styles.modalBackdrop}
-              activeOpacity={1}
-              onPress={() => setShowWeightPicker(false)}
-            />
-            <View style={[styles.modalSheet, { backgroundColor: themeColors.background }]}>
-              {/* Header */}
-              <View style={styles.modalHeader}>
-                <TouchableOpacity onPress={() => setShowWeightPicker(false)}>
-                  <Ionicons name="close" size={24} color={themeColors.text} />
-                </TouchableOpacity>
-                <Text style={[styles.modalTitle, { color: themeColors.text }]}>
-                  {pickerType === 'current' && '记录体重'}
-                  {pickerType === 'initial' && '编辑初始体重'}
-                  {pickerType === 'target' && '编辑目标体重'}
-                  {pickerType === 'edit' && '编辑体重记录'}
-                </Text>
-                <View style={{ width: 24 }} />
-              </View>
-
-              <ScrollView
-                style={styles.modalContent}
-                showsVerticalScrollIndicator={false}
-              >
-                {/* Weight Display Section */}
-                <View style={styles.inputSection}>
-                  <View style={styles.weightInputContainer}>
-                    <View style={styles.weightIcon}>
-                      <Ionicons name="scale-outline" size={20} color="#6366F1" />
-                    </View>
-                    <View style={styles.inputWrapper}>
-                      <Text style={[styles.weightDisplay, { color: inputWeight ? themeColors.text : themeColors.textSecondary }]}>
-                        {inputWeight || '输入体重'}
-                      </Text>
-                      <Text style={[styles.unitLabel, { color: themeColors.textSecondary }]}>kg</Text>
-                    </View>
-                  </View>
-
-                  {/* Weight Range Hint */}
-                  <Text style={[styles.hintText, { color: themeColors.textSecondary }]}>
-                    请输入 0-500 之间的数值，支持小数
-                  </Text>
-                </View>
-
-                {/* Quick Selection */}
-                <View style={styles.quickSelectionSection}>
-                  <Text style={[styles.quickSelectionTitle, { color: themeColors.text }]}>快速选择</Text>
-                  <View style={styles.quickButtons}>
-                    {[50, 60, 70, 80, 90].map((weight) => (
-                      <TouchableOpacity
-                        key={weight}
-                        style={[
-                          styles.quickButton,
-                          inputWeight === weight.toString() && styles.quickButtonSelected
-                        ]}
-                        onPress={() => setInputWeight(weight.toString())}
-                      >
-                        <Text style={[
-                          styles.quickButtonText,
-                          inputWeight === weight.toString() && styles.quickButtonTextSelected
-                        ]}>
-                          {weight}kg
-                        </Text>
-                      </TouchableOpacity>
-                    ))}
-                  </View>
-                </View>
-              </ScrollView>
-
-              {/* Custom Number Keyboard */}
-              <NumberKeyboard
-                onNumberPress={handleNumberPress}
-                onDeletePress={handleDeletePress}
-                onDecimalPress={handleDecimalPress}
-                hasDecimal={inputWeight.includes('.')}
-                maxLength={6}
-                currentValue={inputWeight}
-              />
-
-              {/* Save Button */}
-              <View style={styles.modalFooter}>
-                <TouchableOpacity
-                  style={[
-                    styles.saveButton,
-                    { opacity: !inputWeight.trim() ? 0.5 : 1 }
-                  ]}
-                  onPress={handleWeightSave}
-                  disabled={!inputWeight.trim()}
-                >
-                  <Text style={styles.saveButtonText}>确定</Text>
-                </TouchableOpacity>
-              </View>
+          ))
+        ) : (
+          <View style={styles.emptyContainer}>
+            <View style={styles.emptyContent}>
+              <Text style={styles.emptyText}>暂无体重记录</Text>
+              <Text style={styles.emptySubtext}>点击右上角添加按钮开始记录</Text>
             </View>
           </View>
-        </Modal>
-      </LinearGradient>
+        )}
+      </ScrollView>
+
+      {/* Weight Input Modal */}
+      <Modal
+        visible={showWeightPicker}
+        animationType="fade"
+        transparent
+        onRequestClose={() => setShowWeightPicker(false)}
+      >
+        <View style={styles.modalContainer}>
+          <TouchableOpacity
+            style={styles.modalBackdrop}
+            activeOpacity={1}
+            onPress={() => setShowWeightPicker(false)}
+          />
+          <View style={[styles.modalSheet, { backgroundColor: themeColors.background }]}>
+            {/* Header */}
+            <View style={styles.modalHeader}>
+              <TouchableOpacity onPress={() => setShowWeightPicker(false)}>
+                <Ionicons name="close" size={24} color={themeColors.text} />
+              </TouchableOpacity>
+              <Text style={[styles.modalTitle, { color: themeColors.text }]}>
+                {pickerType === 'current' && '记录体重'}
+                {pickerType === 'initial' && '编辑初始体重'}
+                {pickerType === 'target' && '编辑目标体重'}
+                {pickerType === 'edit' && '编辑体重记录'}
+              </Text>
+              <View style={{ width: 24 }} />
+            </View>
+
+            <ScrollView
+              style={styles.modalContent}
+              showsVerticalScrollIndicator={false}
+            >
+              {/* Weight Display Section */}
+              <View style={styles.inputSection}>
+                <View style={styles.weightInputContainer}>
+                  <View style={styles.weightIcon}>
+                    <Ionicons name="scale-outline" size={20} color="#6366F1" />
+                  </View>
+                  <View style={styles.inputWrapper}>
+                    <Text style={[styles.weightDisplay, { color: inputWeight ? themeColors.text : themeColors.textSecondary }]}>
+                      {inputWeight || '输入体重'}
+                    </Text>
+                    <Text style={[styles.unitLabel, { color: themeColors.textSecondary }]}>kg</Text>
+                  </View>
+                </View>
+
+                {/* Weight Range Hint */}
+                <Text style={[styles.hintText, { color: themeColors.textSecondary }]}>
+                  请输入 0-500 之间的数值，支持小数
+                </Text>
+              </View>
+
+              {/* Quick Selection */}
+              <View style={styles.quickSelectionSection}>
+                <Text style={[styles.quickSelectionTitle, { color: themeColors.text }]}>快速选择</Text>
+                <View style={styles.quickButtons}>
+                  {[50, 60, 70, 80, 90].map((weight) => (
+                    <TouchableOpacity
+                      key={weight}
+                      style={[
+                        styles.quickButton,
+                        inputWeight === weight.toString() && styles.quickButtonSelected
+                      ]}
+                      onPress={() => setInputWeight(weight.toString())}
+                    >
+                      <Text style={[
+                        styles.quickButtonText,
+                        inputWeight === weight.toString() && styles.quickButtonTextSelected
+                      ]}>
+                        {weight}kg
+                      </Text>
+                    </TouchableOpacity>
+                  ))}
+                </View>
+              </View>
+            </ScrollView>
+
+            {/* Custom Number Keyboard */}
+            <NumberKeyboard
+              onNumberPress={handleNumberPress}
+              onDeletePress={handleDeletePress}
+              onDecimalPress={handleDecimalPress}
+              hasDecimal={inputWeight.includes('.')}
+              maxLength={6}
+              currentValue={inputWeight}
+            />
+
+            {/* Save Button */}
+            <View style={styles.modalFooter}>
+              <TouchableOpacity
+                style={[
+                  styles.saveButton,
+                  { opacity: !inputWeight.trim() ? 0.5 : 1 }
+                ]}
+                onPress={handleWeightSave}
+                disabled={!inputWeight.trim()}
+              >
+                <Text style={styles.saveButtonText}>确定</Text>
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      </Modal>
     </View>
   );
 }
@@ -386,8 +385,12 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
-  gradient: {
-    flex: 1,
+  gradientBackground: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
   },
   header: {
     flexDirection: 'row',