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

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

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%;