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

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

css/details.less

@@ -1552,6 +1552,33 @@
     }
 }
 
+@media screen and (max-width: 850px) {
+    #details .matter .matter-left .action-bar .action-bar-item:not(:last-child) {
+        margin-right: 40px;
+    }
+    .head-top {
+        .input-box {
+            width: inherit;
+            height: inherit;
+            background: none;
+            border: none;
+            padding: 5px;
+
+            .placeholder {
+                display: none;
+            }
+
+            .input {
+                display: none;
+            }
+
+            .icon {
+                margin-left: 0;
+            }
+        }
+    }
+}
+
 // 媒体查询 最大宽度 850px 时
 @media screen and (max-width: 768px) {
     header.page-header {