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;