refactor(agent): 重构智能体页面布局和样式

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验

src/views/agent/index/style.scss

@@ -34,29 +34,42 @@
   }
 
   .card-image-container {
-    width: 99%; // 设置宽度
-    height: 200px; // 设置高度，与宽度一致，保持正方形比例
+    width: 99%;
+    height: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
-    overflow: hidden; // 防止图片超出容器
+    overflow: hidden;
   }
 
   .card-image {
     width: 100%;
     height: 100%;
     border-radius: 7px;
-    object-fit: cover; // 确保图片按比例缩放并裁剪
+    object-fit: cover;
   }
+
   .card-content {
-    align-self: stretch;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: 4px;
+    flex: 1;
+    overflow: hidden;
+
+    .card-title {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .card-description {
+      height: 40px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
   }
 
+
   .card-title {
     color: var(--Text-1, #211f24);
     font-size: 16px;
@@ -124,7 +137,7 @@
 
     .blue-tag {
       .status-text {
-        color: var(--Functional-Blue-6, #007BFF);
+        color: var(--Functional-Blue-6, #6D4CFE);
       }
     }