feat: 智能体历史使用列表 - 显示最近使用的智能体（最多5个）+ 使用次数和时间 + 查看全部历史页面

www/style.css

@@ -227,6 +227,143 @@ body {
   text-align: center;
 }
 
+/* 最近使用的智能体列表 */
+.recent-agents-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.recent-agent-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  background: white;
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.recent-agent-item:hover {
+  border-color: var(--primary);
+  background: rgba(102, 126, 234, 0.05);
+}
+
+.recent-agent-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.recent-agent-avatar {
+  font-size: 20px;
+}
+
+.recent-agent-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text-color);
+}
+
+.recent-agent-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 12px;
+  color: var(--text-light);
+}
+
+.recent-agent-usage {
+  color: var(--primary);
+}
+
+.recent-agent-more {
+  padding: 12px 16px;
+  background: white;
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  cursor: pointer;
+  text-align: center;
+  font-size: 14px;
+  color: var(--primary);
+  transition: all 0.2s;
+}
+
+.recent-agent-more:hover {
+  background: rgba(102, 126, 234, 0.05);
+}
+
+/* 智能体历史页面 */
+.agent-history-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  height: 100dvh;
+}
+
+.back-btn-white {
+  background: transparent;
+  border: none;
+  color: white;
+  padding: 8px;
+  cursor: pointer;
+}
+
+.agent-history-content {
+  flex: 1;
+  padding: 16px;
+  overflow-y: auto;
+  background: #f5f5f5;
+}
+
+.agent-history-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 14px 16px;
+  background: white;
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  margin-bottom: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.agent-history-item:hover {
+  border-color: var(--primary);
+  background: rgba(102, 126, 234, 0.05);
+}
+
+.agent-history-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.agent-history-avatar {
+  font-size: 24px;
+}
+
+.agent-history-name {
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--text-color);
+}
+
+.agent-history-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 13px;
+  color: var(--text-light);
+}
+
+.agent-history-usage {
+  color: var(--primary);
+}
+
 /* ==================== 我的页面 ==================== */
 
 .profile-page {