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

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

css/public.css

@@ -335,6 +335,7 @@ body {
   color: #000000;
   line-height: 36px;
   margin-bottom: 7px;
+  display: block;
 }
 .item-box.item-summary .message {
   font-size: 14px;
@@ -2106,6 +2107,11 @@ td {
   margin: 0 auto;
   box-sizing: content-box;
 }
+@media screen and (max-width: 1218px) {
+  .index-footer {
+    min-width: inherit !important;
+  }
+}
 @media screen and (max-width: 1200px) {
   header.page-header {
     min-width: auto !important;
@@ -2121,9 +2127,6 @@ td {
   .head-top.flexacenter .input-box {
     margin-right: 10px;
   }
-  .index-footer {
-    min-width: inherit !important;
-  }
 }
 @media screen and (max-width: 768px) {
   header.page-header {
@@ -2138,25 +2141,6 @@ td {
   .head-top .post-list {
     display: none !important;
   }
-  #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 10px;
-  }
-  #search .matter .sidebar-box {
-    display: none;
-  }
-  #search .matter .search-box {
-    margin-left: 10px;
-    margin-right: 10px;
-  }
   .item-box {
     padding: 18px 10px 0;
   }
@@ -2167,15 +2151,6 @@ td {
     margin-right: 30px;
   }
 }
-@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: 480px) {
   .head-top.flexacenter {
     margin-bottom: 10px !important;
@@ -2188,11 +2163,6 @@ td {
     margin-right: 0;
   }
 }
-@media screen and (max-width: 450px) {
-  #search .classify .item {
-    padding: 0 5px;
-  }
-}
 .huddle-box {
   position: fixed;
   top: 0;