From f8ace4b0169003d8a8402b2836ccef71a5275ebf Mon Sep 17 00:00:00 2001
From: Yuzhiran Dev <dev@yuzhiran.com>
Date: Sat, 11 Jul 2026 21:21:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=B4=E5=BA=A6=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E9=A5=B1=E5=92=8C=E5=BA=A6=E6=8F=90=E9=AB=98=E8=87=B320%+?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E9=97=AE=E5=80=99=E5=8C=BA=E6=B8=90=E5=8F=98?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/App.vue               | 40 ++++++++++++++++----------------
 client/src/pages/index/index.vue |  7 ++++++
 2 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/client/src/App.vue b/client/src/App.vue
index 9cb1a86..3fe920b 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -103,34 +103,34 @@ page, .theme-light {
 
   /* 维度色 — 高饱和度，在浅色底上鲜艳 */
   --dim1-color: #6366f1;
-  --dim1-bg: rgba(99, 102, 241, 0.08);
-  --dim1-icon-bg: rgba(99, 102, 241, 0.15);
-  --dim1-border: rgba(99, 102, 241, 0.18);
-  --dim1-glow: rgba(99, 102, 241, 0.05);
+  --dim1-bg: rgba(99, 102, 241, 0.2);
+  --dim1-icon-bg: rgba(99, 102, 241, 0.25);
+  --dim1-border: rgba(99, 102, 241, 0.3);
+  --dim1-glow: rgba(99, 102, 241, 0.08);
 
   --dim2-color: #0891b2;
-  --dim2-bg: rgba(8, 145, 178, 0.08);
-  --dim2-icon-bg: rgba(8, 145, 178, 0.15);
-  --dim2-border: rgba(8, 145, 178, 0.18);
-  --dim2-glow: rgba(8, 145, 178, 0.05);
+  --dim2-bg: rgba(8, 145, 178, 0.2);
+  --dim2-icon-bg: rgba(8, 145, 178, 0.25);
+  --dim2-border: rgba(8, 145, 178, 0.3);
+  --dim2-glow: rgba(8, 145, 178, 0.08);
 
   --dim3-color: #059669;
-  --dim3-bg: rgba(5, 150, 105, 0.08);
-  --dim3-icon-bg: rgba(5, 150, 105, 0.15);
-  --dim3-border: rgba(5, 150, 105, 0.18);
-  --dim3-glow: rgba(5, 150, 105, 0.05);
+  --dim3-bg: rgba(5, 150, 105, 0.2);
+  --dim3-icon-bg: rgba(5, 150, 105, 0.25);
+  --dim3-border: rgba(5, 150, 105, 0.3);
+  --dim3-glow: rgba(5, 150, 105, 0.08);
 
   --dim4-color: #d97706;
-  --dim4-bg: rgba(217, 119, 6, 0.08);
-  --dim4-icon-bg: rgba(217, 119, 6, 0.15);
-  --dim4-border: rgba(217, 119, 6, 0.18);
-  --dim4-glow: rgba(217, 119, 6, 0.05);
+  --dim4-bg: rgba(217, 119, 6, 0.2);
+  --dim4-icon-bg: rgba(217, 119, 6, 0.25);
+  --dim4-border: rgba(217, 119, 6, 0.3);
+  --dim4-glow: rgba(217, 119, 6, 0.08);
 
   --dim5-color: #dc2626;
-  --dim5-bg: rgba(220, 38, 38, 0.08);
-  --dim5-icon-bg: rgba(220, 38, 38, 0.15);
-  --dim5-border: rgba(220, 38, 38, 0.18);
-  --dim5-glow: rgba(220, 38, 38, 0.05);
+  --dim5-bg: rgba(220, 38, 38, 0.2);
+  --dim5-icon-bg: rgba(220, 38, 38, 0.25);
+  --dim5-border: rgba(220, 38, 38, 0.3);
+  --dim5-glow: rgba(220, 38, 38, 0.08);
 
   /* 功能色 */
   --color-free: #059669;
diff --git a/client/src/pages/index/index.vue b/client/src/pages/index/index.vue
index ee83420..5457a59 100644
--- a/client/src/pages/index/index.vue
+++ b/client/src/pages/index/index.vue
@@ -222,6 +222,10 @@ function goNewsDetail(item) {
 
 .greeting {
   margin-bottom: 20px;
+  padding: 24px 20px;
+  border-radius: 18px;
+  background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(139,92,246,0.04));
+  border: 1px solid rgba(99,102,241,0.1);
 }
 .greeting-title {
   font-size: 26px;
@@ -263,6 +267,9 @@ function goNewsDetail(item) {
   justify-content: space-between;
   align-items: center;
   margin-bottom: 14px;
+  padding: 8px 12px;
+  border-radius: 10px;
+  background: rgba(99,102,241,0.04);
 }
 .section-title {
   font-size: 17px;