diff --git a/screen-vue/src/views/screen/Erp/components/ChartTop.vue b/screen-vue/src/views/screen/Erp/components/ChartTop.vue
index ce3c94a..8146d75 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartTop.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartTop.vue
@@ -79,8 +79,8 @@ watch(
   flex: 1;
   min-width: 160px;
   height: 85%;
-  background: rgba(15, 52, 96, 0.95);
-  border: 1px solid #1a508b;
+  background: rgba(15, 52, 96, 0.1);
+  border: 1px solid rgba(26, 80, 139, 0.3);
   border-radius: 8px;
   padding: 0 8px;
   display: flex;
@@ -90,12 +90,13 @@ watch(
   position: relative;
   overflow: hidden;
   transition: all 0.3s ease;
+  backdrop-filter: blur(2px);
 }
 
 .card-item:hover {
   transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
-  border-color: #3c9cff;
+  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
+  border-color: rgba(60, 156, 255, 0.6);
 }
 
 .card-left {
@@ -111,7 +112,7 @@ watch(
   display: flex;
   justify-content: center;
   align-items: center;
-  border: 1px solid rgba(224, 230, 255, 0.2);
+  border: 1px solid rgba(224, 230, 255, 0.1);
   border-radius: 8px;
   box-sizing: border-box;
 }
diff --git a/screen-vue/src/views/screen/Erp/index.vue b/screen-vue/src/views/screen/Erp/index.vue
index b5ba652..3ea4fae 100644
--- a/screen-vue/src/views/screen/Erp/index.vue
+++ b/screen-vue/src/views/screen/Erp/index.vue
@@ -156,8 +156,8 @@ watch(
 .erp-card {
   width: 100%;
   height: 100%;
-  background-color: rgba(15, 52, 96, 0.9);
-  border: 1px solid #1a508b;
+  background-color: rgba(15, 52, 96, 0.1);
+  border: 1px solid rgba(26, 80, 139, 0.3);
   border-radius: 8px;
   padding: 2px;
   box-sizing: border-box;
@@ -166,8 +166,8 @@ watch(
   justify-content: center;
   align-items: center;
   color: #e0e6ff;
-  backdrop-filter: blur(4px);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+  backdrop-filter: blur(2px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   min-height: 0;
 }
 
@@ -176,8 +176,8 @@ watch(
 }
 
 .erp-card:hover {
-  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
-  border-color: #3c9cff;
+  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
+  border-color: rgba(60, 156, 255, 0.6);
   transition: all 0.3s ease;
 }
 
diff --git a/screen-vue/src/views/screen/Work/components/ChartTop.vue b/screen-vue/src/views/screen/Work/components/ChartTop.vue
index 8344263..a7dcdc7 100644
--- a/screen-vue/src/views/screen/Work/components/ChartTop.vue
+++ b/screen-vue/src/views/screen/Work/components/ChartTop.vue
@@ -79,8 +79,8 @@ watch(
   flex: 1;
   min-width: 160px;
   height: 85%;
-  background: rgba(15, 52, 96, 0.95);
-  border: 1px solid #1a508b;
+  background: rgba(15, 52, 96, 0.1);
+  border: 1px solid rgba(26, 80, 139, 0.3);
   border-radius: 8px;
   padding: 0 8px;
   display: flex;
@@ -90,12 +90,13 @@ watch(
   position: relative;
   overflow: hidden;
   transition: all 0.3s ease;
+  backdrop-filter: blur(2px);
 }
 
 .card-item:hover {
   transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
-  border-color: #3c9cff;
+  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
+  border-color: rgba(60, 156, 255, 0.6);
 }
 
 .card-left {
@@ -111,7 +112,7 @@ watch(
   display: flex;
   justify-content: center;
   align-items: center;
-  border: 1px solid rgba(224, 230, 255, 0.2);
+  border: 1px solid rgba(224, 230, 255, 0.1);
   border-radius: 8px;
   box-sizing: border-box;
 }
diff --git a/screen-vue/src/views/screen/Work/index.vue b/screen-vue/src/views/screen/Work/index.vue
index 80f9cb5..52607be 100644
--- a/screen-vue/src/views/screen/Work/index.vue
+++ b/screen-vue/src/views/screen/Work/index.vue
@@ -104,8 +104,8 @@ watch(
 
 .work-card {
   width: 100%;
-  background-color: rgba(15, 52, 96, 0.9);
-  border: 1px solid #1a508b;
+  background-color: rgba(15, 52, 96, 0.1);
+  border: 1px solid rgba(26, 80, 139, 0.3);
   border-radius: 8px;
   padding: 2px;
   box-sizing: border-box;
@@ -114,8 +114,8 @@ watch(
   justify-content: center;
   align-items: center;
   color: #e0e6ff;
-  backdrop-filter: blur(4px);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+  backdrop-filter: blur(2px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   min-height: 0;
 }
 
@@ -125,8 +125,8 @@ watch(
 }
 
 .work-card:hover {
-  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.3);
-  border-color: #3c9cff;
+  box-shadow: 0 4px 12px rgba(60, 156, 255, 0.2);
+  border-color: rgba(60, 156, 255, 0.6);
   transition: all 0.3s ease;
 }
 
diff --git a/screen-vue/src/views/screen/index.vue b/screen-vue/src/views/screen/index.vue
index 5c02e52..7d1f9ff 100644
--- a/screen-vue/src/views/screen/index.vue
+++ b/screen-vue/src/views/screen/index.vue
@@ -70,7 +70,7 @@ async function getList() {
 	allTabs.value = res || []
   } catch (error) {
     console.error(error)
-    vList.value = []
+    allTabs.value = []
   }
 }
 
@@ -297,17 +297,22 @@ onMounted(() => {
   z-index: 10;
   overflow: hidden;
   height: calc(100vh - 75px);
+  background-image: url('@/assets/images/bg.png');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-color: transparent;
 }
 
 .screen-page {
   width: 100%;
   height: 100%;
   display: block;
-  background: rgba(15, 52, 96, 0.8);
-  border: 1px solid #1a508b;
+  background: transparent;
+  border: 1px solid rgba(26, 80, 139, 0.3);
   border-radius: 12px;
-  backdrop-filter: blur(8px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   overflow: hidden;
 }