diff --git a/public/css/images/procbg.png b/public/css/images/procbg.png
new file mode 100644
index 0000000..120f660
Binary files /dev/null and b/public/css/images/procbg.png differ
diff --git a/public/images/procbg.png b/public/images/procbg.png
new file mode 100644
index 0000000..120f660
Binary files /dev/null and b/public/images/procbg.png differ
diff --git a/src/App.vue b/src/App.vue
index 364581a..1f4ac90 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -144,10 +144,30 @@ html.dark {
           }
         }
       }
+      &.model-proc{
+        .el-card__body{
+          background-image: url(images/procbg.png) !important;
+          background-size: 100% 100% !important;
+        }
+      }
       .el-card__body{
         background: transparent;
+        
+        background-size: 100% 100%;
         color:#aaa;
         box-shadow: none;
+        .model-flow .card-item .div-img{
+          background: transparent;
+        }
+        .model-flow .card-item.is-active .div-img{
+          background: #3399ff;
+        }
+        .model-flow2 .card-item .div-img{
+          background: transparent;
+        }
+        .model-flow2 .card-item.is-active .div-img{
+          background: #3399ff;
+        }
         .el-badge__content--danger{
           background: #6F89A6;
           width: 24px;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index ac7d776..7c34b69 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -16,8 +16,11 @@ html.dark {
   --menu-active-text: var(--el-menu-active-color);
   --menu-hover: rgb(0 0 0 / 20%);
   --sidebar-logo-background: rgb(0 0 0 / 20%);
+  .el-card{
+    border:none;
+  }
   .el-main{
-    background-color: #000;
+    background-color: #191E32;
   }
   .lf-graph{
     background: transparent;
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 2ae3f32..ea8c0be 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -116,7 +116,7 @@
           </el-scrollbar>
         </el-card>
 
-        <el-card shadow="never" class="proc-card">
+        <el-card shadow="never" class="proc-card model-proc">
           <template #header>
             <div class="row2-top">
               <div style="color:#333;font-weight: bold;font-size:15px;">模型仿真评估流程</div>
diff --git a/src/views/dashboard/index2.vue b/src/views/dashboard/index2.vue
index f18da0d..ea1ece9 100644
--- a/src/views/dashboard/index2.vue
+++ b/src/views/dashboard/index2.vue
@@ -80,7 +80,7 @@
           </el-scrollbar>
         </el-card>
 
-        <el-card shadow="never" class="proc-card">
+        <el-card shadow="never" class="proc-card model-proc">
           <template #header>
             <div class="row2-top">
               <div style="color:#333;font-weight: bold;font-size:15px;">超异构任务部署流程</div>