设置页改造：「设置」→「数据」，做成数据中心

- tabBar 文字 ⚙️ 设置 → 💾 数据
- Header 收敛成 标题 + 一行统计 + 上次备份时间
- 删除「关于」「温馨提示」整块装饰内容
- 「数据管理」拆成「备份」+「危险操作」两组
- 导出成功后写入 lastBackupAt，进页面格式化展示
- 图标背景从冷色统一为纸感暖色
- 底部加版本号 v2.1.3 小字

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

pages/settings/settings.wxml

@@ -5,37 +5,29 @@
   <view class="header">
     <view class="header-top">
       <view class="header-left">
-        <text class="header-title">设置</text>
-        <text class="header-sub">数据管理与关于</text>
+        <text class="header-title">数据</text>
+        <text class="header-sub">{{personsCount}} 位好友 · {{anniversariesCount}} 个纪念日</text>
       </view>
-      <view class="header-icon">⚙️</view>
+      <view class="header-icon">💾</view>
     </view>
-    <!-- 数据统计 -->
-    <view class="stats-row">
-      <view class="stat-item">
-        <text class="stat-num">{{dataCount.persons}}</text>
-        <text class="stat-label">位好友</text>
-      </view>
-      <view class="stat-sep"></view>
-      <view class="stat-item">
-        <text class="stat-num">{{dataCount.anniversaries}}</text>
-        <text class="stat-label">个纪念日</text>
-      </view>
+    <view class="header-meta">
+      <text class="meta-label">上次备份</text>
+      <text class="meta-value">{{lastBackupText}}</text>
     </view>
   </view>
 
   <scroll-view class="body" scroll-y>
 
-    <!-- 数据管理 -->
-    <view class="section-label">数据管理</view>
+    <!-- 备份 -->
+    <view class="section-label">备份</view>
     <view class="card-group">
       <view class="row" bindtap="onExportData">
-        <view class="row-icon-wrap" style="background:#fff7ed;">
+        <view class="row-icon-wrap">
           <text class="row-icon">📤</text>
         </view>
         <view class="row-body">
-          <text class="row-title">导出数据</text>
-          <text class="row-desc">复制 JSON 到剪贴板</text>
+          <text class="row-title">导出到剪贴板</text>
+          <text class="row-desc">复制 JSON，粘贴到备忘录或邮件保存</text>
         </view>
         <text class="row-arrow">›</text>
       </view>
@@ -43,74 +35,34 @@
       <view class="row-divider"></view>
 
       <view class="row" bindtap="onImportData">
-        <view class="row-icon-wrap" style="background:#eff6ff;">
+        <view class="row-icon-wrap">
           <text class="row-icon">📥</text>
         </view>
         <view class="row-body">
-          <text class="row-title">导入数据</text>
-          <text class="row-desc">从剪贴板读取并导入</text>
+          <text class="row-title">从剪贴板恢复</text>
+          <text class="row-desc">读取剪贴板内容并覆盖本地数据</text>
         </view>
         <text class="row-arrow">›</text>
       </view>
+    </view>
 
-      <view class="row-divider"></view>
-
+    <!-- 危险操作 -->
+    <view class="section-label danger-label">危险操作</view>
+    <view class="card-group">
       <view class="row" bindtap="onClearData">
-        <view class="row-icon-wrap" style="background:#fff1f2;">
-          <text class="row-icon">🗑️</text>
+        <view class="row-icon-wrap danger-icon-wrap">
+          <text class="row-icon">🗑</text>
         </view>
         <view class="row-body">
           <text class="row-title danger">清空所有数据</text>
-          <text class="row-desc danger">此操作不可恢复，请谨慎</text>
+          <text class="row-desc danger">此操作不可恢复，请先导出备份</text>
         </view>
         <text class="row-arrow danger">›</text>
       </view>
     </view>
 
-    <!-- 关于 -->
-    <view class="section-label">关于</view>
-    <view class="card-group">
-      <view class="row">
-        <view class="row-icon-wrap" style="background:#f0fdf4;">
-          <text class="row-icon">📱</text>
-        </view>
-        <view class="row-body">
-          <text class="row-title">版本号</text>
-        </view>
-        <text class="row-value">v1.0.0</text>
-      </view>
-
-      <view class="row-divider"></view>
-
-      <view class="row">
-        <view class="row-icon-wrap" style="background:#faf5ff;">
-          <text class="row-icon">👨‍💻</text>
-        </view>
-        <view class="row-body">
-          <text class="row-title">开发作者</text>
-        </view>
-        <text class="row-value">生日提醒团队</text>
-      </view>
-    </view>
-
-    <!-- 提示 -->
-    <view class="tips-card">
-      <view class="tips-title">
-        <text class="tips-icon">💡</text>
-        <text class="tips-heading">温馨提示</text>
-      </view>
-      <view class="tips-item">
-        <text class="tips-dot">·</text>
-        <text class="tips-text">建议定期导出数据备份</text>
-      </view>
-      <view class="tips-item">
-        <text class="tips-dot">·</text>
-        <text class="tips-text">农历转换使用寿星万年历算法（1900–2100）</text>
-      </view>
-      <view class="tips-item">
-        <text class="tips-dot">·</text>
-        <text class="tips-text">开启提醒需授权订阅消息</text>
-      </view>
+    <view class="footer">
+      <text class="footer-version">{{version}}</text>
     </view>
 
     <view class="bottom-pad"></view>