feat: 添加推荐主题和标签搜索页面

refactor: 优化CSS媒体查询和响应式布局
fix: 移除重复的媒体查询规则
style: 调整搜索框和侧边栏样式
docs: 更新HTML文档结构和元信息

css/search.less

@@ -340,15 +340,42 @@
 }
 
 @media screen and (max-width: 768px) {
+    #search {
+        .search-box {
+            width: auto !important;
+            margin: 0 10px 20px;
+            height: 40px !important;
+        }
+        .classify {
+            margin-left: 10px;
+            margin-right: 10px;
+        }
+
+        .matter {
+            .matter-content {
+                margin: 0;
+            }
+            .sidebar-box {
+                display: none;
+            }
+            .search-box {
+                margin-left: 10px;
+                margin-right: 10px;
+            }
+        }
+    }
+
     #search {
         padding: 0 10px;
     }
+
     #search .search-no .earth-icon {
         width: 60%;
         max-width: 220px;
         height: auto;
         margin-bottom: 10px;
     }
+
     #search .search-no .input-box {
         width: 100%;
         height: 48px;
@@ -395,3 +422,19 @@
         width: 100%;
     }
 }
+
+@media screen and (max-width: 500px) {
+    #search .classify .item {
+        min-width: inherit;
+        font-size: 13px;
+        height: 28px;
+        line-height: 28px;
+        border-radius: 8px;
+    }
+}
+
+@media screen and (max-width: 450px) {
+    #search .classify .item {
+        padding: 0 5px;
+    }
+}