第一次美化

src/view/masterStation/equipment/components/list/index.vue

@@ -238,7 +238,7 @@
   // 设备卡片容器
   .container-device {
     padding: 24px;
-    background-color: var(--el-bg-color, #f5f7fa);
+    background: transparent;
   }
 
   .device-grid {
@@ -246,25 +246,28 @@
     grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
     gap: 12px;
     width: 100%;
-    background-color: var(--el-bg-color, #f5f7fa);
+    background: transparent;
   }
 
   .device-card {
-    background-color: var(--el-bg-color-overlay, #ffffff);
-    border-radius: 8px;
+    border-radius: 12px;
     padding: 16px;
     display: flex;
     gap: 12px;
-    color: var(--el-text-color-regular, #303133);
+    color: var(--tech-text);
     position: relative;
     transition: all 0.3s ease;
-    border: 1px solid var(--el-border-color, #e4e7ed);
+    border: 1px solid rgba(0, 212, 255, 0.22);
+    background:
+      linear-gradient(135deg, rgba(9, 24, 48, 0.88), rgba(5, 16, 32, 0.76)),
+      radial-gradient(circle at 100% 0%, rgba(0, 212, 255, 0.08), transparent 34%);
+    box-shadow: inset 0 0 24px rgba(0, 212, 255, 0.05), 0 14px 34px rgba(0, 0, 0, 0.24);
     align-items: center;
     cursor: pointer;
 
     &:hover {
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-      border-color: var(--el-color-primary, #409eff);
+      border-color: rgba(0, 212, 255, 0.56);
+      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.3), 0 0 24px rgba(0, 212, 255, 0.16);
     }
   }
 
@@ -311,11 +314,11 @@
     top: -4px;
     right: 0;
     cursor: pointer;
-    color: var(--el-text-color-placeholder, #94a3b8);
+    color: rgba(220, 243, 255, 0.72);
     font-size: 18px;
 
     &:hover {
-      color: var(--el-text-color-primary, #303133);
+      color: #67e8f9;
     }
   }
 
@@ -328,7 +331,7 @@
   .device-name {
     font-size: 14px;
     font-weight: 600;
-    color: var(--el-text-color-primary, #303133);
+    color: var(--tech-text-strong);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -354,7 +357,7 @@
     align-items: center;
     gap: 4px;
     font-size: 12px;
-    color: var(--el-text-color-regular, #606266);
+    color: #dceeff;
 
     .el-icon {
       font-size: 14px;