fix: 亮色主题全新配色(蓝紫)+趋势筛选换行+所有页面硬编码替换为CSS变量

client/src/pages/achievements/achievements.vue

@@ -200,7 +200,7 @@ function formatDate(dateStr) {
 
 .overview-bar {
   height: 4px;
-  background: rgba(255, 255, 255, 0.06);
+  background: var(--glass-bg);
   border-radius: 2px;
   overflow: hidden;
   margin-bottom: 10px;
@@ -230,7 +230,7 @@ function formatDate(dateStr) {
   align-items: center;
   gap: 10px;
   padding: 0 0 10px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
+  border-bottom: 1px solid var(--glass-border);
   margin-bottom: 12px;
 }
 
@@ -284,7 +284,7 @@ function formatDate(dateStr) {
 }
 
 .achievement-item.locked .ach-icon {
-  background: rgba(255, 255, 255, 0.04);
+  background: var(--glass-bg);
   color: var(--text-muted);
 }
 

client/src/pages/chat/chat.vue

@@ -374,8 +374,8 @@ function goShare() {
 }
 
 .chat-msg.assistant .bubble {
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.06);
+  background: var(--glass-bg);
+  border: 1px solid var(--glass-border);
   color: var(--text-primary);
   border-bottom-left-radius: 4px;
 }
@@ -418,8 +418,8 @@ function goShare() {
 }
 
 .chat-input {
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.06);
+  background: var(--glass-bg);
+  border: 1px solid var(--glass-border);
   border-radius: 14px;
   padding: 10px 14px;
   display: flex;

client/src/pages/dimension/dimension.vue

@@ -204,7 +204,7 @@ function goDetail(item) {
 
 .progress-track {
   height: 3px;
-  background: rgba(255,255,255,0.06);
+  background: var(--glass-bg);
   border-radius: 2px;
   margin-top: 16px;
   overflow: hidden;
@@ -240,7 +240,7 @@ function goDetail(item) {
   align-items: center;
   justify-content: center;
   font-size: 18px;
-  border: 1px solid rgba(255,255,255,0.06);
+  border: 1px solid var(--glass-border);
 }
 .k-info { flex: 1; }
 .k-title {

client/src/pages/leaderboard/leaderboard.vue

@@ -169,7 +169,7 @@ function dimDotColor(id) {
   padding: 7px 16px;
   border-radius: 18px;
   background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.06);
+  border: 1px solid var(--glass-border);
   font-size: 13px;
   color: var(--text-tertiary);
   transition: all 0.2s ease;

client/src/pages/payment/payment.vue

@@ -321,7 +321,7 @@ function goBack() {
 }
 
 .benefit-item:not(:last-child) {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
+  border-bottom: 1px solid var(--glass-border);
 }
 
 .b-icon { font-size: 16px; }

client/src/pages/profile/profile.vue

@@ -366,11 +366,15 @@ function goSettings() {
 
 .progress-track {
   height: 3px;
-  background: rgba(255, 255, 255, 0.06);
+  background: var(--glass-bg);
   border-radius: 2px;
   overflow: hidden;
 }
 
+.plan-progress .progress-track {
+  margin-top: 10px;
+}
+
 .progress-fill {
   height: 100%;
   background: linear-gradient(90deg, var(--dim1-color), var(--dim3-color));
@@ -417,7 +421,7 @@ function goSettings() {
 
 .quota-bar {
   height: 4px;
-  background: rgba(255, 255, 255, 0.06);
+  background: var(--glass-bg);
   border-radius: 2px;
   overflow: hidden;
   margin-bottom: 8px;
@@ -450,7 +454,7 @@ function goSettings() {
 
 // 菜单
 .menu-section {
-  border-top: 1px solid rgba(255, 255, 255, 0.04);
+  border-top: 1px solid var(--glass-border);
 }
 
 .menu-item {
@@ -458,7 +462,7 @@ function goSettings() {
   align-items: center;
   gap: 14px;
   padding: 14px 0;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
+  border-bottom: 1px solid var(--glass-border);
 }
 
 .m-icon {
@@ -498,7 +502,7 @@ function goSettings() {
   margin-top: 20px;
   font-size: 14px;
   color: var(--dim1-color);
-  border-top: 1px solid rgba(255, 255, 255, 0.04);
+  border-top: 1px solid var(--glass-border);
 }
 
 .action-btn.logout {

client/src/pages/progress/progress.vue

@@ -366,14 +366,14 @@ function goBack() {
 }
 
 .dim-icon-circle {
-  width: 40px;
-  height: 40px;
-  border-radius: 12px;
+  background: var(--glass-bg);
+    height: 6px;
+    border-radius: 3px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  border: 1px solid var(--glass-border);
 }
 
 .dim-text {
@@ -427,13 +427,13 @@ function goBack() {
 }
 
 .ring-empty {
-  background: rgba(255, 255, 255, 0.08);
+  background: var(--glass-bg);
 }
 
 // 展开内容
 .dim-card-body {
   padding: 0 16px 16px;
-  border-top: 1px solid rgba(255, 255, 255, 0.04);
+  border-top: 1px solid var(--glass-border);
 }
 
 .progress-detail {

client/src/pages/trend/trend.vue

@@ -213,15 +213,15 @@ function getSampleData() {
 // 筛选栏
 .filter-bar {
   padding: 0 20px 12px;
-  white-space: nowrap;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
 }
 
 .filter-item {
-  display: inline-block;
   padding: 6px 14px;
-  margin-right: 8px;
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.06);
+  background: var(--glass-bg);
+  border: 1px solid var(--glass-border);
   border-radius: 16px;
   font-size: 13px;
   color: var(--text-secondary);