diff --git a/about.html b/about.html
index 57d0131..95ab12d 100644
--- a/about.html
+++ b/about.html
@@ -67,11 +67,11 @@
             <div class="content-block">
                 <div class="project-info">
                     <p><strong>项目名称：</strong>雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
-                    <p><strong>设计理念：</strong>Approachable Luxury（亲和的奢华）</p>
+                    <p><strong>关键词：</strong>高海拔极端环境·乡村医疗基站·轻型斜拉结构·装配式建造·性能化设计·自保障设计</p>
                     <p><strong>学生姓名：</strong>杨雨晴</p>
-                    <p><strong>指导教师：</strong>XXX</p>
-                    <p><strong>学校专业：</strong>XXX大学 XXX专业</p>
-                    <p><strong>完成时间：</strong>2026年</p>
+                    <p><strong>指导教师：</strong>东南大学：张宏、张弦、李向锋、周欣、张军军、叶红雨、伍雁华；内蒙古工业大学：伊若勒泰、布音敖其尔</p>
+                    <p><strong>学校专业：</strong>东南大学 建筑学专业</p>
+                    <p><strong>完成时间：</strong>2026年2月~5月</p>
                 </div>
             </div>
         </div>
@@ -90,7 +90,16 @@
         <div class="container">
             <h2 class="section-title">致谢</h2>
             <div class="content-block">
-                <p class="large-text">在此处插入致谢内容...</p>
+                <p class="large-text">“雪域阳光方舟”的完整设计历程，是一次对数字技术如何拓展设计边界、重构工作方法的深刻体验。</p>
+                <p class="large-text">一、数字工具：从“表现辅助”到“思维伙伴”的认知升级</p>
+                <p class="large-text">在过去，软件于我而言更多是后期制图与表现的工具。而本次设计最大的转变，在于我真正将数字化工具前置为贯穿始终的“思维伙伴”与“验证平台”。在概念阶段，Rhino的参数化建模并非仅为生成复杂形态，而是成为推演“轻型钢构+张拉索”混合结构逻辑的核心方法。我通过编写算法来关联结构形态与受力关系，实现了方案的快速迭代与性能的即时反馈，这种“设计即模拟”的过程，极大地深化了我对“形”与“力”之关系的理解。工具角色的转变，带来了设计思维的根本性进化。</p>
+                <p class="large-text">二、性能驱动：在虚拟仿真中锚定真实建造</p>
+                <p class="large-text">本次研究让我深刻体会到，面向高寒极端环境的建筑，其美感必须根植于性能的坚实保障。我运用Grasshopper插件与相关模拟工具，进行了多次关键的性能推敲：例如，通过Design building进行日照与辐射分析，以数据优化建筑朝向与开窗策略；通过abaqus对张拉索结构进行力学模拟与形态找形，确保其在大风荷载下的安全与轻盈；通过手动计算与简化能耗分析，验证复合围护构造的保温效能。这些虚拟仿真并非最终证明，而是在设计过程中不断提供决策依据，确保方案的每一个浪漫构想（如帐篷的意象），都能在现实中稳稳“落地”。这让我真正理解了“性能化设计”不再是附加题，而是设计逻辑的起点。</p>
+                <p class="large-text">三、效果表达：技术理性与人文感性的平衡</p>
+                <p class="large-text">在最终成果的表达上，我力求在技术图纸的精准与效果图的氛围之间找到平衡。效果图的制作不再追求夸张的视觉冲击，而是致力于忠实传达设计在真实环境中的空间体验与材料质感。我特别注意通过光线、材质和人物活动的刻画，来呈现这个医疗基站在雪域阳光下应有的温暖、宁静与希望，避免让技术图纸的“冷感”淹没建筑的人文内核。这个过程让我认识到，优秀的表现本身就是设计思想的延伸，它用一种更直观的方式，讲述了数据与逻辑背后关于“人”的故事。</p>
+                <p class="large-text">四、核心收获：构建整合思维与系统工作流</p>
+                <p class="large-text">最终，我收获的远不止一个设计方案或一系列软件技能。我最大的成长在于初步构建起一种整合思维：如何将文化转译、性能模拟、结构创新、智能建造与人文关怀等多重目标，整合进一个连贯、闭环且高效的设计工作流中。从任务书解读到最终深化，我体验了一个相对完整的研究型设计过程，其核心是“提出假设-技术验证-反馈优化”的循环。这让我对未来应对复杂、多约束的真实项目具备了更强的信心与方法论基础。</p>
+                <p class="large-text">总而言之，这是一次从“用手绘图”到“用系统思考”的蜕变。技术是强大的杠杆，但撬动问题的支点，始终是设计者对于场地、文化与人的深刻理解与关怀。在离天空最近的草原上，为村民筑起一隅健康方舟的朴素愿望，是驱动所有复杂技术探索的最终源泉。</p>
             </div>
         </div>
     </section>
diff --git a/construction.html b/construction.html
index e8a7662..bef8fcc 100644
--- a/construction.html
+++ b/construction.html
@@ -523,47 +523,47 @@
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-01.jpg" alt="基座施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤1</div>
-                        <p class="image-caption">场地平整与定位放线</p>
+                        <p class="image-caption">1，平整地面，安装预制基础板。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-02.jpg" alt="基座施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤2</div>
-                        <p class="image-caption">地螺丝螺旋桩安装</p>
+                        <p class="image-caption">2，使用全站仪，打入螺旋桩基。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-03.jpg" alt="基座施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤3</div>
-                        <p class="image-caption">预制基础板吊装就位</p>
+                        <p class="image-caption">3，安装地梁。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-04.jpg" alt="基座施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤4</div>
-                        <p class="image-caption">砖堆砌筑与加热棒预埋</p>
+                        <p class="image-caption">4，安装竖向支撑。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-05.jpg" alt="基座施工步骤5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤5</div>
-                        <p class="image-caption">工字钢梁安装</p>
+                        <p class="image-caption">5，吊装储能砖块。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-06.jpg" alt="基座施工步骤6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤6</div>
-                        <p class="image-caption">风管支架固定</p>
+                        <p class="image-caption">6，安装工字钢圈梁。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-07.jpg" alt="基座施工步骤7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤7</div>
-                        <p class="image-caption">圆钢管柱定位安装</p>
+                        <p class="image-caption">7，安装预制混凝土基础板。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-08.jpg" alt="基座施工步骤8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤8</div>
-                        <p class="image-caption">外墙保温装饰一体板安装</p>
+                        <p class="image-caption">8，安装地下通风管道。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-base-09.jpg" alt="基座施工步骤9" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">基座施工步骤9</div>
-                        <p class="image-caption">基座验收与防水处理</p>
+                        <p class="image-caption">9，安装保温墙体及楼梯坡道，基座完成。</p>
                     </div>
                 </div>
             </div>
@@ -575,32 +575,32 @@
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-main-01.jpg" alt="主体施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">主体施工步骤1</div>
-                        <p class="image-caption">钢柱吊装与定位</p>
+                        <p class="image-caption">1，先组装两段钢管柱，吊装钢管柱到底板预留点位，与预留地螺栓用M24螺栓锚固。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-main-02.jpg" alt="主体施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">主体施工步骤2</div>
-                        <p class="image-caption">钢梁安装与焊接</p>
+                        <p class="image-caption">2，在地面组装屋面钢构件，分四部分用液压千斤顶抬升屋面至指定高度。（2,3步共交替进行4次）</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-main-03.jpg" alt="主体施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">主体施工步骤3</div>
-                        <p class="image-caption">拉索系统安装</p>
+                        <p class="image-caption">3，在预留底板点位处固定临时支架，与屋面相连接。（2,3步共交替进行4次）</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-main-04.jpg" alt="主体施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">主体施工步骤4</div>
-                        <p class="image-caption">连接件紧固</p>
+                        <p class="image-caption">4，安装拉索，分次张拉到预应力。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-main-05.jpg" alt="主体施工步骤5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">主体施工步骤5</div>
-                        <p class="image-caption">结构校正与调整</p>
+                        <p class="image-caption">5，拆除临时支架。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-main-06.jpg" alt="主体施工步骤6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">主体施工步骤6</div>
-                        <p class="image-caption">主体结构验收</p>
+                        <p class="image-caption">（拆除下来的临时支架后期安装在基座四周，覆pc中空阳光板做温棚）</p>
                     </div>
                 </div>
             </div>
@@ -612,22 +612,22 @@
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-roof-01.jpg" alt="屋面施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">屋面施工步骤1</div>
-                        <p class="image-caption">檩条安装</p>
+                        <p class="image-caption">1，安装屋面保温装饰一体板，并于屋面龙骨间填充保温。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-roof-02.jpg" alt="屋面施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">屋面施工步骤2</div>
-                        <p class="image-caption">屋面板铺设</p>
+                        <p class="image-caption">2，安装屋面天窗。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-roof-03.jpg" alt="屋面施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">屋面施工步骤3</div>
-                        <p class="image-caption">防水层与保温层施工</p>
+                        <p class="image-caption">3，安装屋面天沟/排水管道。（图中竖向管道预埋至墙内，此处仅为方便展示）</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-roof-04.jpg" alt="屋面施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">屋面施工步骤4</div>
-                        <p class="image-caption">屋面验收与收边处理</p>
+                        <p class="image-caption">4，安装屋面光伏板支架及光伏板组件。</p>
                     </div>
                 </div>
             </div>
@@ -639,22 +639,22 @@
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-wall-01.jpg" alt="墙面施工步骤1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">墙面施工步骤1</div>
-                        <p class="image-caption">龙骨安装</p>
+                        <p class="image-caption">1，安装墙面竖向龙骨与横向龙骨。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-wall-02.jpg" alt="墙面施工步骤2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">墙面施工步骤2</div>
-                        <p class="image-caption">外墙板安装</p>
+                        <p class="image-caption">2，安装墙面保温装饰一体板，并于屋面龙骨间填充保温。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-wall-03.jpg" alt="墙面施工步骤3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">墙面施工步骤3</div>
-                        <p class="image-caption">门窗框安装</p>
+                        <p class="image-caption">3，安装门窗。</p>
                     </div>
                     <div class="grid-item with-caption">
                         <img src="images/construction-process-wall-04.jpg" alt="墙面施工步骤4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text small" style="display:none;">墙面施工步骤4</div>
-                        <p class="image-caption">墙面收口与验收</p>
+                        <p class="image-caption">4，安装基座及楼梯坡道护栏。</p>
                     </div>
                 </div>
             </div>
diff --git a/construction.html.bak b/construction.html.bak
new file mode 100644
index 0000000..8793854
--- /dev/null
+++ b/construction.html.bak
@@ -0,0 +1,448 @@
+    <!-- 内容区域 -->
+    
+    <!-- 1. 建造总图（一张大图） -->
+    <section class="section" id="construction-site">
+        <div class="container">
+            <h2 class="section-title">建造总图</h2>
+            <div class="drawing-full enlarged">
+                <img src="images/construction-siteplan.jpg" alt="建造总图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                <div class="placeholder-text large" style="display:none;">建造总图</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 2. 构件表 -->
+    <section class="section section-alt" id="component-tables">
+        <div class="container">
+            <h2 class="section-title">构件表</h2>
+            
+            <!-- 2.1 基座部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.1 基座部分</h3>
+                
+                <!-- 上方：左图右表 -->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-base-01.jpg" alt="基座部分示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">基座部分示意图</div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>B-01</td><td>基础梁</td><td>200×400mm</td><td>12</td></tr>
+                                <tr><td>B-02</td><td>柱基础</td><td>500×500mm</td><td>8</td></tr>
+                                <tr><td>B-03</td><td>地脚螺栓</td><td>M20</td><td>32</td></tr>
+                                <tr><td>B-04</td><td>垫层</td><td>C15混凝土</td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-01.jpg" alt="基座细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图1</div>
+                            <p class="image-caption">基座细节图1</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-02.jpg" alt="基座细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图2</div>
+                            <p class="image-caption">基座细节图2</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-03.jpg" alt="基座细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图3</div>
+                            <p class="image-caption">基座细节图3</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-04.jpg" alt="基座细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图4</div>
+                            <p class="image-caption">基座细节图4</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-05.jpg" alt="基座细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图5</div>
+                            <p class="image-caption">基座细节图5</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-06.jpg" alt="基座细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图6</div>
+                            <p class="image-caption">基座细节图6</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-07.jpg" alt="基座细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图7</div>
+                            <p class="image-caption">基座细节图7</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-08.jpg" alt="基座细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节图8</div>
+                            <p class="image-caption">基座细节图8</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">← 左右滑动查看更多 →</div>
+                </div>
+            </div>
+
+            <!-- 2.2 主体结构部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.2 主体结构部分</h3>
+                
+                <!-- 上方：左图右表 -->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-main-01.jpg" alt="主体结构示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">主体结构示意图</div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>M-01</td><td>钢柱</td><td>H200×200</td><td>8</td></tr>
+                                <tr><td>M-02</td><td>钢梁</td><td>H250×125</td><td>16</td></tr>
+                                <tr><td>M-03</td><td>拉索</td><td>Φ12</td><td>24</td></tr>
+                                <tr><td>M-04</td><td>连接件</td><td>M16</td><td>64</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-01.jpg" alt="主体细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图1</div>
+                            <p class="image-caption">主体细节图1</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-02.jpg" alt="主体细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图2</div>
+                            <p class="image-caption">主体细节图2</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-03.jpg" alt="主体细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图3</div>
+                            <p class="image-caption">主体细节图3</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-04.jpg" alt="主体细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图4</div>
+                            <p class="image-caption">主体细节图4</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-05.jpg" alt="主体细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图5</div>
+                            <p class="image-caption">主体细节图5</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-06.jpg" alt="主体细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图6</div>
+                            <p class="image-caption">主体细节图6</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-07.jpg" alt="主体细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图7</div>
+                            <p class="image-caption">主体细节图7</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-08.jpg" alt="主体细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节图8</div>
+                            <p class="image-caption">主体细节图8</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">← 左右滑动查看更多 →</div>
+                </div>
+            </div>
+
+            <!-- 2.3 屋面围护部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.3 屋面围护部分</h3>
+                
+                <!-- 上方：左图右表 -->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-roof-01.jpg" alt="屋面围护示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">屋面围护示意图</div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>R-01</td><td>屋面板</td><td>1200×6000mm</td><td>20</td></tr>
+                                <tr><td>R-02</td><td>檩条</td><td>C160×60</td><td>40</td></tr>
+                                <tr><td>R-03</td><td>防水层</td><td>TPO卷材</td><td>1</td></tr>
+                                <tr><td>R-04</td><td>保温层</td><td>岩棉板100mm</td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-01.jpg" alt="屋面细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图1</div>
+                            <p class="image-caption">屋面细节图1</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-02.jpg" alt="屋面细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图2</div>
+                            <p class="image-caption">屋面细节图2</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-03.jpg" alt="屋面细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图3</div>
+                            <p class="image-caption">屋面细节图3</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-04.jpg" alt="屋面细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图4</div>
+                            <p class="image-caption">屋面细节图4</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-05.jpg" alt="屋面细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图5</div>
+                            <p class="image-caption">屋面细节图5</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-06.jpg" alt="屋面细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图6</div>
+                            <p class="image-caption">屋面细节图6</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-07.jpg" alt="屋面细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图7</div>
+                            <p class="image-caption">屋面细节图7</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-08.jpg" alt="屋面细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节图8</div>
+                            <p class="image-caption">屋面细节图8</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">← 左右滑动查看更多 →</div>
+                </div>
+            </div>
+
+            <!-- 2.4 墙面围护部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.4 墙面围护部分</h3>
+                
+                <!-- 上方：左图右表 -->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-wall-01.jpg" alt="墙面围护示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">墙面围护示意图</div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>W-01</td><td>外墙板</td><td>1200×3000mm</td><td>48</td></tr>
+                                <tr><td>W-02</td><td>龙骨</td><td>C75×50</td><td>96</td></tr>
+                                <tr><td>W-03</td><td>玻璃窗</td><td>1500×1800mm</td><td>12</td></tr>
+                                <tr><td>W-04</td><td>门</td><td>900×2100mm</td><td>4</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-01.jpg" alt="墙面细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图1</div>
+                            <p class="image-caption">墙面细节图1</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-02.jpg" alt="墙面细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图2</div>
+                            <p class="image-caption">墙面细节图2</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-03.jpg" alt="墙面细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图3</div>
+                            <p class="image-caption">墙面细节图3</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-04.jpg" alt="墙面细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图4</div>
+                            <p class="image-caption">墙面细节图4</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-05.jpg" alt="墙面细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图5</div>
+                            <p class="image-caption">墙面细节图5</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-06.jpg" alt="墙面细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图6</div>
+                            <p class="image-caption">墙面细节图6</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-07.jpg" alt="墙面细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图7</div>
+                            <p class="image-caption">墙面细节图7</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-08.jpg" alt="墙面细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节图8</div>
+                            <p class="image-caption">墙面细节图8</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">← 左右滑动查看更多 →</div>
+                </div>
+            </div>
+
+            <!-- 2.5 温棚部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.5 温棚部分</h3>
+                
+                <!-- 上方：左图右表 -->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-greenhouse-01.jpg" alt="温棚示意图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">温棚示意图</div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>G-01</td><td>骨架</td><td>镀锌钢管</td><td>24</td></tr>
+                                <tr><td>G-02</td><td>覆盖膜</td><td>PO膜0.12mm</td><td>1</td></tr>
+                                <tr><td>G-03</td><td>通风窗</td><td>电动开启</td><td>4</td></tr>
+                                <tr><td>G-04</td><td>遮阳网</td><td>外遮阳系统</td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-01.jpg" alt="温棚细节图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图1</div>
+                            <p class="image-caption">温棚细节图1</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-02.jpg" alt="温棚细节图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图2</div>
+                            <p class="image-caption">温棚细节图2</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-03.jpg" alt="温棚细节图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图3</div>
+                            <p class="image-caption">温棚细节图3</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-04.jpg" alt="温棚细节图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图4</div>
+                            <p class="image-caption">温棚细节图4</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-05.jpg" alt="温棚细节图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图5</div>
+                            <p class="image-caption">温棚细节图5</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-06.jpg" alt="温棚细节图6" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图6</div>
+                            <p class="image-caption">温棚细节图6</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-07.jpg" alt="温棚细节图7" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图7</div>
+                            <p class="image-caption">温棚细节图7</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-08.jpg" alt="温棚细节图8" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节图8</div>
+                            <p class="image-caption">温棚细节图8</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">← 左右滑动查看更多 →</div>
+                </div>
+            </div>
+
+            <!-- 2.6 设备部分（只有一张表） -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.6 设备部分</h3>
+                
+                <table class="performance-table wide">
+                    <thead>
+                        <tr>
+                            <th>编号</th>
+                            <th>设备名称</th>
+                            <th>型号规格</th>
+                            <th>数量</th>
+                            <th>备注</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr><td>E-01</td><td>太阳能光伏板</td><td>550W单晶</td><td>20</td><td>屋顶安装</td></tr>
+                        <tr><td>E-02</td><td>逆变器</td><td>10kW</td><td>2</td><td>室内安装</td></tr>
+                        <tr><td>E-03</td><td>蓄电池组</td><td>48V/200Ah</td><td>4</td><td>储能系统</td></tr>
+                        <tr><td>E-04</td><td>雨水收集系统</td><td>5000L</td><td>1</td><td>地下埋设</td></tr>
+                        <tr><td>E-05</td><td>净水设备</td><td>RO反渗透</td><td>1</td><td>室内安装</td></tr>
+                        <tr><td>E-06</td><td>供暖设备</td><td>空气源热泵</td><td>2</td><td>室外安装</td></tr>
+                        <tr><td>E-07</td><td>通风系统</td><td>新风换气机</td><td>2</td><td>吊顶安装</td></tr>
+                        <tr><td>E-08</td><td>照明系统</td><td>LED智能控制</td><td>1</td><td>全屋覆盖</td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </section>
+
+    <!-- 页脚 -->
+    <footer class="footer">
+        <div class="container">
+            <p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究</p>
+        </div>
+    </footer>
+
+    <!-- JavaScript -->
+    <script src="js/main.js"></script>
+</body>
+</html>
diff --git a/design.html b/design.html
index 2926140..5660c41 100644
--- a/design.html
+++ b/design.html
@@ -72,7 +72,7 @@
                     </div>
                     <div class="gallery-caption">
                         <h3>整体鸟瞰效果图</h3>
-                        <p>展示建筑与周边环境的整体关系，体现轻钢拉索结构的空间特征。</p>
+                        <p>展示建筑与周边环境的整体关系。</p>
                     </div>
                 </div>
             </div>
@@ -92,7 +92,7 @@
                     </div>
                     <div class="card-content">
                         <h3>主入口透视</h3>
-                        <p>展示建筑主入口的外观效果，体现轻钢结构与玻璃幕墙的结合。</p>
+                        <p>展示建筑主入口的外观效果。</p>
                     </div>
                 </div>
                 
@@ -104,7 +104,7 @@
                     </div>
                     <div class="card-content">
                         <h3>侧面透视</h3>
-                        <p>展示建筑侧面的拉索结构与立面细节。</p>
+                        <p>建筑急救入口一侧透视图。</p>
                     </div>
                 </div>
             </div>
@@ -123,8 +123,8 @@
                         <div class="placeholder-text" style="display:none;">室内透视图1</div>
                     </div>
                     <div class="card-content">
-                        <h3>诊室空间</h3>
-                        <p>展示诊室的内部空间布局与采光效果。</p>
+                        <h3>室内透视1</h3>
+                        <p>主入口望向健康教育室透视</p>
                     </div>
                 </div>
                 
@@ -135,8 +135,8 @@
                         <div class="placeholder-text" style="display:none;">室内透视图2</div>
                     </div>
                     <div class="card-content">
-                        <h3>候诊大厅</h3>
-                        <p>展示候诊区的空间组织与人流导向。</p>
+                        <h3>室内透视2</h3>
+                        <p>诊疗室望向健康教育室透视</p>
                     </div>
                 </div>
                 
@@ -147,8 +147,8 @@
                         <div class="placeholder-text" style="display:none;">室内透视图3</div>
                     </div>
                     <div class="card-content">
-                        <h3>治疗室</h3>
-                        <p>展示治疗室的功能布局与设备配置。</p>
+                        <h3>室内透视3</h3>
+                        <p>医生休息室门前走廊望向导诊台和取药处</p>
                     </div>
                 </div>
             </div>
diff --git a/images/construction-base-01.jpg b/images/construction-base-01.jpg
new file mode 100644
index 0000000..98d116b
Binary files /dev/null and b/images/construction-base-01.jpg differ
diff --git a/images/construction-base-detail-01.jpg b/images/construction-base-detail-01.jpg
new file mode 100644
index 0000000..0bfde03
Binary files /dev/null and b/images/construction-base-detail-01.jpg differ
diff --git a/images/construction-base-detail-02.jpg b/images/construction-base-detail-02.jpg
new file mode 100644
index 0000000..a6894b3
Binary files /dev/null and b/images/construction-base-detail-02.jpg differ
diff --git a/images/construction-base-detail-03.jpg b/images/construction-base-detail-03.jpg
new file mode 100644
index 0000000..adc5794
Binary files /dev/null and b/images/construction-base-detail-03.jpg differ
diff --git a/images/construction-base-detail-04.jpg b/images/construction-base-detail-04.jpg
new file mode 100644
index 0000000..9079ec8
Binary files /dev/null and b/images/construction-base-detail-04.jpg differ
diff --git a/images/construction-base-detail-05.jpg b/images/construction-base-detail-05.jpg
new file mode 100644
index 0000000..1ac2c79
Binary files /dev/null and b/images/construction-base-detail-05.jpg differ
diff --git a/images/construction-base-detail-06.jpg b/images/construction-base-detail-06.jpg
new file mode 100644
index 0000000..a46bd43
Binary files /dev/null and b/images/construction-base-detail-06.jpg differ
diff --git a/images/construction-base-detail-07.jpg b/images/construction-base-detail-07.jpg
new file mode 100644
index 0000000..6aca64f
Binary files /dev/null and b/images/construction-base-detail-07.jpg differ
diff --git a/images/construction-base-detail-08.jpg b/images/construction-base-detail-08.jpg
new file mode 100644
index 0000000..bc94361
Binary files /dev/null and b/images/construction-base-detail-08.jpg differ
diff --git a/images/construction-base-detail-09.jpg b/images/construction-base-detail-09.jpg
new file mode 100644
index 0000000..29ff3ec
Binary files /dev/null and b/images/construction-base-detail-09.jpg differ
diff --git a/images/construction-greenhouse-01.jpg b/images/construction-greenhouse-01.jpg
new file mode 100644
index 0000000..7fb1411
Binary files /dev/null and b/images/construction-greenhouse-01.jpg differ
diff --git a/images/construction-greenhouse-02.jpg b/images/construction-greenhouse-02.jpg
new file mode 100644
index 0000000..fc1f604
Binary files /dev/null and b/images/construction-greenhouse-02.jpg differ
diff --git a/images/construction-main-01.jpg b/images/construction-main-01.jpg
new file mode 100644
index 0000000..55e2536
Binary files /dev/null and b/images/construction-main-01.jpg differ
diff --git a/images/construction-main-detail-01.jpg b/images/construction-main-detail-01.jpg
new file mode 100644
index 0000000..59a8185
Binary files /dev/null and b/images/construction-main-detail-01.jpg differ
diff --git a/images/construction-main-detail-02.jpg b/images/construction-main-detail-02.jpg
new file mode 100644
index 0000000..fca7690
Binary files /dev/null and b/images/construction-main-detail-02.jpg differ
diff --git a/images/construction-main-detail-03.jpg b/images/construction-main-detail-03.jpg
new file mode 100644
index 0000000..22b5bca
Binary files /dev/null and b/images/construction-main-detail-03.jpg differ
diff --git a/images/construction-main-detail-04.jpg b/images/construction-main-detail-04.jpg
new file mode 100644
index 0000000..0f86ca4
Binary files /dev/null and b/images/construction-main-detail-04.jpg differ
diff --git a/images/construction-main-detail-05.jpg b/images/construction-main-detail-05.jpg
new file mode 100644
index 0000000..5b447ee
Binary files /dev/null and b/images/construction-main-detail-05.jpg differ
diff --git a/images/construction-main-detail-06.jpg b/images/construction-main-detail-06.jpg
new file mode 100644
index 0000000..d8ba9cf
Binary files /dev/null and b/images/construction-main-detail-06.jpg differ
diff --git a/images/construction-main-detail-07.jpg b/images/construction-main-detail-07.jpg
new file mode 100644
index 0000000..824da2d
Binary files /dev/null and b/images/construction-main-detail-07.jpg differ
diff --git a/images/construction-main-detail-08.jpg b/images/construction-main-detail-08.jpg
new file mode 100644
index 0000000..a68c369
Binary files /dev/null and b/images/construction-main-detail-08.jpg differ
diff --git a/images/construction-main-detail-09.jpg b/images/construction-main-detail-09.jpg
new file mode 100644
index 0000000..bdc4a89
Binary files /dev/null and b/images/construction-main-detail-09.jpg differ
diff --git a/images/construction-process-base-01.jpg b/images/construction-process-base-01.jpg
new file mode 100644
index 0000000..83856a3
Binary files /dev/null and b/images/construction-process-base-01.jpg differ
diff --git a/images/construction-process-base-02.jpg b/images/construction-process-base-02.jpg
new file mode 100644
index 0000000..f129558
Binary files /dev/null and b/images/construction-process-base-02.jpg differ
diff --git a/images/construction-process-base-03.jpg b/images/construction-process-base-03.jpg
new file mode 100644
index 0000000..bc06697
Binary files /dev/null and b/images/construction-process-base-03.jpg differ
diff --git a/images/construction-process-base-04.jpg b/images/construction-process-base-04.jpg
new file mode 100644
index 0000000..2db6a7d
Binary files /dev/null and b/images/construction-process-base-04.jpg differ
diff --git a/images/construction-process-base-05.jpg b/images/construction-process-base-05.jpg
new file mode 100644
index 0000000..7993a9b
Binary files /dev/null and b/images/construction-process-base-05.jpg differ
diff --git a/images/construction-process-base-06.jpg b/images/construction-process-base-06.jpg
new file mode 100644
index 0000000..affffd2
Binary files /dev/null and b/images/construction-process-base-06.jpg differ
diff --git a/images/construction-process-base-07.jpg b/images/construction-process-base-07.jpg
new file mode 100644
index 0000000..d5c76a1
Binary files /dev/null and b/images/construction-process-base-07.jpg differ
diff --git a/images/construction-process-base-08.jpg b/images/construction-process-base-08.jpg
new file mode 100644
index 0000000..45d8218
Binary files /dev/null and b/images/construction-process-base-08.jpg differ
diff --git a/images/construction-process-base-09.jpg b/images/construction-process-base-09.jpg
new file mode 100644
index 0000000..6b4c8b9
Binary files /dev/null and b/images/construction-process-base-09.jpg differ
diff --git a/images/construction-process-main-01.jpg b/images/construction-process-main-01.jpg
new file mode 100644
index 0000000..528f1fa
Binary files /dev/null and b/images/construction-process-main-01.jpg differ
diff --git a/images/construction-process-main-02.jpg b/images/construction-process-main-02.jpg
new file mode 100644
index 0000000..d6579b5
Binary files /dev/null and b/images/construction-process-main-02.jpg differ
diff --git a/images/construction-process-main-03.jpg b/images/construction-process-main-03.jpg
new file mode 100644
index 0000000..7f5b3de
Binary files /dev/null and b/images/construction-process-main-03.jpg differ
diff --git a/images/construction-process-main-04.jpg b/images/construction-process-main-04.jpg
new file mode 100644
index 0000000..db51923
Binary files /dev/null and b/images/construction-process-main-04.jpg differ
diff --git a/images/construction-process-main-05.jpg b/images/construction-process-main-05.jpg
new file mode 100644
index 0000000..d04b2ee
Binary files /dev/null and b/images/construction-process-main-05.jpg differ
diff --git a/images/construction-process-main-06.jpg b/images/construction-process-main-06.jpg
new file mode 100644
index 0000000..557e657
Binary files /dev/null and b/images/construction-process-main-06.jpg differ
diff --git a/images/construction-process-roof-01.jpg b/images/construction-process-roof-01.jpg
new file mode 100644
index 0000000..264c7a0
Binary files /dev/null and b/images/construction-process-roof-01.jpg differ
diff --git a/images/construction-process-roof-02.jpg b/images/construction-process-roof-02.jpg
new file mode 100644
index 0000000..e6c50a5
Binary files /dev/null and b/images/construction-process-roof-02.jpg differ
diff --git a/images/construction-process-roof-03.jpg b/images/construction-process-roof-03.jpg
new file mode 100644
index 0000000..fa900ff
Binary files /dev/null and b/images/construction-process-roof-03.jpg differ
diff --git a/images/construction-process-roof-04.jpg b/images/construction-process-roof-04.jpg
new file mode 100644
index 0000000..6b9ec52
Binary files /dev/null and b/images/construction-process-roof-04.jpg differ
diff --git a/images/construction-process-wall-01.jpg b/images/construction-process-wall-01.jpg
new file mode 100644
index 0000000..f502714
Binary files /dev/null and b/images/construction-process-wall-01.jpg differ
diff --git a/images/construction-process-wall-02.jpg b/images/construction-process-wall-02.jpg
new file mode 100644
index 0000000..0b1c2f4
Binary files /dev/null and b/images/construction-process-wall-02.jpg differ
diff --git a/images/construction-process-wall-03.jpg b/images/construction-process-wall-03.jpg
new file mode 100644
index 0000000..154443f
Binary files /dev/null and b/images/construction-process-wall-03.jpg differ
diff --git a/images/construction-process-wall-04.jpg b/images/construction-process-wall-04.jpg
new file mode 100644
index 0000000..ab9acae
Binary files /dev/null and b/images/construction-process-wall-04.jpg differ
diff --git a/images/construction-roof-01.jpg b/images/construction-roof-01.jpg
new file mode 100644
index 0000000..47e6ed7
Binary files /dev/null and b/images/construction-roof-01.jpg differ
diff --git a/images/construction-roof-detail-01.jpg b/images/construction-roof-detail-01.jpg
new file mode 100644
index 0000000..08ef75f
Binary files /dev/null and b/images/construction-roof-detail-01.jpg differ
diff --git a/images/construction-roof-detail-010.jpg b/images/construction-roof-detail-010.jpg
new file mode 100644
index 0000000..83ac240
Binary files /dev/null and b/images/construction-roof-detail-010.jpg differ
diff --git a/images/construction-roof-detail-02.jpg b/images/construction-roof-detail-02.jpg
new file mode 100644
index 0000000..479f104
Binary files /dev/null and b/images/construction-roof-detail-02.jpg differ
diff --git a/images/construction-roof-detail-03.jpg b/images/construction-roof-detail-03.jpg
new file mode 100644
index 0000000..1a8b5c3
Binary files /dev/null and b/images/construction-roof-detail-03.jpg differ
diff --git a/images/construction-roof-detail-04.jpg b/images/construction-roof-detail-04.jpg
new file mode 100644
index 0000000..d982fe5
Binary files /dev/null and b/images/construction-roof-detail-04.jpg differ
diff --git a/images/construction-roof-detail-05.jpg b/images/construction-roof-detail-05.jpg
new file mode 100644
index 0000000..c3e5808
Binary files /dev/null and b/images/construction-roof-detail-05.jpg differ
diff --git a/images/construction-roof-detail-06.jpg b/images/construction-roof-detail-06.jpg
new file mode 100644
index 0000000..b99ca7b
Binary files /dev/null and b/images/construction-roof-detail-06.jpg differ
diff --git a/images/construction-roof-detail-07.jpg b/images/construction-roof-detail-07.jpg
new file mode 100644
index 0000000..1ad50ed
Binary files /dev/null and b/images/construction-roof-detail-07.jpg differ
diff --git a/images/construction-roof-detail-08.jpg b/images/construction-roof-detail-08.jpg
new file mode 100644
index 0000000..12676db
Binary files /dev/null and b/images/construction-roof-detail-08.jpg differ
diff --git a/images/construction-roof-detail-09.jpg b/images/construction-roof-detail-09.jpg
new file mode 100644
index 0000000..6a67337
Binary files /dev/null and b/images/construction-roof-detail-09.jpg differ
diff --git a/images/construction-siteplan.jpg b/images/construction-siteplan.jpg
new file mode 100644
index 0000000..0ed84c9
Binary files /dev/null and b/images/construction-siteplan.jpg differ
diff --git a/images/construction-wall-01.jpg b/images/construction-wall-01.jpg
new file mode 100644
index 0000000..6ad82ac
Binary files /dev/null and b/images/construction-wall-01.jpg differ
diff --git a/images/construction-wall-detail-01.jpg b/images/construction-wall-detail-01.jpg
new file mode 100644
index 0000000..eb6cc20
Binary files /dev/null and b/images/construction-wall-detail-01.jpg differ
diff --git a/images/construction-wall-detail-02.jpg b/images/construction-wall-detail-02.jpg
new file mode 100644
index 0000000..6b6fab7
Binary files /dev/null and b/images/construction-wall-detail-02.jpg differ
diff --git a/images/construction-wall-detail-03.jpg b/images/construction-wall-detail-03.jpg
new file mode 100644
index 0000000..5df0ae5
Binary files /dev/null and b/images/construction-wall-detail-03.jpg differ
diff --git a/images/construction-wall-detail-04.jpg b/images/construction-wall-detail-04.jpg
new file mode 100644
index 0000000..a55151f
Binary files /dev/null and b/images/construction-wall-detail-04.jpg differ
diff --git a/images/construction-wall-detail-05.jpg b/images/construction-wall-detail-05.jpg
new file mode 100644
index 0000000..cb3d58f
Binary files /dev/null and b/images/construction-wall-detail-05.jpg differ
diff --git a/temp_construction.html b/temp_construction.html
new file mode 100644
index 0000000..a60f13d
--- /dev/null
+++ b/temp_construction.html
@@ -0,0 +1,447 @@
+    
+    <!-- 1. 建造总图（一张大图） -->
+    <section class="section" id="construction-site">
+        <div class="container">
+            <h2 class="section-title">建造总图</h2>
+            <div class="drawing-full enlarged">
+                <img src="images/construction-siteplan.jpg" alt="建造总图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                <div class="placeholder-text large" style="display:none;">建造总图</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 2. 构件�?-->
+    <section class="section section-alt" id="component-tables">
+        <div class="container">
+            <h2 class="section-title">构件�?/h2>
+            
+            <!-- 2.1 基座部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.1 基座部分</h3>
+                
+                <!-- 上方：左图右�?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-base-01.jpg" alt="基座部分示意�? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">基座部分示意�?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>B-01</td><td>基础�?/td><td>200×400mm</td><td>12</td></tr>
+                                <tr><td>B-02</td><td>柱基础</td><td>500×500mm</td><td>8</td></tr>
+                                <tr><td>B-03</td><td>地脚螺栓</td><td>M20</td><td>32</td></tr>
+                                <tr><td>B-04</td><td>垫层</td><td>C15混凝�?/td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-01.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-02.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-03.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-04.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-05.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-06.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-07.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-08.jpg" alt="基座细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">基座细节�?</div>
+                            <p class="image-caption">基座细节�?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">�?左右滑动查看更多 �?/div>
+                </div>
+            </div>
+
+            <!-- 2.2 主体结构部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.2 主体结构部分</h3>
+                
+                <!-- 上方：左图右�?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-main-01.jpg" alt="主体结构示意�? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">主体结构示意�?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>M-01</td><td>钢柱</td><td>H200×200</td><td>8</td></tr>
+                                <tr><td>M-02</td><td>钢梁</td><td>H250×125</td><td>16</td></tr>
+                                <tr><td>M-03</td><td>拉索</td><td>Φ12</td><td>24</td></tr>
+                                <tr><td>M-04</td><td>连接�?/td><td>M16</td><td>64</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-01.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-02.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-03.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-04.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-05.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-06.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-07.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-08.jpg" alt="主体细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">主体细节�?</div>
+                            <p class="image-caption">主体细节�?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">�?左右滑动查看更多 �?/div>
+                </div>
+            </div>
+
+            <!-- 2.3 屋面围护部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.3 屋面围护部分</h3>
+                
+                <!-- 上方：左图右�?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-roof-01.jpg" alt="屋面围护示意�? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">屋面围护示意�?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>R-01</td><td>屋面�?/td><td>1200×6000mm</td><td>20</td></tr>
+                                <tr><td>R-02</td><td>檩条</td><td>C160×60</td><td>40</td></tr>
+                                <tr><td>R-03</td><td>防水�?/td><td>TPO卷材</td><td>1</td></tr>
+                                <tr><td>R-04</td><td>保温�?/td><td>岩棉�?00mm</td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-01.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-02.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-03.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-04.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-05.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-06.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-07.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-08.jpg" alt="屋面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">屋面细节�?</div>
+                            <p class="image-caption">屋面细节�?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">�?左右滑动查看更多 �?/div>
+                </div>
+            </div>
+
+            <!-- 2.4 墙面围护部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.4 墙面围护部分</h3>
+                
+                <!-- 上方：左图右�?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-wall-01.jpg" alt="墙面围护示意�? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">墙面围护示意�?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>W-01</td><td>外墙�?/td><td>1200×3000mm</td><td>48</td></tr>
+                                <tr><td>W-02</td><td>龙骨</td><td>C75×50</td><td>96</td></tr>
+                                <tr><td>W-03</td><td>玻璃�?/td><td>1500×1800mm</td><td>12</td></tr>
+                                <tr><td>W-04</td><td>�?/td><td>900×2100mm</td><td>4</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-01.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-02.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-03.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-04.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-05.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-06.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-07.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-08.jpg" alt="墙面细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">墙面细节�?</div>
+                            <p class="image-caption">墙面细节�?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">�?左右滑动查看更多 �?/div>
+                </div>
+            </div>
+
+            <!-- 2.5 温棚部分 -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.5 温棚部分</h3>
+                
+                <!-- 上方：左图右�?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-greenhouse-01.jpg" alt="温棚示意�? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">温棚示意�?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>编号</th>
+                                    <th>名称</th>
+                                    <th>规格</th>
+                                    <th>数量</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>G-01</td><td>骨架</td><td>镀锌钢�?/td><td>24</td></tr>
+                                <tr><td>G-02</td><td>覆盖�?/td><td>PO�?.12mm</td><td>1</td></tr>
+                                <tr><td>G-03</td><td>通风�?/td><td>电动开�?/td><td>4</td></tr>
+                                <tr><td>G-04</td><td>遮阳�?/td><td>外遮阳系�?/td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 下方：横向滑动小图（至少8张） -->
+                <div class="image-slider-container">
+                    <div class="image-slider construction-gallery">
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-01.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-02.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-03.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-04.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-05.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-06.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-07.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-08.jpg" alt="温棚细节�?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">温棚细节�?</div>
+                            <p class="image-caption">温棚细节�?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint">�?左右滑动查看更多 �?/div>
+                </div>
+            </div>
+
+            <!-- 2.6 设备部分（只有一张表�?-->
+            <div class="subsection">
+                <h3 class="subsection-title">2.6 设备部分</h3>
+                
+                <table class="performance-table wide">
+                    <thead>
+                        <tr>
+                            <th>编号</th>
+                            <th>设备名称</th>
+                            <th>型号规格</th>
+                            <th>数量</th>
+                            <th>备注</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr><td>E-01</td><td>太阳能光伏板</td><td>550W单晶</td><td>20</td><td>屋顶安装</td></tr>
+                        <tr><td>E-02</td><td>逆变�?/td><td>10kW</td><td>2</td><td>室内安装</td></tr>
+                        <tr><td>E-03</td><td>蓄电池组</td><td>48V/200Ah</td><td>4</td><td>储能系统</td></tr>
+                        <tr><td>E-04</td><td>雨水收集系统</td><td>5000L</td><td>1</td><td>地下埋设</td></tr>
+                        <tr><td>E-05</td><td>净水设�?/td><td>RO反渗�?/td><td>1</td><td>室内安装</td></tr>
+                        <tr><td>E-06</td><td>供暖设备</td><td>空气源热�?/td><td>2</td><td>室外安装</td></tr>
+                        <tr><td>E-07</td><td>通风系统</td><td>新风换气�?/td><td>2</td><td>吊顶安装</td></tr>
+                        <tr><td>E-08</td><td>照明系统</td><td>LED智能控制</td><td>1</td><td>全屋覆盖</td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </section>
+
+    <!-- 页脚 -->
+    <footer class="footer">
+        <div class="container">
+            <p>&copy; 2026 毕业设计展示 | 雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研�?/p>
+        </div>
+    </footer>
+
+    <!-- JavaScript -->
+    <script src="js/main.js"></script>
+</body>
+</html>