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

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

css/search.css

@@ -276,6 +276,25 @@
   margin-right: 10px;
 }
 @media screen and (max-width: 768px) {
+  #search .search-box {
+    width: auto !important;
+    margin: 0 10px 20px;
+    height: 40px !important;
+  }
+  #search .classify {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  #search .matter .matter-content {
+    margin: 0;
+  }
+  #search .matter .sidebar-box {
+    display: none;
+  }
+  #search .matter .search-box {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
   #search {
     padding: 0 10px;
   }
@@ -330,3 +349,17 @@
     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;
+  }
+}