fix: 修复图片布局溢出问题并优化样式

- 修改CSS以解决图片容器溢出问题
- 使用flex布局优化图片排列
- 更新静态资源路径为动态变量
- 隐藏示例项目并启用动态列表渲染

css/public.css

@@ -57,6 +57,7 @@ body {
   border-radius: 10px;
   padding: 18px 20px 0;
   display: block;
+  overflow: hidden;
 }
 .item-box .item-head {
   margin-bottom: 14px;
@@ -246,8 +247,12 @@ body {
   display: block;
 }
 .item-box.item-forum .picture {
-  overflow: auto;
+  overflow-x: auto;
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 10px;
   margin-bottom: 15px;
+  max-width: 100%;
 }
 .item-box.item-forum .picture .picture-videos {
   position: relative;
@@ -263,9 +268,7 @@ body {
   height: 100px;
   border-radius: 10px;
   display: block;
-}
-.item-box.item-forum .picture .picture-item:not(:last-child) {
-  margin-right: 10px;
+  flex-shrink: 0;
 }
 .item-box.item-offer {
   font-size: 14px;

css/public.less

@@ -293,8 +293,13 @@ body {
         }
 
         .picture {
-            overflow: auto;
+            overflow-x: auto;
+            // white-space: nowrap;
+            display: flex;
+            flex-wrap: nowrap;
+            gap: 10px;
             margin-bottom: 15px;
+            max-width: 100%;
 
             .picture-videos {
                 position: relative;
@@ -313,9 +318,10 @@ body {
                 height: 100px;
                 border-radius: 10px;
                 display: block;
+                flex-shrink: 0;
 
                 &:not(:last-child) {
-                    margin-right: 10px;
+                    // margin-right: 10px;
                 }
             }
         }

css/section.css

@@ -76,6 +76,9 @@
   border-radius: 16px;
   z-index: -1;
 }
+#sectionIndex .matter .matter-content {
+  min-width: 0;
+}
 #sectionIndex .matter .matter-content .info-box {
   width: 100%;
   background: -webkit-linear-gradient(270.53908529deg, #ffffff 2%, #ebf8f9 98%);
@@ -208,6 +211,7 @@
   margin-right: 12px;
   position: sticky;
   z-index: 1;
+  min-width: 0;
 }
 #sectionIndex .matter .matter-content .details-box .content-box .selectives-box {
   width: 100%;