视觉重构：紫渐变 SaaS 风 → 纸感编辑风（A 方案）

旧版多处违反 impeccable 设计规范（gradient text、6rpx 粗色条 border-left、
glassmorphism、bounce 动画）且整体呈现典型「AI/SaaS 通用紫渐变」（#6366f1 系、
#667eea 系），用户反馈「AI 味儿太浓」。

色板（OKLCH 概念，hex 落地）：
- 背景：浅米黄 #FAF6ED
- 主文字：深墨蓝 #1F1D2B
- 暖灰副文字：#8A8278
- 强调（仅 today / FAB）：墨红 #C8412F

涉及改动：
- app.wxss：删模板自带 .container padding 200rpx（首页/日历顶部空白真凶）+ 重写全局色板
- index.wxml/wxss：去紫渐变 Header + glassmorphism stats + border-left 大色条 + bounce
- calendar.wxml/wxss/json：去紫渐变月份头 + today 大色块 + section-title 6rpx 紫条
- settings.wxss：同款紫 Header + tips-card 6rpx 紫条 → 全卡边线 + 浅暖底
- add-anniversary.wxss：chip-active 紫 / 取消提交按钮渐变 / importance 高饱和色 → 统一
- add-person.wxss：gradient text + 紫 dashed 头像占位 + 多重渐变 → 全套重写
- person-detail.wxss：微信绿 + 灰底默认色 → 方向 A 色板
- utils/constants.js：IMPORTANCE_COLORS 高/中/低 = 墨红/焦糖/苔绿（替代橙红/橘/鲜绿）

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

pages/add-anniversary/add-anniversary.wxss

@@ -87,9 +87,9 @@
 }
 
 .chip-active {
-  color: #6366f1;
-  background-color: #eef0ff;
-  border-color: #6366f1;
+  color: #1F1D2B;
+  background-color: #F2EEE5;
+  border-color: #1F1D2B;
 }
 
 .lunar-hint {
@@ -117,9 +117,9 @@
 .lunar-warn-detail {
   margin-top: 12rpx;
   padding: 14rpx 20rpx;
-  background-color: #fffbeb;
-  border-left: 4rpx solid #d97706;
-  border-radius: 4rpx;
+  background-color: #FFF8EE;
+  border: 1rpx solid #EFD9B5;
+  border-radius: 8rpx;
   font-size: 24rpx;
   color: #92400e;
   line-height: 1.6;
@@ -145,15 +145,15 @@
 }
 
 .importance-high {
-  color: #ff5722;
+  color: #C8412F;
 }
 
 .importance-medium {
-  color: #ff9800;
+  color: #B36A1F;
 }
 
 .importance-low {
-  color: #999;
+  color: #8A8278;
 }
 
 .switch-item {
@@ -182,39 +182,35 @@
 
 .btn {
   flex: 1;
-  height: 96rpx;
-  line-height: 96rpx;
-  border-radius: 48rpx;
-  font-size: 32rpx;
-  font-weight: 600;
+  height: 88rpx;
+  line-height: 88rpx;
+  border-radius: 12rpx;
+  font-size: 30rpx;
+  font-weight: 500;
   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);
+  transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
 .btn-cancel {
-  background: linear-gradient(135deg, #f5f7fa 0%, #e8eaf0 100%);
-  color: #666;
-  border: 2rpx solid rgba(102, 126, 234, 0.2);
+  background: #FFFFFF;
+  color: #1F1D2B;
+  border: 1rpx solid #E8E2D5;
 }
 
 .btn-cancel:active {
-  transform: scale(0.98);
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+  background: #F2EEE5;
 }
 
 .btn-submit {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  color: #fff;
-  box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.4);
+  background: #1F1D2B;
+  color: #FAF6ED;
 }
 
 .btn-submit:active {
-  transform: scale(0.98);
-  box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3);
+  opacity: 0.85;
 }
 
 .btn-cancel::after,