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

ruoyi-ui/src/views/ccdiProject/components/detail/OverviewStats.vue

@@ -46,10 +46,10 @@ export default {
   align-items: center;
   gap: 14px;
   padding: 18px 16px;
-  border: 1px solid #eef2ff;
-  border-radius: 0;
-  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
-  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
+  border: 1px solid var(--ccdi-border);
+  border-radius: 12px;
+  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
+  box-shadow: 0 4px 14px rgba(31, 45, 61, 0.05);
 }
 
 .stats-icon {
@@ -63,23 +63,23 @@ export default {
 }
 
 .stats-icon-blue {
-  color: #2563eb;
-  background: rgba(37, 99, 235, 0.12);
+  color: var(--ccdi-primary);
+  background: rgba(47, 93, 138, 0.12);
 }
 
 .stats-icon-red {
-  color: #ef4444;
-  background: rgba(239, 68, 68, 0.12);
+  color: #b55252;
+  background: rgba(181, 82, 82, 0.12);
 }
 
 .stats-icon-amber {
-  color: #f59e0b;
-  background: rgba(245, 158, 11, 0.14);
+  color: #a56a2a;
+  background: rgba(165, 106, 42, 0.14);
 }
 
 .stats-icon-green {
-  color: #10b981;
-  background: rgba(16, 185, 129, 0.14);
+  color: #3f6b55;
+  background: rgba(63, 107, 85, 0.14);
 }
 
 .stats-content {
@@ -88,7 +88,7 @@ export default {
 
 .stats-label {
   font-size: 12px;
-  color: #94a3b8;
+  color: var(--ccdi-text-muted);
 }
 
 .stats-value {
@@ -96,6 +96,6 @@ export default {
   font-size: 26px;
   line-height: 1;
   font-weight: 700;
-  color: #0f172a;
+  color: var(--ccdi-text-primary);
 }
 </style>