接入自建后端 + 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/add-person/add-person.wxss

@@ -1,7 +1,7 @@
 /**add-person.wxss**/
 .container {
   min-height: 100vh;
-  background-color: #f5f5f5;
+  background: linear-gradient(180deg, rgba(102, 126, 234, 0.08) 0%, transparent 30%);
   padding-bottom: 120rpx;
 }
 
@@ -10,16 +10,21 @@
 }
 
 .form-item {
-  background-color: #fff;
-  border-radius: 16rpx;
-  padding: 32rpx;
+  background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
+  border-radius: 24rpx;
+  padding: 36rpx;
   margin-bottom: 24rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06);
+  box-shadow: 0 8rpx 32rpx rgba(102, 126, 234, 0.12);
+  border: 2rpx solid rgba(255, 255, 255, 0.8);
 }
 
 .label {
   font-size: 28rpx;
-  color: #333;
+  font-weight: 600;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
   margin-bottom: 24rpx;
   display: block;
 }
@@ -27,6 +32,7 @@
 .label.required::after {
   content: ' *';
   color: #ff5722;
+  -webkit-text-fill-color: #ff5722;
 }
 
 /* 头像上传 */
@@ -38,7 +44,9 @@
   width: 200rpx;
   height: 200rpx;
   border-radius: 50%;
-  background-color: #f0f0f0;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border: 6rpx solid rgba(255, 255, 255, 0.9);
+  box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.3);
 }
 
 .avatar-placeholder {
@@ -46,69 +54,107 @@
   height: 200rpx;
   margin: 0 auto;
   border-radius: 50%;
-  background-color: #f5f5f5;
+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  border: 2px dashed #ddd;
+  border: 4rpx dashed rgba(102, 126, 234, 0.4);
+  transition: all 0.3s ease;
+}
+
+.avatar-placeholder:active {
+  transform: scale(0.95);
+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
 }
 
 .avatar-placeholder .icon {
-  font-size: 60rpx;
+  font-size: 64rpx;
   display: block;
   margin-bottom: 16rpx;
+  filter: grayscale(0.5);
 }
 
 .avatar-placeholder .text {
   font-size: 24rpx;
-  color: #999;
+  color: #667eea;
+  font-weight: 500;
 }
 
 .input {
-  background-color: #f5f5f5;
-  border-radius: 8rpx;
+  background-color: #f8f9fa;
+  border-radius: 12rpx;
   padding: 24rpx;
   font-size: 28rpx;
+  border: 2rpx solid transparent;
+  transition: all 0.3s ease;
+}
+
+.input:focus {
+  background-color: #fff;
+  border-color: #667eea;
 }
 
 .textarea {
-  background-color: #f5f5f5;
-  border-radius: 8rpx;
+  background-color: #f8f9fa;
+  border-radius: 12rpx;
   padding: 24rpx;
   font-size: 28rpx;
   min-height: 160rpx;
+  border: 2rpx solid transparent;
+  transition: all 0.3s ease;
+}
+
+.textarea:focus {
+  background-color: #fff;
+  border-color: #667eea;
 }
 
 .buttons {
   display: flex;
   gap: 24rpx;
   margin-top: 40rpx;
+  padding: 0 32rpx 32rpx;
 }
 
 .btn {
   flex: 1;
-  height: 88rpx;
-  line-height: 88rpx;
-  border-radius: 16rpx;
+  height: 96rpx;
+  line-height: 96rpx;
+  border-radius: 48rpx;
   font-size: 32rpx;
+  font-weight: 600;
   border: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
 }
 
 .btn-cancel {
-  background-color: #f5f5f5;
+  background: linear-gradient(135deg, #f5f7fa 0%, #e8eaf0 100%);
   color: #666;
+  border: 2rpx solid rgba(102, 126, 234, 0.2);
+}
+
+.btn-cancel:active {
+  transform: scale(0.98);
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
 }
 
 .btn-submit {
-  background: linear-gradient(135deg, #07c160 0%, #06ad56 100%);
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: #fff;
+  box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.4);
 }
 
-.btn-cancel::after {
-  border: none;
+.btn-submit:active {
+  transform: scale(0.98);
+  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3);
 }
 
+.btn-cancel::after,
 .btn-submit::after {
   border: none;
 }