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;