From d26b4fbcee4b0fe1e64fb0301539752bb2909d09 Mon Sep 17 00:00:00 2001
From: yangyuqing <1614872855@qq.com>
Date: Wed, 3 Jun 2026 06:04:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BB=BA=E9=80=A0=E6=A8=A1=E6=8B=9F=E6=9D=BF?=
 =?UTF-8?q?=E5=9D=97=E8=A1=A8=E6=A0=BC=E6=B7=BB=E5=8A=A0=E5=86=85=E9=83=A8?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=EF=BC=9A=E9=99=90=E5=88=B6=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=E4=B8=8D=E8=B6=85=E8=BF=87=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=EF=BC=8C=E5=A4=9A=E4=BD=99=E5=86=85=E5=AE=B9=E5=8F=AF=E5=90=91?=
 =?UTF-8?q?=E4=B8=8B=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 construction.html | 283 +++++++++++++++++++++++++---------------------
 css/style.css     |  11 ++
 2 files changed, 162 insertions(+), 132 deletions(-)

diff --git a/construction.html b/construction.html
index 9474412..787861f 100644
--- a/construction.html
+++ b/construction.html
@@ -101,22 +101,31 @@
                         <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 class="table-container">
+                            <table class="performance-table">
+                                <thead>
+                                    <tr>
+                                        <th>编号</th>
+                                        <th>构件</th>
+                                        <th>材质</th>
+                                        <th>尺寸/mm</th>
+                                        <th>重量/kg</th>
+                                        <th>数量</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr><td>1</td><td>地螺丝A（配圆形法兰）</td><td>钢制镀锌</td><td>Φ168*4.0*2500mm 螺旋桩</td><td>46</td><td>81</td></tr>
+                                    <tr><td>2</td><td>地螺丝B（无法兰，有内螺纹）</td><td>钢制镀锌</td><td>Φ168*4.0*5000mm 螺旋桩</td><td>92</td><td>24</td></tr>
+                                    <tr><td>3</td><td>预制基础板</td><td>混凝土</td><td>2000*4000*100mm</td><td>1920</td><td>344</td></tr>
+                                    <tr><td>4</td><td>砖堆</td><td>砖</td><td>1200*1200*1500mm</td><td>5400</td><td>56</td></tr>
+                                    <tr><td>5</td><td>加热棒</td><td>不锈钢</td><td>Φ16*300mm 500W光面</td><td>0.12</td><td>112</td></tr>
+                                    <tr><td>6</td><td>工字钢</td><td>钢材</td><td>160*88*6*4000/8000mm</td><td>82/164</td><td>196/98</td></tr>
+                                    <tr><td>7</td><td>风管支架</td><td>钢材</td><td>"吊杆：M8*400*600mm  横杆：∠30×30×3mm"</td><td>0.8/0.4</td><td>70</td></tr>
+                                    <tr><td>8</td><td>圆钢管柱</td><td>钢材</td><td>Φ159*5*1750mm</td><td>33</td><td>49</td></tr>
+                                    <tr><td>9</td><td>硅酸钙板基氟碳漆饰面的外墙保温装饰一体板</td><td>硅酸钙板 岩棉 氟碳漆</td><td>2270*2000*150mm</td><td>48</td><td>80</td></tr>
+                                </tbody>
+                            </table>
+                        </div>
                     </div>
                 </div>
                 
@@ -141,32 +150,32 @@
                         <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>
+                            <p class="image-caption">砖堆</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>
+                            <p class="image-caption">加热棒</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>
+                            <p class="image-caption">工字钢</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>
+                            <p class="image-caption">风管支架</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>
+                            <p class="image-caption">硅酸钙基氟碳漆饰面保温装饰一体板</p>
                         </div>
                         <div class="slider-item with-caption">
                             <img src="images/construction-base-detail-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">基座细节图9</p>
+                            <p class="image-caption">圆钢管柱</p>
                         </div>
                     </div>
                     <div class="slider-hint">← 左右滑动查看更多 →</div>
@@ -184,22 +193,24 @@
                         <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 class="table-container">
+                            <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>
                 </div>
                 
@@ -209,47 +220,47 @@
                         <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>
+                            <p class="image-caption">圆钢管柱上半截</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>
+                            <p class="image-caption">圆钢管柱下半截</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>
+                            <p class="image-caption">网架（无预埋套筒）</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>
+                            <p class="image-caption">网架（预埋套筒A）</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>
+                            <p class="image-caption">网架（预埋套筒B）</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>
+                            <p class="image-caption">网架（预埋套筒C）</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>
+                            <p class="image-caption">网架（预埋套筒D）</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>
+                            <p class="image-caption">三角坡屋面支架</p>
                         </div>
                         <div class="slider-item with-caption">
                             <img src="images/construction-main-detail-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">主体细节图9</p>
+                            <p class="image-caption">15.2mm钢绞线</p>
                         </div>
                     </div>
                     <div class="slider-hint">← 左右滑动查看更多 →</div>
@@ -267,22 +278,24 @@
                         <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 class="table-container">
+                            <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>
                 </div>
                 
@@ -292,52 +305,52 @@
                         <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>
+                            <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>
+                            <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>
+                            <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>
+                            <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>
+                            <p class="image-caption">岩棉板组合1</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>
+                            <p class="image-caption">岩棉板组合2</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>
+                            <p class="image-caption">天窗</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>
+                            <p class="image-caption">排水天沟</p>
                         </div>
                         <div class="slider-item with-caption">
                             <img src="images/construction-roof-detail-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">屋面细节图9</p>
+                            <p class="image-caption">太阳能板支架及夹具</p>
                         </div>
                         <div class="slider-item with-caption">
                             <img src="images/construction-roof-detail-10.jpg" alt="屋面细节图10" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                             <div class="placeholder-text small" style="display:none;">屋面细节图10</div>
-                            <p class="image-caption">屋面细节图10</p>
+                            <p class="image-caption">光伏板</p>
                         </div>
                     </div>
                     <div class="slider-hint">← 左右滑动查看更多 →</div>
@@ -355,22 +368,24 @@
                         <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 class="table-container">
+                            <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>
                 </div>
                 
@@ -380,27 +395,27 @@
                         <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>
+                            <p class="image-caption">u型沿地沿顶龙骨</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>
+                            <p class="image-caption">c型竖向龙骨</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>
+                            <p class="image-caption">通贯龙骨</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>
+                            <p class="image-caption">外墙一体板</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>
+                            <p class="image-caption">窗户</p>
                         </div>
                     </div>
                     <div class="slider-hint">← 左右滑动查看更多 →</div>
@@ -416,7 +431,7 @@
                     <div class="image-item">
                         <img src="images/construction-greenhouse-01.jpg" alt="温棚示意图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text medium" style="display:none;">温棚示意图1</div>
-                        <p class="image-caption">温棚结构示意图</p>
+                        <p class="image-caption">温棚结构爆炸图</p>
                     </div>
                     <div class="image-item">
                         <img src="images/construction-greenhouse-02.jpg" alt="温棚示意图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
@@ -426,49 +441,53 @@
                 </div>
                 
                 <!-- 下方：构件表 -->
-                <table class="performance-table wide">
-                    <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 class="table-container">
+                    <table class="performance-table wide">
+                        <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>
 
             <!-- 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 class="table-container">
+                    <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>
         </div>
     </section>
diff --git a/css/style.css b/css/style.css
index 304a9c0..a72dbdf 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1075,6 +1075,17 @@ body {
 
 .layout-table-right {
     flex: 1.5;
+    max-height: 500px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+/* 表格容器 - 用于限制表格高度并添加滚动 */
+.table-container {
+    max-height: 500px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    border-radius: var(--border-radius);
 }
 
 /* ========================================