重构1.4方案构思：文化意象（文字+5张横向滑动图）和解读与转译（文字+表格）

analysis.html

@@ -65,12 +65,14 @@
         <div class="container">
             <h2 class="section-title">1.1 课题任务解析</h2>
             <div class="content-block">
-                <p class="large-text">在此处插入课题任务的详细解析，包括：</p>
+                <p class="large-text">课题任务解析：</p>
                 <ul class="info-list">
-                    <li>研究背景与意义</li>
+                    <li>研究背景：本课题为 2026 年东南大学、西藏民族大学、西藏大学、内蒙古工业大学四校联合建造毕业设计。在积极响应国家“智能建造”、“碳中和”与“高质量与绿色转型发展”战略方针的宏观背景下，建筑工业化已成为行业核心趋势。当今时代的装配式建筑，其发展已从追求预制率转向以构件法为核心的智能化、精细化新阶段。与此同时，针对西藏高寒、高海拔、运输与施工条件严苛的极端环境，轻钢结构因其自重轻、强度高、构件标准化程度高、可快速装配等优势，成为实现高效、可靠建造的理想选择。其良好的可塑性与工厂预制精度，便于与高性能可再生材料结合。通过复合围护构造优化解决保温与冷桥问题，也能够满足建筑在极端环境下的性能与耐久性要求。本课题旨在将装配式建筑的先进设计理念、智能建造流程与轻钢结构体系在高寒地区的适应性应用相结合。
-                    <li>设计目标与要求</li>
+同时，本课题兼具人文关怀。课题关注到，即便近年来随着国家发展，西藏地区的医疗水平有所提升，但以那曲为代表的藏北地区，受制于高海拔、地广人稀、气候恶劣的地理环境，基层医疗的可及性仍是核心痛点。要想提高整体民生水平，探寻在藏北地区最末梢的牧区铺开医疗设施的模式值得被探索。
-                    <li>技术路线与方法</li>
+</li>
-                    <li>预期成果与创新点</li>
+                    <li>研究目标：本次毕业设计将从建筑设计、建造模拟、性能分析、自保障设计、室内设计五个方面展开，旨在完成一个以轻型钢材（60mm钢管）为主要结构的建筑设计方案，它将扎根于那曲市班戈县央木布村的环境之中，为牧区居民提供基础医疗服务。该方案将集成数字化建造、可再生能源系统和自保障功能，致力于在极端环境下实现建筑的宜居性、低能耗和快速建造。</li>
+                    <li>技术路线：技术路线：1.概念设计 → 2. 数字模型构建 → 3.参数化设计 → 4. 构件设计 → 5. 方案迭代 →6. 构件深化→7. 建筑形态与空间设计→8. 力学性能模拟→9. 力学性能模拟→10. 室内设计→11. 深化设计与表达。</li>
+                    <li>研究方法与预期成果：首先通过现场调研和文献研究明确设计目标与挑战，结合西藏自治区那曲市班戈县佳琼镇央木布村的气候、环境、场所、人文特征等，结合生态敏感性，选择合理的技术方案，包括可再生材料、可再生能源、电力资源取得、水源取得、中水利用、污水处理、抗风结构等方面，综合运用数据化建筑设计、智能建造相关原理和性能模拟优化技术，设计完成一套医疗服务保障基站的建筑设计方案，同时设计结合建造，最后通过性能模拟验证设计效果，建筑设备等知识，优化建筑墙体、屋面、地面、外窗等围护构造，降低建筑本体耗能，结合可再生能源技术，使建筑综合能效指标达到节能建筑标准，最终使设计方案得以建造落实。</li>
                 </ul>
             </div>
         </div>
@@ -92,8 +94,9 @@
                             <div class="placeholder-text" style="display:none;">自然地理图1</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题1</h3>
+                            <h3>央木布村航拍图</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>本课题设计场地位于央布木村，村庄位于西藏那曲市班戈县佳琼镇，地处青藏高原北部藏北高原，海拔约4697米。当地气候属于属于高原亚寒带季风半干旱气候，全年低温，温差大，太阳辐射强，积雪期长。村庄背山面草原，气温常年底下、降水量低、刮风天较多。
+</p>
                         </div>
                     </div>
                     
@@ -104,8 +107,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图2</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题2</h3>
+                            <h3>气温降水月分布图</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>每月温度波动大，冬季干球温度可低至 -25℃以下，夏季不超过20℃。6 月到 8 月气温相对较高，8 月至次年 5 月持续降温，基本保持在 0 摄氏度以下。</p>
                         </div>
                     </div>
                     
@@ -116,8 +119,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图3</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题3</h3>
+                            <h3>降水频率图</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>年平均降水量308.3mm，全年降水较为稀少，降水月分布不均。降水主要集中在6-9月，尤其是7-8月。降雪季节从每年的10月到次年5月，以小雪为主，偶有中到大雪，一般一年内有 10 到 15 次的降雪。年降水天气100天左右。</p>
                         </div>
                     </div>
                     
@@ -128,8 +131,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图4</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题4</h3>
+                            <h3>班戈县全年风玫瑰图</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>场地盛行西南风，刮风集中在 12 月至次年 5 月，下午至早晨风力较大，上午风力较小。年平均风速为 4.13米/秒，月均风速范围为3.11~5.16米/秒，年极大风速达33.2米/秒。风能较充足。</p>
                         </div>
                     </div>
                     
@@ -140,8 +143,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图5</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题5</h3>
+                            <h3>场地盛行风向图</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>场地盛行西南风,央布木村由于海拔高、植被稀疏、气候干燥，加上冬季和春季风力较强，降水少，容易出现大风天气，并可能吹起地面砂石形成风沙。这类天气下不宜开窗，直接开窗通风会导致大量沙尘进入室内，影响空气质量、居住舒适度甚至家用设备的使用寿命。</p>
                         </div>
                     </div>
                     
@@ -152,8 +155,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图6</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题6</h3>
+                            <h3>那曲水平太阳辐射量</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>地处高原，空气稀薄，降水稀少，天气晴朗，3 - 9月日照强度明显增强，5 - 7月尤为剧烈，太阳资源丰富。</p>
                         </div>
                     </div>
                     
@@ -164,8 +167,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图7</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题7</h3>
+                            <h3>那曲太阳高度角</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>地处高原，空气稀薄，降水稀少，天气晴朗，3 - 9月日照强度明显增强，5 - 7月尤为剧烈，太阳资源丰富。</p>
                         </div>
                     </div>
                     
@@ -176,8 +179,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图8</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题8</h3>
+                            <h3>班戈县晴雨天气分布图</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>央木布村降雪以干雪（粉雪）为主，雪花在落地过程中不易融化，多数情况下形成松散、不易结块的干雪。雪量不大，日常小雪积累厚度一般较薄（1-5厘米），但低温使得积雪不易融化，可能长期覆盖地面。</p>
                         </div>
                     </div>
                     
@@ -188,8 +191,8 @@
                             <div class="placeholder-text" style="display:none;">自然地理图9</div>
                         </div>
                         <div class="card-content">
-                            <h3>标题9</h3>
+                            <h3>土壤情况</h3>
-                            <p>在此处插入说明文字...</p>
+                            <p>村庄大面积覆盖的是草原 ，村内土地表层为砂石，但是覆盖率较低， 砂石覆盖在从表层到土地内部将近 10 到 15 厘米左右， 以下为沙土层， 但是由于气温较低，此沙土层较为坚固。地下有冻土层。</p>
                         </div>
                     </div>
                 </div>
@@ -206,7 +209,23 @@
                         </div>
                         <div class="card-content">
                             <h3>经济、人口和基础设施分析</h3>
-                            <p>在此处插入关于当地经济发展水平、人口分布特征、交通条件、医疗设施等基础设施的详细说明...</p>
+                            <li>·经济水平：
+2023年GDP 12.74亿元，农村人均可支配收入19969元（低于全国平均水平），经济以牧业为主，政策补贴（如草原生态奖补）占重要比重。</li>
+
+·主导产业：
+传统畜牧业：牦牛、藏羊养殖为主，受限于草场保护政策与降雪减少导致的草料短缺。
+商业：2家餐馆兼商店，服务本地基本需求，但规模小、附加值低。
+
+<li>·人口情况：
+村内居民约600人，男女比例1：1，男性稍多。村庄共有100多户人家，每户约2-3个小孩，青年外出务工，目前村里以老年人和妇女儿童为主。当地主要以传统牧业为主。居民分布较为集中，少数家庭居住较为零散，最远可达20公里。</li>
+
+<li>·基础设施情况：
+电力：依靠太阳能光伏和夜间发动机发电，未接通电网。
+交通：从班戈县到此村庄有将近两个小时车程，道路情况为半柏油路半土路，目前柏油路的维修进度止步于此村庄。
+思考：建筑需考虑自发电自适应。</li>
+
+<li>·村内厕所与排泄物处理方式：
+传统旱厕为主，通常是在院子的一角单独建一个小屋，地下挖一个深坑，坑上放置两块木板或水泥板作为蹲位。厕所没有冲水系统，粪便直接排入坑中积存。村民会定期进行人工清掏，清掏出来的粪便传统上会直接作为农家肥。</li>
                         </div>
                     </div>
                 </div>
@@ -226,8 +245,12 @@
                         <div class="placeholder-text" style="display:none;">案例1</div>
                     </div>
                     <div class="card-content">
-                        <h3>案例1标题</h3>
+                        <h3>厦门集美大桥收费站</h3>
-                        <p>在此处插入案例分析说明...</p>
+                        <p>·案例名称：厦门集美大桥收费站顶棚（已拆除）
+·案例地点​：福建省厦门市集美大桥主收费站
+·结构形式：轻型钢骨架 + 预应力拉索​混合结构
+
+厦门集美大桥收费站顶棚采用了一种创新的“轻型钢骨架+预应力拉索”混合结构。其最核心的技术参数体现在跨度与结构厚度的显著优化上。结构需要横跨八车道和中央隔离带，跨度达到51米。在传统方案中，若采用普通钢结构或桁架，其结构厚度需按三十分之一跨度考虑，将达到1.7至2米，加上装饰层会显得非常笨重。而通过引入12根SNS/S-7×19双护层彩色拉索，构建预应力拉索结构体系，成功将主体结构厚度大幅缩减至0.8米，在考虑完上下装饰面层后，整体厚度也仅为0.9米，最终实现了视觉上轻盈简洁的效果。</p>
                     </div>
                 </div>
                 
@@ -238,34 +261,21 @@
                         <div class="placeholder-text" style="display:none;">案例2</div>
                     </div>
                     <div class="card-content">
-                        <h3>案例2标题</h3>
+                        <h3>四川大学华西第二医院西藏医院</h3>
-                        <p>在此处插入案例分析说明...</p>
+                        <p>·案例名称：四川大学华西第二医院西藏医院
+·案例地点​：西藏拉萨市
+·突出创新点：采用零碳设计目标，兼顾医疗工艺需求与极端气候适应性
+
+平面布局上，设计将主要功能房间布置在南向等日照充足区域，在北向主要布置辅助功能房间，将医技部门不需要采光的手术室、设备用房等布置在建筑内部。
+立面形制上，借鉴藏族民居中外窗上部出挑的挑檐结构“八苏”，在建筑立面设计时形成上大下小的基本形制，通过建筑立面凹槽形成综合遮阳构造，将冬季阳光尽量引入室内的同时避免夏季直射阳光引起不舒适眩光与过热影响。
+太阳能资源利用方面，由于太阳能富集区医疗建筑运行碳排放比例高，需充分利用屋面面积，采用全太阳能驱动的光伏光热等可再生能源策略，而当屋面光伏不足以实现运行零碳时，还需补充立面光伏。
+该方案的围护结构采用各向异性设计方法以最大化利用太阳辐射得热，实现围护结构保温集热和蓄热性能的综合提升。</p>
                     </div>
                 </div>
                 
-                <!-- 案例3 -->
-                <div class="card">
-                    <div class="card-image analysis-img">
-                        <img src="images/analysis-06.png" alt="案例3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
-                        <div class="placeholder-text" style="display:none;">案例3</div>
-                    </div>
-                    <div class="card-content">
-                        <h3>案例3标题</h3>
-                        <p>在此处插入案例分析说明...</p>
-                    </div>
-                </div>
                 
-                <!-- 案例4 -->
+                
-                <div class="card">
+               
-                    <div class="card-image analysis-img">
-                        <img src="images/analysis-07.png" alt="案例4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
-                        <div class="placeholder-text" style="display:none;">案例4</div>
-                    </div>
-                    <div class="card-content">
-                        <h3>案例4标题</h3>
-                        <p>在此处插入案例分析说明...</p>
-                    </div>
-                </div>
             </div>
         </div>
     </section>
@@ -274,26 +284,100 @@
     <section class="section section-alt" id="concept">
         <div class="container">
             <h2 class="section-title">1.4 方案构思</h2>
-            <div class="content-block">
+            
-                <p class="large-text">在此处插入方案构思的详细说明，包括：</p>
+            <!-- 1.4.1 文化意象：黑牦牛帐篷 -->
-                <ul class="info-list">
+            <div class="subsection">
-                    <li>设计理念与灵感来源</li>
+                <h3 class="subsection-title">1.4.1 文化意象：黑牦牛帐篷</h3>
-                    <li>功能布局与空间组织</li>
+                
-                    <li>结构选型与技术策略</li>
+                <!-- 简介 -->
-                    <li>材料选择与构造方式</li>
+                <div class="concept-item">
-                </ul>
+                    <h4 class="concept-item-title">简介</h4>
+                    <p class="concept-text">黑牦牛帐篷是青藏高原游牧民族的传统居住形式，具有深厚的文化内涵和适应性特征。这种帐篷以牦牛毛编织的布料为主要材料，采用独特的结构体系，能够适应高原极端气候条件。</p>
                 </div>
                 
-            <div class="card-grid analysis-grid" style="margin-top: var(--spacing-md);">
+                <!-- 抗风结构 -->
-                <div class="card">
+                <div class="concept-item">
-                    <div class="card-image analysis-img">
+                    <h4 class="concept-item-title">抗风结构</h4>
-                        <img src="images/analysis-08.png" alt="方案构思图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                    <p class="concept-text">黑牦牛帐篷通过斜拉索系统和柔性骨架形成稳定的抗风结构。其独特的张力体系和流线型外形能够有效分散风力荷载，在强风环境下保持稳定。</p>
-                        <div class="placeholder-text" style="display:none;">方案构思图</div>
                 </div>
-                    <div class="card-content">
+                
-                        <h3>方案构思示意图</h3>
+                <!-- 模块化与可移动性 -->
-                        <p>在此处插入方案构思的图示说明...</p>
+                <div class="concept-item">
+                    <h4 class="concept-item-title">模块化与可移动性</h4>
+                    <p class="concept-text">传统黑牦牛帐篷采用模块化设计，各个构件可以拆卸、组装和运输。这种特性使其具有良好的可移动性，适应游牧生活的迁徙需求。</p>
                 </div>
+                
+                <!-- 内部空间特点 -->
+                <div class="concept-item">
+                    <h4 class="concept-item-title">内部空间特点</h4>
+                    <p class="concept-text">黑牦牛帐篷内部空间开敞灵活，中央设有火塘作为生活核心。空间布局体现了藏族人民的生活智慧和文化传统。</p>
+                </div>
+                
+                <!-- 5张图片横向滑动展示 -->
+                <div class="image-slider-container">
+                    <div class="image-slider">
+                        <div class="slider-item">
+                            <img src="images/concept-yak-01.jpg" alt="黑牦牛帐篷图1" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">黑牦牛帐篷图1</div>
+                        </div>
+                        <div class="slider-item">
+                            <img src="images/concept-yak-02.jpg" alt="黑牦牛帐篷图2" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">黑牦牛帐篷图2</div>
+                        </div>
+                        <div class="slider-item">
+                            <img src="images/concept-yak-03.jpg" alt="黑牦牛帐篷图3" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">黑牦牛帐篷图3</div>
+                        </div>
+                        <div class="slider-item">
+                            <img src="images/concept-yak-04.jpg" alt="黑牦牛帐篷图4" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">黑牦牛帐篷图4</div>
+                        </div>
+                        <div class="slider-item">
+                            <img src="images/concept-yak-05.jpg" alt="黑牛帐篷图5" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
+                            <div class="placeholder-text small" style="display:none;">黑牦牛帐篷图5</div>
+                        </div>
+                    </div>
+                    <div class="slider-hint">← 左右滑动查看更多 →</div>
+                </div>
+            </div>
+
+            <!-- 1.4.2 解读与转译：黑牦牛帐篷 -->
+            <div class="subsection">
+                <h3 class="subsection-title">1.4.2 解读与转译：黑牦牛帐篷</h3>
+                
+                <div class="content-block">
+                    <p class="large-text">通过对黑牦牛帐篷的文化意象进行深入分析，我们提取了其核心的设计语言和结构逻辑，并将其转译为现代医疗建筑的设计策略。这一过程不仅保留了传统文化的精髓，还结合了当代建筑技术和功能需求，实现了传统与现代的有机融合。</p>
+                    
+                    <table class="concept-table">
+                        <thead>
+                            <tr>
+                                <th>传统元素</th>
+                                <th>现代转译</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>牦牛毛编织布料</td>
+                                <td>轻质高强膜材料/金属屋面系统</td>
+                            </tr>
+                            <tr>
+                                <td>木质骨架+斜拉索</td>
+                                <td>轻钢结构+预应力拉索体系</td>
+                            </tr>
+                            <tr>
+                                <td>模块化组装</td>
+                                <td>预制装配式建造方式</td>
+                            </tr>
+                            <tr>
+                                <td>中央火塘空间</td>
+                                <td>多功能核心服务区</td>
+                            </tr>
+                            <tr>
+                                <td>游牧可移动性</td>
+                                <td>快速部署与灵活扩展能力</td>
+                            </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
         </div>

css/style.css

@@ -820,3 +820,145 @@ body {
 .analysis-img.wide {
     height: 450px;
 }
+
+/* ========================================
+   方案构思 - 文化意象部分
+   ======================================== */
+.concept-item {
+    margin-bottom: var(--spacing-md);
+}
+
+.concept-item-title {
+    font-size: 1.3rem;
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: var(--spacing-sm);
+    padding-left: 1rem;
+    border-left: 3px solid var(--primary-color);
+}
+
+.concept-text {
+    font-size: 1rem;
+    line-height: 1.8;
+    color: var(--text-secondary);
+    margin-left: 1.5rem;
+}
+
+/* ========================================
+   图片横向滑动容器
+   ======================================== */
+.image-slider-container {
+    margin-top: var(--spacing-lg);
+    position: relative;
+}
+
+.image-slider {
+    display: flex;
+    overflow-x: auto;
+    gap: var(--spacing-md);
+    padding: var(--spacing-sm) 0;
+    scroll-snap-type: x mandatory;
+    scrollbar-width: thin;
+    scrollbar-color: var(--primary-color) var(--bg-secondary);
+}
+
+/* Webkit浏览器滚动条样式 */
+.image-slider::-webkit-scrollbar {
+    height: 8px;
+}
+
+.image-slider::-webkit-scrollbar-track {
+    background: var(--bg-secondary);
+    border-radius: 4px;
+}
+
+.image-slider::-webkit-scrollbar-thumb {
+    background: var(--primary-color);
+    border-radius: 4px;
+}
+
+.image-slider::-webkit-scrollbar-thumb:hover {
+    background: var(--primary-dark);
+}
+
+.slider-item {
+    flex: 0 0 auto;
+    width: 280px;
+    scroll-snap-align: start;
+}
+
+.slider-item img {
+    width: 100%;
+    height: 280px;
+    object-fit: contain;
+    background: #FFFFFF;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-soft);
+    display: block;
+}
+
+.slider-hint {
+    text-align: center;
+    color: var(--text-light);
+    font-size: 0.9rem;
+    margin-top: var(--spacing-sm);
+    letter-spacing: 1px;
+}
+
+/* ========================================
+   方案构思 - 表格样式
+   ======================================== */
+.concept-table {
+    width: 100%;
+    max-width: 900px;
+    margin: var(--spacing-lg) auto 0;
+    border-collapse: collapse;
+    background: var(--bg-card);
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    box-shadow: var(--shadow-soft);
+}
+
+.concept-table thead {
+    background: var(--primary-color);
+    color: white;
+}
+
+.concept-table th {
+    padding: 1rem 1.5rem;
+    font-weight: 600;
+    text-align: left;
+    letter-spacing: 1px;
+}
+
+.concept-table td {
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid var(--bg-secondary);
+    color: var(--text-secondary);
+    line-height: 1.6;
+}
+
+.concept-table tbody tr:last-child td {
+    border-bottom: none;
+}
+
+.concept-table tbody tr:hover {
+    background: var(--bg-secondary);
+}
+
+/* 响应式：手机端调整 */
+@media (max-width: 768px) {
+    .slider-item {
+        width: 240px;
+    }
+    
+    .slider-item img {
+        height: 240px;
+    }
+    
+    .concept-table th,
+    .concept-table td {
+        padding: 0.75rem 1rem;
+        font-size: 0.9rem;
+    }
+}