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

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. 撱粹<E692B1>䭾<EFBFBD>餃㦛嚗<E3A69B><E59A97>撘惩之<E683A9>橘<EFBFBD> -->
+    <section class="section" id="construction-site">
+        <div class="container">
+            <h2 class="section-title">撱粹<EFBFBD>䭾<EFBFBD>餃㦛</h2>
+            <div class="drawing-full enlarged">
+                <img src="images/construction-siteplan.jpg" alt="撱粹<E692B1>䭾<EFBFBD>餃㦛" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                <div class="placeholder-text large" style="display:none;">撱粹<EFBFBD>䭾<EFBFBD>餃㦛</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 2. <20><>辣銵?-->
+    <section class="section section-alt" id="component-tables">
+        <div class="container">
+            <h2 class="section-title"><EFBFBD><EFBFBD>辣銵?/h2>
+            
+            <!-- 2.1 <20>箏漣<E7AE8F>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.1 <20>箏漣<E7AE8F>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-base-01.jpg" alt="<22>箏漣<E7AE8F>典<EFBFBD>蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;"><EFBFBD>箏漣<EFBFBD>典<EFBFBD>蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>B-01</td><td><EFBFBD>箇<EFBFBD>璇?/td><td>200<EFBFBD>400mm</td><td>12</td></tr>
+                                <tr><td>B-02</td><td><EFBFBD>勗抅蝖<EFBFBD></td><td>500<EFBFBD>500mm</td><td>8</td></tr>
+                                <tr><td>B-03</td><td><EFBFBD>啗<EFBFBD><EFBFBD>箸<EFBFBD></td><td>M20</td><td>32</td></tr>
+                                <tr><td>B-04</td><td><EFBFBD>怠<EFBFBD></td><td>C15瘛瑕<EFBFBD><EFBFBD>?/td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <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="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-02.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-03.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-04.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-05.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-06.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-07.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-base-detail-08.jpg" alt="<22>箏漣蝏<E6BCA3><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption"><EFBFBD>箏漣蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.2 銝颱<E98A9D>蝏𤘪<E89D8F><F0A498AA>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.2 銝颱<E98A9D>蝏𤘪<E89D8F><F0A498AA>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-main-01.jpg" alt="銝颱<E98A9D>蝏𤘪<E89D8F>蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">銝颱<EFBFBD>蝏𤘪<EFBFBD>蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>M-01</td><td><EFBFBD>Ｘ<EFBFBD></td><td>H200<EFBFBD>200</td><td>8</td></tr>
+                                <tr><td>M-02</td><td><EFBFBD>Ｘ<EFBFBD></td><td>H250<EFBFBD>125</td><td>16</td></tr>
+                                <tr><td>M-03</td><td><EFBFBD>厩揣</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>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <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="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-02.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-03.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-04.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-05.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-06.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-07.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-main-detail-08.jpg" alt="銝颱<E98A9D>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">銝颱<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.3 撅钅𢒰<E99285>湔擪<E6B994>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.3 撅钅𢒰<E99285>湔擪<E6B994>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-roof-01.jpg" alt="撅钅𢒰<E99285>湔擪蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">撅钅𢒰<EFBFBD>湔擪蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>R-01</td><td>撅钅𢒰<EFBFBD>?/td><td>1200<EFBFBD>6000mm</td><td>20</td></tr>
+                                <tr><td>R-02</td><td>瑼拇辺</td><td>C160<EFBFBD>60</td><td>40</td></tr>
+                                <tr><td>R-03</td><td><EFBFBD>脫偌撅?/td><td>TPO<EFBFBD>瑟<EFBFBD></td><td>1</td></tr>
+                                <tr><td>R-04</td><td>靽脲萱撅?/td><td>撗拇<EFBFBD><EFBFBD>?00mm</td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <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="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-02.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-03.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-04.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-05.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-06.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-07.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-roof-detail-08.jpg" alt="撅钅𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">撅钅𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.4 憓䠷𢒰<E4A0B7>湔擪<E6B994>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.4 憓䠷𢒰<E4A0B7>湔擪<E6B994>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-wall-01.jpg" alt="憓䠷𢒰<E4A0B7>湔擪蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">憓䠷𢒰<EFBFBD>湔擪蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>W-01</td><td>憭硋<EFBFBD><EFBFBD>?/td><td>1200<EFBFBD>3000mm</td><td>48</td></tr>
+                                <tr><td>W-02</td><td>樴䠷爸</td><td>C75<EFBFBD>50</td><td>96</td></tr>
+                                <tr><td>W-03</td><td><EFBFBD>餌<EFBFBD>蝒?/td><td>1500<EFBFBD>1800mm</td><td>12</td></tr>
+                                <tr><td>W-04</td><td><EFBFBD>?/td><td>900<EFBFBD>2100mm</td><td>4</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <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="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-02.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-03.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-04.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-05.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-06.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-07.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-wall-detail-08.jpg" alt="憓䠷𢒰蝏<F0A292B0><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">憓䠷𢒰蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.5 皜拇<E79A9C><E68B87>典<EFBFBD> -->
+            <div class="subsection">
+                <h3 class="subsection-title">2.5 皜拇<E79A9C><E68B87>典<EFBFBD></h3>
+                
+                <!-- 銝𦠜䲮嚗𡁜椰<F0A1819C>曉𢰧銵?-->
+                <div class="text-image-layout">
+                    <div class="layout-images">
+                        <img src="images/construction-greenhouse-01.jpg" alt="皜拇<E79A9C>蝷箸<E89DB7><E7AEB8>? onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                        <div class="placeholder-text medium" style="display:none;">皜拇<EFBFBD>蝷箸<EFBFBD><EFBFBD>?/div>
+                    </div>
+                    <div class="layout-table-right">
+                        <table class="performance-table">
+                            <thead>
+                                <tr>
+                                    <th>蝻硋噡</th>
+                                    <th><EFBFBD>滨妍</th>
+                                    <th>閫<EFBFBD>聢</th>
+                                    <th><EFBFBD>圈<EFBFBD></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr><td>G-01</td><td>撉冽沲</td><td><EFBFBD><EFBFBD><EFBFBD>屸儍蝞?/td><td>24</td></tr>
+                                <tr><td>G-02</td><td>閬<EFBFBD><EFBFBD><EFBFBD>?/td><td>PO<EFBFBD>?.12mm</td><td>1</td></tr>
+                                <tr><td>G-03</td><td><EFBFBD>𡁻<EFBFBD>蝒?/td><td><EFBFBD>萄𢆡撘<EFBFBD><EFBFBD>?/td><td>4</td></tr>
+                                <tr><td>G-04</td><td><EFBFBD>桅翧蝵?/td><td>憭㚚<EFBFBD><EFBFBD>喟頂蝏?/td><td>1</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                
+                <!-- 銝𧢲䲮嚗𡁏赤<F0A1818F>烐<EFBFBD><E78390>典<EFBFBD><E585B8>橘<EFBFBD><E6A998>喳<EFBFBD>8撘𩤃<E69298> -->
+                <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="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-02.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-03.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-04.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-05.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-06.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-07.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                        <div class="slider-item with-caption">
+                            <img src="images/construction-greenhouse-detail-08.jpg" alt="皜拇<E79A9C>蝏<EFBFBD><E89D8F><EFBFBD>?" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</div>
+                            <p class="image-caption">皜拇<EFBFBD>蝏<EFBFBD><EFBFBD><EFBFBD>?</p>
+                        </div>
+                    </div>
+                    <div class="slider-hint"><EFBFBD>?撌血𢰧皛穃𢆡<E7A983>亦<EFBFBD><E4BAA6>游<EFBFBD> <20>?/div>
+                </div>
+            </div>
+
+            <!-- 2.6 霈曉<E99C88><E69B89>典<EFBFBD>嚗<EFBFBD>蘨<EFBFBD>劐<EFBFBD>撘㰘”嚗?-->
+            <div class="subsection">
+                <h3 class="subsection-title">2.6 霈曉<E99C88><E69B89>典<EFBFBD></h3>
+                
+                <table class="performance-table wide">
+                    <thead>
+                        <tr>
+                            <th>蝻硋噡</th>
+                            <th>霈曉<EFBFBD><EFBFBD>滨妍</th>
+                            <th><EFBFBD>见噡閫<EFBFBD>聢</th>
+                            <th><EFBFBD>圈<EFBFBD></th>
+                            <th>憭<EFBFBD>釣</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr><td>E-01</td><td>憭芷翧<EFBFBD>賢<EFBFBD>隡𤩺踎</td><td>550W<EFBFBD>閙榊</td><td>20</td><td>撅钅▲摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-02</td><td><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?/td><td>10kW</td><td>2</td><td>摰文<EFBFBD>摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-03</td><td><EFBFBD><EFBFBD>㩞瘙删<EFBFBD></td><td>48V/200Ah</td><td>4</td><td><EFBFBD>刻<EFBFBD>蝟餌<EFBFBD></td></tr>
+                        <tr><td>E-04</td><td><EFBFBD>冽偌<EFBFBD>園<EFBFBD>蝟餌<EFBFBD></td><td>5000L</td><td>1</td><td><EFBFBD>唬<EFBFBD><EFBFBD>贝挽</td></tr>
+                        <tr><td>E-05</td><td><EFBFBD><EFBFBD>瘞渲挽憭?/td><td>RO<EFBFBD>齿<EFBFBD><EFBFBD>?/td><td>1</td><td>摰文<EFBFBD>摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-06</td><td>靘𥟇<EFBFBD>霈曉<EFBFBD></td><td>蝛箸<EFBFBD>皞鞟<EFBFBD>瘜?/td><td>2</td><td>摰文<EFBFBD>摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-07</td><td><EFBFBD>𡁻<EFBFBD>蝟餌<EFBFBD></td><td><EFBFBD>圈<EFBFBD><EFBFBD>Ｘ<EFBFBD><EFBFBD>?/td><td>2</td><td><EFBFBD>𢠃▲摰㕑<EFBFBD></td></tr>
+                        <tr><td>E-08</td><td><EFBFBD>扳<EFBFBD>蝟餌<EFBFBD></td><td>LED<EFBFBD>箄<EFBFBD><EFBFBD>批<EFBFBD></td><td>1</td><td><EFBFBD>典<EFBFBD>閬<EFBFBD><EFBFBD></td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </section>
+
+    <!-- 憿菔<E686BF> -->
+    <footer class="footer">
+        <div class="container">
+            <p>&copy; 2026 瘥蓥<E798A5>霈曇恣撅閧內 | <20>芸<EFBFBD><E88AB8>喳<EFBFBD><E596B3>寡<EFBFBD> 繚 擃䀹絲<E480B9>𠉛㴓憓<E3B493>飽<EFBFBD>穃龫<E7A983>埈<EFBFBD><E59F88>∪抅蝡躰挽霈∩<E99C88>撱粹<E692B1>删<EFBFBD>蝛?/p>
+        </div>
+    </footer>
+
+    <!-- JavaScript -->
+    <script src="js/main.js"></script>
+</body>
+</html>