接入自建后端 + 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>

app.wxss

@@ -11,7 +11,8 @@
 
 /* 全局样式 */
 page {
-  background-color: #f5f5f5;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background-attachment: fixed;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
     'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
@@ -23,44 +24,53 @@ page {
 
 /* 按钮样式 */
 .btn {
-  border-radius: 8rpx;
+  border-radius: 12rpx;
   font-size: 32rpx;
   padding: 24rpx 48rpx;
+  transition: all 0.3s ease;
 }
 
 .btn-primary {
-  background-color: #07c160;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: #fff;
+  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.4);
 }
 
 .btn-secondary {
   background-color: #fff;
   color: #333;
-  border: 1px solid #ddd;
+  border: 2rpx solid #e8e8e8;
 }
 
 /* 卡片样式 */
 .card {
   background-color: #fff;
-  border-radius: 16rpx;
+  border-radius: 24rpx;
   padding: 32rpx;
   margin-bottom: 24rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.12);
+  transition: all 0.3s ease;
 }
 
 /* 输入框样式 */
 .input {
-  background-color: #fff;
+  background-color: #f8f9fa;
   padding: 24rpx;
-  border-radius: 8rpx;
-  border: 1px solid #e0e0e0;
+  border-radius: 12rpx;
+  border: 2rpx solid transparent;
   font-size: 28rpx;
+  transition: all 0.3s ease;
+}
+
+.input:focus {
+  background-color: #fff;
+  border-color: #667eea;
 }
 
 /* 分割线 */
 .divider {
   height: 1rpx;
-  background-color: #f0f0f0;
+  background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
   margin: 32rpx 0;
 }
 
@@ -68,17 +78,20 @@ page {
 .empty-state {
   text-align: center;
   padding: 120rpx 40rpx;
-  color: #999;
+  color: rgba(255, 255, 255, 0.8);
 }
 
 .empty-state .icon {
-  font-size: 120rpx;
+  font-size: 140rpx;
   margin-bottom: 32rpx;
+  filter: drop-shadow(0 4rpx 8rpx rgba(0, 0, 0, 0.1));
 }
 
 .empty-state .text {
-  font-size: 28rpx;
-  color: #999;
+  font-size: 32rpx;
+  color: rgba(255, 255, 255, 0.9);
+  font-weight: 500;
+  margin-bottom: 12rpx;
 }
 
 /* 浮动按钮 */
@@ -86,16 +99,22 @@ page {
   position: fixed;
   bottom: 120rpx;
   right: 40rpx;
-  width: 100rpx;
-  height: 100rpx;
+  width: 112rpx;
+  height: 112rpx;
   border-radius: 50%;
-  background-color: #07c160;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 60rpx;
-  box-shadow: 0 8rpx 24rpx rgba(7, 193, 96, 0.3);
+  font-size: 64rpx;
+  box-shadow: 0 12rpx 40rpx rgba(102, 126, 234, 0.5);
   z-index: 100;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.fab:active {
+  transform: scale(0.92);
+  box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.4);
 }