统一前端页面蓝灰换皮样式

ruoyi-ui/src/views/ccdiProject/components/SearchBar.vue

@@ -96,9 +96,10 @@ export default {
   align-items: center;
   gap: 24px;
   padding: 16px 20px;
-  background: #ffffff;
-  border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  background: var(--ccdi-surface);
+  border: 1px solid var(--ccdi-border);
+  border-radius: 14px;
+  box-shadow: var(--ccdi-shadow);
 }
 
 .search-input-wrapper {
@@ -120,21 +121,23 @@ export default {
 
 .tab-item {
   font-size: 14px;
-  color: #6B7280;
+  color: var(--ccdi-text-secondary);
   cursor: pointer;
   padding: 6px 12px;
-  border-radius: 6px;
+  border-radius: 10px;
+  border: 1px solid transparent;
   transition: all 0.2s ease;
   user-select: none;
 
   &:hover {
-    color: #3B82F6;
+    color: var(--ccdi-primary);
   }
 
   &.active {
-    color: #3B82F6;
-    background: #EFF6FF;
-    font-weight: 500;
+    color: var(--ccdi-primary);
+    background: var(--ccdi-primary-soft);
+    border-color: #d6e3f0;
+    font-weight: 600;
   }
 }
 </style>