ui 优化

frontend/src/views/blacklist/index.vue

@@ -366,7 +366,7 @@ onMounted(() => {
 .title {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: #e2e8f0;
 }
 .pagination {
   margin-top: 20px;

frontend/src/views/brand/index.vue

@@ -299,7 +299,7 @@ onMounted(() => {
 .title {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: #e2e8f0;
 }
 
 .pagination {

frontend/src/views/home/index.vue

@@ -22,7 +22,7 @@
         @click="go(item.path)"
       >
         <div class="home-link-inner">
-          <el-icon class="home-link-icon"><component :is="item.icon" /></el-icon>
+          <el-icon class="home-link-icon" :class="item.colorClass"><component :is="item.icon" /></el-icon>
           <div>
             <div class="home-link-title">{{ item.title }}</div>
             <div class="home-link-desc">{{ item.desc }}</div>
@@ -111,10 +111,10 @@ const todayModels = ref([])
 const todayOtas = ref([])
 
 const quickLinks = [
-  { path: '/brand', title: '耳机品牌管理', desc: '维护耳机品牌信息', icon: Collection },
-  { path: '/model', title: '耳机型号管理', desc: '维护耳机型号与配置', icon: List },
-  { path: '/ota', title: 'OTA 管理', desc: '固件升级包管理', icon: Document },
-  { path: '/share-code/log', title: '分享日志', desc: '查看分享码使用记录', icon: Share }
+  { path: '/brand', title: '耳机品牌管理', desc: '维护耳机品牌信息', icon: Collection, colorClass: 'icon-cyan' },
+  { path: '/model', title: '耳机型号管理', desc: '维护耳机型号与配置', icon: List, colorClass: 'icon-coral' },
+  { path: '/ota', title: 'OTA 管理', desc: '固件升级包管理', icon: Document, colorClass: 'icon-cyan' },
+  { path: '/share-code/log', title: '分享日志', desc: '查看分享码使用记录', icon: Share, colorClass: 'icon-coral' }
 ]
 
 function formatTime(isoStr) {
@@ -173,9 +173,9 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #38bdf8;
+  color: #fb7185;
   background: linear-gradient(145deg, rgba(15, 23, 42, 0.9), rgba(30, 41, 59, 0.9));
-  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.2) inset;
+  box-shadow: 0 0 0 1px rgba(251, 113, 133, 0.2) inset;
 }
 
 .home-title {
@@ -307,10 +307,17 @@ onMounted(() => {
 
 .home-link-icon {
   font-size: 22px;
-  color: #7dd3fc;
   margin-top: 2px;
 }
 
+.home-link-icon.icon-cyan {
+  color: #7dd3fc;
+}
+
+.home-link-icon.icon-coral {
+  color: #fda4af;
+}
+
 .home-link-title {
   font-size: 15px;
   font-weight: 600;

frontend/src/views/login/index.vue

@@ -389,11 +389,7 @@ const handleSubmit = async () => {
   font-weight: 700;
   letter-spacing: 0.12em;
   color: #fff !important;
-  background: linear-gradient(
-    135deg,
-    rgba(56, 189, 248, 0.92) 0%,
-    rgba(34, 211, 238, 0.88) 100%
-  ) !important;
+  background: rgba(56, 189, 248, 0.92) !important;
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   box-shadow:
@@ -406,11 +402,7 @@ const handleSubmit = async () => {
 }
 
 .login-btn:hover {
-  background: linear-gradient(
-    135deg,
-    rgba(34, 211, 238, 0.95) 0%,
-    rgba(56, 189, 248, 0.92) 100%
-  ) !important;
+  background: rgba(34, 211, 238, 0.95) !important;
   box-shadow:
     0 6px 24px rgba(56, 189, 248, 0.42),
     0 1px 0 rgba(255, 255, 255, 0.25) inset;

frontend/src/views/ota-target-device/index.vue

@@ -371,7 +371,7 @@ onMounted(() => {
 .title {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: #e2e8f0;
 }
 .pagination {
   margin-top: 20px;

frontend/src/views/ota/index.vue

@@ -965,7 +965,7 @@ onMounted(() => {
 .title {
   font-size: 18px;
   font-weight: 600;
-  color: #333;
+  color: #e2e8f0;
 }
 .pagination {
   margin-top: 20px;