完成毕业设计展示网站全部内容：包含前期分析、设计表现、设计图纸、性能分析、自保障设计、建造模拟（含建造过程模拟）、关于项目等全部板块

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>东南大学：张宏、张弦、李向锋、周欣、张军军、叶红雨、伍雁华；内蒙古工业大学：伊若勒泰、布音敖其尔</p>
-                    <p><strong>学校专业：</strong>XXX大学 XXX专业</p>
+                    <p><strong>学校专业：</strong>东南大学 建筑学专业</p>
-                    <p><strong>完成时间：</strong>2026年</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>

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>

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>

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>
+                        <h3>室内透视1</h3>
-                        <p>展示诊室的内部空间布局与采光效果。</p>
+                        <p>主入口望向健康教育室透视</p>
                     </div>
                 </div>
                 
@@ -135,8 +135,8 @@
                         <div class="placeholder-text" style="display:none;">室内透视图2</div>
                     </div>
                     <div class="card-content">
-                        <h3>候诊大厅</h3>
+                        <h3>室内透视2</h3>
-                        <p>展示候诊区的空间组织与人流导向。</p>
+                        <p>诊疗室望向健康教育室透视</p>
                     </div>
                 </div>
                 
@@ -147,8 +147,8 @@
                         <div class="placeholder-text" style="display:none;">室内透视图3</div>
                     </div>
                     <div class="card-content">
-                        <h3>治疗室</h3>
+                        <h3>室内透视3</h3>
-                        <p>展示治疗室的功能布局与设备配置。</p>
+                        <p>医生休息室门前走廊望向导诊台和取药处</p>
                     </div>
                 </div>
             </div>

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>