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

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

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

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

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

docs: 更新组件文档和注释

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

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

css/public.less

@@ -5,6 +5,7 @@
     font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
     font-weight: 400;
     font-style: normal;
+    word-break: break-word;
 }
 
 a {
@@ -195,14 +196,14 @@ body {
             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;
@@ -223,17 +224,17 @@ body {
 
             .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) {
@@ -466,6 +467,7 @@ body {
             color: #000000;
             line-height: 36px;
             margin-bottom: 7px;
+            display: block;
         }
 
         .message {
@@ -801,6 +803,12 @@ body {
                             width: 100px;
                             height: 100px;
                             margin-bottom: 4px;
+
+                            .load {
+                                width: 50px;
+                                height: 50px;
+                                animation: loadingRotate 1s linear infinite;
+                            }
                         }
 
                         .text {
@@ -1668,6 +1676,13 @@ body {
     width: 271px;
 }
 
+.thread-side-box.side-box .box,
+.offer-side-box.side-box .box,
+.interviewexperience-side-box .box,
+.vote-side-box.side-box .box {
+    border-radius: 8px;
+}
+
 .head-navigation {
     margin-bottom: 20px;
     .icon {
@@ -1722,6 +1737,7 @@ body {
             outline: none;
             height: 100%;
             background-color: transparent;
+            font-size: 14px;
         }
 
         .icon {
@@ -1998,6 +2014,7 @@ td {
     }
 }
 
+// 多个调用
 @keyframes loadingRotate {
     0% {
         transform: rotate(0deg);