diff --git a/www/app.js b/www/app.js
index 9cf0728..38d30bd 100644
--- a/www/app.js
+++ b/www/app.js
@@ -789,10 +789,10 @@ function renderAgentsPage() {
               <div class="recent-agent-item" data-conv-id="${conv.id}">
                 <div class="recent-agent-left">
                   <span class="recent-agent-avatar">${conv.agent ? conv.agent.avatar : '🤖'}</span>
-                  <span class="recent-agent-name">${conv.agent ? conv.agent.name : '未知智能体'}</span>
+                  <span class="recent-agent-title">${conv.title}</span>
                 </div>
                 <div class="recent-agent-right">
-                  <span class="recent-agent-title">${conv.title}</span>
+                  <span class="recent-agent-agent-name">${conv.agent ? conv.agent.name : '未知智能体'}</span>
                   <span class="recent-agent-time">${formatTime(conv.updatedAt)}</span>
                 </div>
               </div>
@@ -3003,10 +3003,10 @@ function showAgentHistoryPage() {
             <div class="agent-history-item" data-conv-id="${conv.id}">
               <div class="agent-history-left">
                 <span class="agent-history-avatar">${conv.agent ? conv.agent.avatar : '🤖'}</span>
-                <span class="agent-history-agent-name">${conv.agent ? conv.agent.name : '未知智能体'}</span>
+                <span class="agent-history-title">${conv.title}</span>
               </div>
               <div class="agent-history-right">
-                <span class="agent-history-title">${conv.title}</span>
+                <span class="agent-history-agent-name">${conv.agent ? conv.agent.name : '未知智能体'}</span>
                 <span class="agent-history-time">${formatTime(conv.updatedAt)}</span>
               </div>
             </div>
diff --git a/www/style.css b/www/style.css
index 7a024c8..0727cb4 100644
--- a/www/style.css
+++ b/www/style.css
@@ -1731,14 +1731,23 @@ body {
 }
 
 .recent-agent-title {
-  font-size: 13px;
+  font-size: 14px;
   color: #333;
+  font-weight: 500;
   max-width: 120px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.recent-agent-agent-name {
+  font-size: 12px;
+  color: var(--primary);
+  background: rgba(102, 126, 234, 0.1);
+  padding: 2px 8px;
+  border-radius: 4px;
+}
+
 /* 智能体历史页面 */
 .agent-history-page {
   display: flex;
@@ -1809,8 +1818,9 @@ body {
 }
 
 .agent-history-title {
-  font-size: 13px;
+  font-size: 14px;
   color: #333;
+  font-weight: 500;
   max-width: 150px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1818,9 +1828,11 @@ body {
 }
 
 .agent-history-agent-name {
-  font-size: 13px;
+  font-size: 12px;
   color: var(--primary);
-  font-weight: 500;
+  background: rgba(102, 126, 234, 0.1);
+  padding: 2px 8px;
+  border-radius: 4px;
 }
 
 /* ==================== 我的页面 ==================== */