feat: 优化页面布局和交互体验

- 使用sticky定位替代fixed定位，提升滚动体验
- 添加视频播放图标和图片展示功能
- 实现搜索框热门关键词轮播效果
- 优化编辑器链接插入功能
- 调整组件样式和布局细节

css/public.css

@@ -247,6 +247,27 @@ body {
   margin-bottom: 15px;
   display: block;
 }
+.item-box.item-forum .picture {
+  overflow: auto;
+}
+.item-box.item-forum .picture .picture-videos {
+  position: relative;
+}
+.item-box.item-forum .picture .picture-videos .icon-play {
+  position: absolute;
+  left: calc(50% - 5px);
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 40px;
+}
+.item-box.item-forum .picture .picture-item {
+  height: 100px;
+  border-radius: 10px;
+  display: block;
+}
+.item-box.item-forum .picture .picture-item:not(:last-child) {
+  margin-right: 10px;
+}
 .item-box.item-offer {
   font-size: 14px;
   color: #333333;
@@ -571,7 +592,6 @@ body {
   overflow: auto;
 }
 .item-box.item-tenement .picture .picture-item {
-  width: 120px;
   height: 100px;
   border-radius: 10px;
 }
@@ -1446,6 +1466,8 @@ body {
 .head-top {
   margin-top: 20px;
   margin-bottom: 30px;
+  position: relative;
+  z-index: 2;
 }
 .head-top .logo {
   height: 52px;
@@ -1461,16 +1483,33 @@ body {
   margin-right: 20px;
   transition: all 0.3s;
   position: relative;
+  overflow: hidden;
 }
 .head-top .input-box.pitch {
   border-color: #000;
 }
+.head-top .input-box .placeholder-box {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: calc(100% - 33px);
+  height: 100%;
+  z-index: 1;
+}
+.head-top .input-box .placeholder-box .item {
+  height: 100%;
+  line-height: 40px;
+  padding: 0 15px;
+  color: #7f7f7f;
+  font-size: 14px;
+}
 .head-top .input-box .input {
   border: none;
   outline: none;
   height: 100%;
   background-color: transparent;
   font-size: 14px;
+  z-index: 2;
 }
 .head-top .input-box .icon {
   width: 18px;