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);
 }