diff --git a/nezha-fronted/src/components/common/project/cytoscape.vue b/nezha-fronted/src/components/common/project/cytoscape.vue
deleted file mode 100644
index af1ca43c5..000000000
--- a/nezha-fronted/src/components/common/project/cytoscape.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <div id="cy"></div>
-</template>
-
-<script>
-  import cytoscape from 'cytoscape';
-	export default {
-		name:"cytoscape",
-    data(){
-		  return {
-		    cy:'',
-      }
-    },
-    mounted(){
-		  this.init();
-    },
-    methods:{
-		  init(){
-        this.cy = cytoscape({
-          container: document.getElementById('cy'), // container to render in
-          elements: [ // list of graph elements to start with
-            { // node a
-              data: { id: 'a' }
-            },
-            { // node b
-              data: { id: 'b' }
-            },
-            { // edge ab
-              data: { id: 'ab', source: 'a', target: 'b' }
-            }
-          ],
-          style: [ // the stylesheet for the graph
-            {
-              selector: 'node',
-              style: {
-                'background-color': '#666',
-                'label': 'data(id)'
-              }
-            },
-
-            {
-              selector: 'edge',
-              style: {
-                'width': 3,
-                'line-color': '#ccc',
-                'target-arrow-color': '#ccc',
-                'target-arrow-shape': 'triangle',
-                'curve-style': 'bezier'
-              }
-            }
-          ],
-          layout: {
-            name: 'grid',
-            rows: 1
-          }
-        });
-      },
-    }
-	}
-</script>
-
-<style scoped>
-  #cy {
-    width: 100%;
-    height: 100%;
-    display: block;
-  }
-</style>
diff --git a/nezha-fronted/src/components/common/project/topology.vue b/nezha-fronted/src/components/common/project/topology.vue
index 174ec68b6..6901558f9 100644
--- a/nezha-fronted/src/components/common/project/topology.vue
+++ b/nezha-fronted/src/components/common/project/topology.vue
@@ -1038,7 +1038,10 @@
     color: #84d5c2;
   }
   .network-pop .nz-icon-hexagonBorder.error-model-stat{
-    color: #DE5D3F;
+    color: #F5BAAC;
+  }
+  .network-pop .nz-icon-hexagonBorder.error-model-stat:hover{
+    color: #EC7F66;
   }
   .network-pop  .nz-icon-liubianxing{
     color:#e2f3ef;
@@ -1050,7 +1053,7 @@
     z-index: -1;
   }
   .network-pop .error-model-stat .nz-icon-liubianxing{
-    color: rgba(222,93,63,0.45);
+    color: #FADED7 ;
   }
   .network-pop .nz-icon.noMove{
     position: absolute;
@@ -1060,7 +1063,7 @@
     color: #27c09c;
   }
   .network-pop .error-model-stat .nz-icon.noMove{
-    color: #DE5D3F;
+    color: #EC7F66;
   }
   .network-pop .selpop:hover{
     transform: scale(1.2);
@@ -1221,12 +1224,12 @@
     width: 38px;
   }
   .model-error.nz-icon-shuidi{
-    color: rgba(222,93,63,0.45);
+    color: #FADED7 ;
     animation: model-error-animation .6s infinite ease-in-out;
     animation-direction:normal;
   }
   .model-error-active.nz-icon-shuidi{
-    color: rgba(222,93,63,0.45);
+    color: #FADED7 ;
   }
   .nz-icon-model{
     color: #23BF9A;
@@ -1236,12 +1239,12 @@
     font-size: 18px;
   }
   .model-error .nz-icon-model{
-    color: #DE5D3F;
+    color: #EC7F66;
     animation: model-icon-animation .6s infinite ease-in-out;
     animation-direction:normal;
   }
   .model-error-active .nz-icon-model{
-    color: #DE5D3F;
+    color: #EC7F66;
   }
   .network-info{
     position: absolute;
diff --git a/nezha-fronted/src/components/common/project/visNetwork.vue b/nezha-fronted/src/components/common/project/visNetwork.vue
index 6057a8572..0f951b70e 100644
--- a/nezha-fronted/src/components/common/project/visNetwork.vue
+++ b/nezha-fronted/src/components/common/project/visNetwork.vue
@@ -107,18 +107,6 @@
             @topologyLoad="topologyLoad"
           >
           </topology>
-          <!--<cytoscape-->
-            <!--:editVisNetwork="editVisNetwork"-->
-            <!--:nodesArray="nodesArray"-->
-            <!--:edgesArray="edgesArray"-->
-            <!--@setTopologyData="setTopologyData"-->
-            <!--:isFullScreen="false"-->
-            <!--ref="topology"-->
-            <!--:allModuleInfo="allModuleInfo"-->
-            <!--v-loading="topologyLoading"-->
-            <!--@editVisNetworkChange="editVisNetworkChange"-->
-            <!--@reload="reload"-->
-          <!--/>-->
         </div>
       </div>
 
@@ -130,7 +118,6 @@
   import loading from "@/components/common/loading";
   import timePicker from '@/components/common/timePicker';
   import topology from './topology'
-  import cytoscape from './cytoscape'
   import bus from '@/libs/bus';
   // import other from './other'
   export default {
@@ -139,7 +126,6 @@
       'loading': loading,
       'time-picker':timePicker,
       'topology':topology,
-      cytoscape,
       // other
     },
     props:{