feat(search): 添加全站搜索功能，支持文章内容和标签搜索

site/public/css/site.css

@@ -451,106 +451,6 @@ main.wrap {
   letter-spacing: -0.02em;
 }
 
-/* 搜索框样式 */
-.search-box {
-  margin: 24px 0;
-}
-
-#search-input {
-  width: 100%;
-  padding: 14px 18px;
-  font-size: 1rem;
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  background: var(--panel);
-  color: var(--text);
-  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-  outline: none;
-}
-
-#search-input:focus {
-  border-color: var(--accent);
-  box-shadow: 0 0 0 3px rgba(92, 117, 96, 0.1);
-}
-
-#search-input::placeholder {
-  color: var(--muted);
-}
-
-.search-results {
-  margin-top: 16px;
-  max-height: 60vh;
-  overflow-y: auto;
-}
-
-.search-result-item {
-  background: var(--panel);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  padding: 16px;
-  margin-bottom: 12px;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-
-.search-result-item:hover {
-  border-color: rgba(92, 117, 96, 0.2);
-  box-shadow: var(--shadow);
-}
-
-.search-result-item h3 {
-  margin: 0 0 8px;
-  font-family: "Cormorant Garamond", "Noto Serif SC", "Source Han Serif CN", serif;
-  font-size: 1.2rem;
-  font-weight: 600;
-  color: var(--text);
-}
-
-.search-result-item h3 a {
-  color: inherit;
-  text-decoration: none;
-  transition: color 0.2s ease;
-}
-
-.search-result-item h3 a:hover {
-  color: var(--accent);
-}
-
-.search-result-item .meta {
-  margin: 0 0 8px;
-  color: var(--muted);
-  font-size: 0.85rem;
-}
-
-.search-result-item .preview {
-  margin: 0 0 10px;
-  color: var(--text);
-  font-size: 0.95rem;
-  line-height: 1.6;
-}
-
-.search-result-item .tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.search-result-item .tag {
-  background: rgba(92, 117, 96, 0.1);
-  color: var(--accent);
-  font-size: 0.75rem;
-  padding: 4px 8px;
-  border-radius: 4px;
-  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-}
-
-.no-results {
-  color: var(--muted);
-  text-align: center;
-  padding: 24px;
-  font-size: 0.95rem;
-}
-
 /* Post list */
 
 .post-list {
@@ -830,7 +730,6 @@ main.wrap {
     padding: 18px 16px 18px 18px;
   }
 }
-
 /* 搜索框样式 */
 .search-box {
   margin: 24px 0;
@@ -847,12 +746,11 @@ main.wrap {
   font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
   outline: none;
-  box-shadow: var(--shadow-soft);
 }
 
 #search-input:focus {
   border-color: var(--accent);
-  box-shadow: 0 0 0 3px rgba(92, 117, 96, 0.15);
+  box-shadow: 0 0 0 3px rgba(92, 117, 96, 0.1);
 }
 
 #search-input::placeholder {
@@ -907,32 +805,38 @@ main.wrap {
   margin: 0 0 10px;
   color: var(--text);
   font-size: 0.95rem;
-  line-height: 1.7;
+  line-height: 1.6;
 }
 
 .search-result-item .tags {
   display: flex;
-  gap: 6px;
   flex-wrap: wrap;
+  gap: 6px;
 }
 
-.tag {
-  display: inline-block;
-  padding: 2px 8px;
-  font-size: 0.8rem;
-  background: var(--accent-light);
+.search-result-item .tag {
+  background: rgba(92, 117, 96, 0.1);
   color: var(--accent);
+  font-size: 0.75rem;
+  padding: 4px 8px;
   border-radius: 4px;
-  text-decoration: none;
-}
-
-.tag:hover {
-  background: var(--accent);
-  color: white;
+  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
 }
 
 .no-results {
   color: var(--muted);
   text-align: center;
-  padding: 20px;
-}
+  padding: 24px;
+  font-size: 0.95rem;
+}
+
+/* 搜索链接图标 */
+.search-link {
+  font-size: 1.3rem !important;
+  padding: 4px 2px !important;
+  opacity: 0.7;
+}
+
+.search-link:hover {
+  opacity: 1 !important;
+}