feat: 添加BI组件并优化多个页面样式和功能

refactor: 重构slideshow-box组件，移除帖子标签

fix: 修复item-bottom组件中QR码加载状态显示问题

style: 调整多个页面的CSS样式，包括字体大小和间距

perf: 优化save.js文件同步逻辑，支持更多模板格式

docs: 更新组件文档和注释

chore: 添加bi组件相关文件并配置监听同步

test: 更新测试用例以适应组件变更

css/details.less

@@ -83,14 +83,14 @@
                         width: 100vw;
                         height: 100vh;
                         z-index: 2;
-                        background-color: rgba(0, 0, 0, 0.1);
+                        // background-color: rgba(0, 0, 0, 0.1);
                     }
 
                     .operate {
                         position: absolute;
                         top: 23px;
                         right: 0;
-                        width: 100px;
+                        width: 80px;
                         background-color: rgba(242, 242, 242, 1);
                         border-radius: 8px;
                         padding: 5px;
@@ -111,17 +111,17 @@
 
                         .item {
                             text-align: center;
-                            font-size: 18px;
+                            font-size: 14px;
                             color: #333333;
                             padding: 14px 0;
                             cursor: pointer;
 
                             &:first-of-type {
-                                padding-top: 24px;
+                                padding-top: 14px;
                             }
 
                             &:last-of-type {
-                                padding-bottom: 24px;
+                                padding-top: 14px;
                             }
 
                             &:not(:last-of-type) {
@@ -293,6 +293,12 @@
                                     width: 100px;
                                     height: 100px;
                                     margin-bottom: 4px;
+
+                                    .load {
+                                        width: 50px;
+                                        height: 50px;
+                                        animation: loadingRotate 1s linear infinite;
+                                    }
                                 }
 
                                 .text {
@@ -366,6 +372,12 @@
         }
 
         .sidebar-box {
+            &.fixed {
+                position: fixed;
+                right: calc((100% - 1200px) / 2);
+                bottom: 10px;
+            }
+
             .adv {
                 width: 291px;
                 height: 220px;
@@ -647,10 +659,12 @@
                     .item {
                         height: 65px;
                         padding: 0 35px;
+                        cursor: pointer;
 
                         &:not(:last-child) {
                             border-bottom: 1px solid #f2f2f2;
                         }
+
                         .serial {
                             font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
                             font-weight: 700;
@@ -708,14 +722,14 @@
 .answer-discuss .input-box {
     background-color: #f6f6f6;
     border-radius: 10px;
-    padding-top: 11px;
+    padding-top: 20px;
     display: flex;
     justify-content: space-between;
     flex-direction: column;
 }
 
 .answer-discuss .input-box .top {
-    padding: 0 14px;
+    padding: 0 20px;
     position: relative;
 }
 
@@ -729,8 +743,8 @@
 }
 
 .answer-discuss .input-box .top .avatar {
-    width: 24px;
-    height: 24px;
+    width: 30px;
+    height: 30px;
     border-radius: 50%;
     display: block;
     margin-right: 10px;
@@ -742,6 +756,7 @@
     outline: none;
     background-color: transparent;
     min-height: 40px;
+    padding-top: 5px;
     padding-bottom: 11px;
     resize: none;
 }
@@ -794,14 +809,14 @@
 }
 
 .answer-discuss .input-box .bottom {
-    height: 52px;
-    padding: 0 14px;
+    // height: 52px;
+    padding: 0 20px;
     justify-content: flex-end;
 }
 
 .answer-discuss .input-box .bottom .operate .item {
     display: inline-flex;
-    margin-right: 20px;
+    margin-right: 25px;
     position: relative;
     z-index: 1;
 }
@@ -824,8 +839,8 @@
 }
 
 .answer-discuss .input-box .bottom .operate .item .icon {
-    width: 16px;
-    height: 16px;
+    width: 20px;
+    height: 20px;
     cursor: pointer;
 }