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

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

@@ -144,9 +144,10 @@ export default {
 
 .state-card {
   padding: 32px 24px;
-  border-radius: 0;
+  border-radius: 14px;
   background: #fff;
-  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
+  border: 1px solid var(--ccdi-border);
+  box-shadow: var(--ccdi-shadow);
 }
 
 .special-check-page {
@@ -158,7 +159,9 @@ export default {
   min-height: 500px;
   padding: 20px;
   background: #fff;
-  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
+  border: 1px solid var(--ccdi-border);
+  border-radius: 14px;
+  box-shadow: var(--ccdi-shadow);
 }
 
 .graph-placeholder-header {
@@ -171,13 +174,13 @@ export default {
 .graph-placeholder-title {
   font-size: 16px;
   font-weight: 600;
-  color: #1f2937;
+  color: var(--ccdi-text-primary);
 }
 
 .graph-placeholder-subtitle {
   margin-top: 4px;
   font-size: 12px;
-  color: #94a3b8;
+  color: var(--ccdi-text-muted);
 }
 
 .graph-placeholder-body {
@@ -187,14 +190,14 @@ export default {
   gap: 16px;
   margin-top: 18px;
   padding: 16px 18px;
-  border: 1px dashed #dbeafe;
-  background: #f8fbff;
+  border: 1px dashed #d9e3ee;
+  background: #f8fbfe;
 }
 
 .graph-placeholder-text {
   font-size: 14px;
   line-height: 22px;
-  color: #475569;
+  color: var(--ccdi-text-secondary);
 }
 
 .special-check-extended-wrapper {