ui 优化

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;