feat: 联网搜索功能 - Tavily Search集成

www/style.css

@@ -897,6 +897,88 @@ body {
   margin: 8px 0;
 }
 
+/* 搜索结果块 */
+.search-results-block {
+  margin-bottom: 12px;
+  background: rgba(102, 126, 234, 0.05);
+  border: 1px solid rgba(102, 126, 234, 0.15);
+  border-radius: 10px;
+  overflow: hidden;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.search-results-block:hover {
+  border-color: rgba(102, 126, 234, 0.3);
+}
+
+.search-results-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 12px;
+  background: rgba(102, 126, 234, 0.1);
+  font-size: 13px;
+  color: var(--primary);
+  font-weight: 500;
+}
+
+.search-results-header svg:first-child {
+  color: var(--primary);
+}
+
+.search-results-arrow {
+  margin-left: auto;
+  transition: transform 0.2s;
+}
+
+.search-results-block.expanded .search-results-arrow {
+  transform: rotate(180deg);
+}
+
+.search-results-content {
+  padding: 0 12px;
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease, padding 0.3s ease;
+}
+
+.search-results-block.expanded .search-results-content {
+  padding: 8px 12px;
+  max-height: 300px;
+}
+
+.search-result-link {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 0;
+}
+
+.search-result-num {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 20px;
+  height: 20px;
+  background: var(--primary);
+  color: white;
+  border-radius: 50%;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.search-result-link a {
+  color: var(--text-color);
+  font-size: 14px;
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.search-result-link a:hover {
+  color: var(--primary);
+}
+
 /* 输入区域 */
 .input-area {
   display: flex;