fix(样式): 修复移动端布局问题并优化样式

修复移动端搜索页面的布局问题，优化响应式设计
调整头部导航栏的z-index防止遮挡
统一处理签到组件的显示逻辑
修复搜索推荐框宽度问题
优化媒体查询断点设置

css/search.less

@@ -267,6 +267,7 @@
             .hot-box {
                 // width: 291px;
                 width: 100%;
+                min-width: 0;
                 // height: 365px;
                 background-color: rgba(255, 255, 255, 1);
                 border: 1px solid rgba(233, 238, 242, 1);
@@ -302,7 +303,8 @@
             }
 
             .read-box {
-                width: 291px;
+                width: 100%;
+                min-width: 0;
                 background-color: rgba(255, 255, 255, 1);
                 border: 1px solid rgba(233, 238, 242, 1);
                 border-radius: 10px;