接入自建后端 + Gitea CI/CD

- 新增 server/：Node + Express + SQLite + node-cron 实现登录、纪念日 CRUD 和定时订阅消息推送
- 新增 .gitea/workflows/deploy.yml：推送即触发群晖 Docker 部署，监听 15002
- utils/api.js：自动按 envVersion 切换本地/线上 BASE_URL
- app.js 与 add-anniversary.js 移除 wx.cloud 调用，改走自建后端
- cloudfunctions/ 暂保留以便回滚
- 一并提交此前未入库的首页 / 设置页 / 日历 / 万年历等改造

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

pages/settings/settings.wxml

@@ -1,46 +1,119 @@
 <!--settings.wxml-->
-<view class="container">
-  <view class="settings-list">
-    <!-- 数据备份 -->
-    <view class="setting-section">
-      <text class="section-title">数据管理</text>
-      
-      <view class="setting-item" bindtap="onExportData">
-        <text class="item-label">📤 导出数据</text>
-        <text class="item-arrow">›</text>
+<view class="page">
+
+  <!-- Header -->
+  <view class="header">
+    <view class="header-top">
+      <view class="header-left">
+        <text class="header-title">设置</text>
+        <text class="header-sub">数据管理与关于</text>
       </view>
-      
-      <view class="setting-item" bindtap="onImportData">
-        <text class="item-label">📥 导入数据</text>
-        <text class="item-arrow">›</text>
+      <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="setting-item" bindtap="onClearData">
-        <text class="item-label danger">🗑️ 清空所有数据</text>
-        <text class="item-arrow">›</text>
+      <view class="stat-sep"></view>
+      <view class="stat-item">
+        <text class="stat-num">{{dataCount.anniversaries}}</text>
+        <text class="stat-label">个纪念日</text>
+      </view>
+    </view>
+  </view>
+
+  <scroll-view class="body" scroll-y>
+
+    <!-- 数据管理 -->
+    <view class="section-label">数据管理</view>
+    <view class="card-group">
+      <view class="row" bindtap="onExportData">
+        <view class="row-icon-wrap" style="background:#fff7ed;">
+          <text class="row-icon">📤</text>
+        </view>
+        <view class="row-body">
+          <text class="row-title">导出数据</text>
+          <text class="row-desc">复制 JSON 到剪贴板</text>
+        </view>
+        <text class="row-arrow">›</text>
+      </view>
+
+      <view class="row-divider"></view>
+
+      <view class="row" bindtap="onImportData">
+        <view class="row-icon-wrap" style="background:#eff6ff;">
+          <text class="row-icon">📥</text>
+        </view>
+        <view class="row-body">
+          <text class="row-title">导入数据</text>
+          <text class="row-desc">从剪贴板读取并导入</text>
+        </view>
+        <text class="row-arrow">›</text>
+      </view>
+
+      <view class="row-divider"></view>
+
+      <view class="row" bindtap="onClearData">
+        <view class="row-icon-wrap" style="background:#fff1f2;">
+          <text class="row-icon">🗑️</text>
+        </view>
+        <view class="row-body">
+          <text class="row-title danger">清空所有数据</text>
+          <text class="row-desc danger">此操作不可恢复，请谨慎</text>
+        </view>
+        <text class="row-arrow danger">›</text>
       </view>
     </view>
 
     <!-- 关于 -->
-    <view class="setting-section">
-      <text class="section-title">关于</text>
-      
-      <view class="setting-item">
-        <text class="item-label">版本号</text>
-        <text class="item-value">v1.0.0</text>
+    <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="setting-item">
-        <text class="item-label">开发作者</text>
-        <text class="item-value">生日提醒团队</text>
+
+      <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="info-box">
-      <text class="info-title">💡 温馨提示</text>
-      <text class="info-text">1. 建议定期导出数据备份\n2. 农历转换目前使用简化算法\n3. 提醒功能需要小程序权限</text>
+    <!-- 提示 -->
+    <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>
-  </view>
+
+    <view class="bottom-pad"></view>
+  </scroll-view>
+
 </view>
-