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

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

css/details.css

@@ -7,6 +7,8 @@
   margin-bottom: 50px;
 }
 #details .matter .matter-left {
+  position: sticky;
+  z-index: 1;
   width: 890px;
   margin-right: 20px;
 }
@@ -171,6 +173,9 @@
 #details .matter .matter-left .html img {
   max-width: 100%;
 }
+#details .matter .matter-left .html video {
+  margin: 0 auto;
+}
 #details .matter .matter-left .last-time {
   color: #aaaaaa;
   font-size: 13px;
@@ -226,7 +231,7 @@
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
-  border-top: 8px solid #000000;
+  border-top: 8px solid #ffffff;
   position: absolute;
   bottom: -8px;
   left: 50%;
@@ -326,10 +331,8 @@
 #details .matter .matter-left .related .list .item .text {
   width: 352px;
 }
-#details .matter .sidebar-box.fixed {
-  position: fixed;
-  right: calc((100% - 1200px) / 2);
-  bottom: 10px;
+#details .matter .sidebar-box {
+  position: sticky;
 }
 #details .matter .sidebar-box .adv {
   width: 291px;