Files
---/index.html
2026-06-02 18:55:32 +08:00

1719 lines
86 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>雪域阳光方舟——高海拔极端环境乡村医疗服务基站装配式建筑设计与建造研究</title>
<style>
/* ========== 全局重置与基础样式 ========== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
color: #2c3e50;
line-height: 1.8;
background-color: #f0f5fa;
overflow-x: hidden;
}
/* ========== 低饱和度淡蓝色主色调变量 ========== */
:root {
--primary: #7ba7bc;
--primary-light: #a8c8d8;
--primary-lighter: #c8dfe8;
--primary-lightest: #e8f2f7;
--primary-dark: #5a8da6;
--primary-darker: #3d7a96;
--accent: #8fb8ca;
--bg-white: #ffffff;
--bg-section: #f4f8fb;
--text-primary: #2c3e50;
--text-secondary: #5a6d7e;
--text-light: #8a9baa;
--border-light: #d4e3ed;
--shadow-soft: 0 4px 20px rgba(123, 167, 188, 0.12);
--shadow-card: 0 8px 32px rgba(123, 167, 188, 0.15);
--radius: 12px;
--radius-lg: 20px;
}
/* ========== 导航栏 ========== */
.navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border-light);
transition: all 0.3s ease;
}
.navbar.scrolled {
box-shadow: var(--shadow-soft);
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
height: 64px;
}
.nav-logo {
font-size: 16px;
font-weight: 600;
color: var(--primary-dark);
letter-spacing: 1px;
white-space: nowrap;
}
.nav-links {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
}
.nav-links a {
text-decoration: none;
color: var(--text-secondary);
font-size: 13px;
padding: 6px 12px;
border-radius: 6px;
transition: all 0.3s ease;
white-space: nowrap;
}
.nav-links a:hover,
.nav-links a.active {
color: var(--primary-dark);
background: var(--primary-lightest);
}
/* ========== 封面 Hero ========== */
.hero {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 120px 24px 80px;
background: linear-gradient(160deg, #e8f2f7 0%, #f0f5fa 30%, #ffffff 60%, #e8f2f7 100%);
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: -200px;
right: -200px;
width: 600px;
height: 600px;
border-radius: 50%;
background: radial-gradient(circle, rgba(123, 167, 188, 0.08) 0%, transparent 70%);
}
.hero::after {
content: '';
position: absolute;
bottom: -150px;
left: -150px;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(123, 167, 188, 0.06) 0%, transparent 70%);
}
.hero-label {
font-size: 12px;
letter-spacing: 6px;
text-transform: uppercase;
color: var(--primary);
margin-bottom: 24px;
font-weight: 500;
}
.hero-title {
font-size: clamp(32px, 6vw, 56px);
font-weight: 700;
color: var(--text-primary);
line-height: 1.3;
margin-bottom: 16px;
position: relative;
z-index: 1;
}
.hero-title span {
background: linear-gradient(135deg, var(--primary-dark), var(--primary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-subtitle {
font-size: clamp(14px, 2.5vw, 18px);
color: var(--text-secondary);
max-width: 700px;
margin-bottom: 40px;
line-height: 1.8;
position: relative;
z-index: 1;
}
.hero-meta {
display: flex;
gap: 32px;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 48px;
position: relative;
z-index: 1;
}
.hero-meta-item {
font-size: 13px;
color: var(--text-light);
}
.hero-meta-item strong {
color: var(--primary-dark);
font-weight: 600;
}
.hero-scroll {
position: relative;
z-index: 1;
animation: bounce 2s infinite;
}
.hero-scroll a {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-decoration: none;
color: var(--primary);
font-size: 12px;
letter-spacing: 2px;
}
.hero-scroll .arrow {
width: 24px;
height: 24px;
border-right: 2px solid var(--primary);
border-bottom: 2px solid var(--primary);
transform: rotate(45deg);
}
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(10px); }
}
/* ========== 章节通用样式 ========== */
.section {
padding: 80px 24px;
max-width: 1000px;
margin: 0 auto;
}
.section-header {
text-align: center;
margin-bottom: 60px;
}
.section-number {
display: inline-block;
font-size: 13px;
letter-spacing: 4px;
color: var(--primary);
font-weight: 600;
margin-bottom: 12px;
padding: 4px 16px;
border: 1px solid var(--primary-lighter);
border-radius: 20px;
}
.section-title {
font-size: clamp(24px, 4vw, 36px);
font-weight: 700;
color: var(--text-primary);
margin-bottom: 16px;
}
.section-desc {
font-size: 15px;
color: var(--text-secondary);
max-width: 600px;
margin: 0 auto;
}
.section-divider {
width: 60px;
height: 3px;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
border-radius: 2px;
margin: 20px auto 0;
}
/* ========== 子章节 ========== */
.subsection {
margin-bottom: 56px;
}
.subsection-title {
font-size: 20px;
font-weight: 600;
color: var(--primary-darker);
margin-bottom: 20px;
padding-left: 16px;
border-left: 3px solid var(--primary);
}
.sub-subsection-title {
font-size: 17px;
font-weight: 600;
color: var(--primary-dark);
margin: 28px 0 14px;
padding-left: 12px;
border-left: 2px solid var(--primary-light);
}
/* ========== 文字段落 ========== */
.content-text {
font-size: 15px;
color: var(--text-secondary);
line-height: 2;
margin-bottom: 16px;
text-align: justify;
}
.content-text p {
margin-bottom: 12px;
}
/* ========== 图片占位区域 ========== */
.image-placeholder {
width: 100%;
margin: 24px 0;
border-radius: var(--radius);
overflow: hidden;
background: var(--bg-white);
box-shadow: var(--shadow-card);
border: 2px dashed var(--primary-lighter);
transition: all 0.3s ease;
position: relative;
}
.image-placeholder:hover {
border-color: var(--primary);
box-shadow: 0 8px 40px rgba(123, 167, 188, 0.2);
}
.image-placeholder img {
width: 100%;
display: block;
}
.image-placeholder .placeholder-box {
min-height: 200px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
background: linear-gradient(135deg, var(--primary-lightest), var(--bg-section));
color: var(--primary);
}
.image-placeholder .placeholder-box svg {
width: 48px;
height: 48px;
margin-bottom: 12px;
opacity: 0.5;
}
.image-placeholder .placeholder-box span {
font-size: 13px;
opacity: 0.6;
letter-spacing: 1px;
}
.image-caption {
text-align: center;
font-size: 13px;
color: var(--text-light);
padding: 10px 16px;
background: var(--bg-white);
border-top: 1px solid var(--border-light);
}
/* ========== 图片网格 ========== */
.image-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin: 24px 0;
}
.image-grid .image-placeholder {
margin: 0;
}
.image-grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.image-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.image-grid-3,
.image-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
/* ========== 卡片样式 ========== */
.info-card {
background: var(--bg-white);
border-radius: var(--radius);
padding: 28px;
margin: 20px 0;
box-shadow: var(--shadow-soft);
border: 1px solid var(--border-light);
}
.info-card h4 {
font-size: 16px;
color: var(--primary-darker);
margin-bottom: 12px;
}
.info-card p,
.info-card li {
font-size: 14px;
color: var(--text-secondary);
line-height: 1.9;
}
.info-card ul {
padding-left: 20px;
}
.info-card li {
margin-bottom: 6px;
}
/* ========== 双栏布局 ========== */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin: 24px 0;
}
@media (max-width: 768px) {
.two-col {
grid-template-columns: 1fr;
}
}
/* ========== 引用块 ========== */
.quote-block {
border-left: 4px solid var(--primary);
background: var(--primary-lightest);
padding: 20px 24px;
margin: 20px 0;
border-radius: 0 var(--radius) var(--radius) 0;
font-size: 14px;
color: var(--text-secondary);
line-height: 1.9;
}
/* ========== 关键词标签 ========== */
.keywords {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 20px 0;
}
.keyword-tag {
padding: 6px 16px;
background: var(--primary-lightest);
color: var(--primary-dark);
border-radius: 20px;
font-size: 13px;
font-weight: 500;
}
/* ========== 摘要区域 ========== */
.abstract-section {
padding: 80px 24px;
background: var(--bg-white);
}
.abstract-container {
max-width: 800px;
margin: 0 auto;
}
.abstract-title {
text-align: center;
font-size: 22px;
font-weight: 600;
color: var(--primary-darker);
margin-bottom: 32px;
}
.abstract-text {
font-size: 15px;
color: var(--text-secondary);
line-height: 2.2;
text-indent: 2em;
text-align: justify;
margin-bottom: 16px;
}
/* ========== 目录 ========== */
.toc-section {
padding: 60px 24px;
background: var(--bg-section);
}
.toc-container {
max-width: 800px;
margin: 0 auto;
}
.toc-title {
text-align: center;
font-size: 24px;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 40px;
}
.toc-list {
list-style: none;
}
.toc-item {
border-bottom: 1px solid var(--border-light);
}
.toc-item a {
display: block;
padding: 14px 16px;
text-decoration: none;
color: var(--text-secondary);
font-size: 15px;
transition: all 0.3s ease;
border-radius: 8px;
}
.toc-item a:hover {
background: var(--primary-lightest);
color: var(--primary-dark);
padding-left: 24px;
}
.toc-item .toc-number {
color: var(--primary);
font-weight: 600;
margin-right: 8px;
}
.toc-sub-item {
padding-left: 32px;
}
.toc-sub-item a {
font-size: 14px;
color: var(--text-light);
}
/* ========== 章节分隔背景 ========== */
.section-alt {
background: var(--bg-section);
}
.section-white {
background: var(--bg-white);
}
/* ========== 页脚 ========== */
.footer {
text-align: center;
padding: 60px 24px;
background: linear-gradient(160deg, var(--primary-darker), var(--primary-dark));
color: rgba(255, 255, 255, 0.8);
}
.footer-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 12px;
color: #fff;
}
.footer-info {
font-size: 13px;
line-height: 2;
opacity: 0.7;
}
.footer-line {
width: 40px;
height: 2px;
background: rgba(255, 255, 255, 0.3);
margin: 24px auto;
border-radius: 1px;
}
.footer-copy {
font-size: 12px;
opacity: 0.5;
margin-top: 16px;
}
/* ========== 表格样式 ========== */
.data-table-wrapper {
overflow-x: auto;
margin: 20px 0;
border-radius: var(--radius);
box-shadow: var(--shadow-soft);
}
.data-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
background: var(--bg-white);
}
.data-table th {
background: var(--primary);
color: #fff;
padding: 12px 14px;
text-align: center;
font-weight: 600;
white-space: nowrap;
}
.data-table td {
padding: 10px 14px;
border-bottom: 1px solid var(--border-light);
text-align: center;
color: var(--text-secondary);
}
.data-table tr:nth-child(even) {
background: var(--primary-lightest);
}
.data-table tr:hover {
background: #dceef5;
}
/* ========== 流程步骤 ========== */
.process-steps {
display: flex;
flex-direction: column;
gap: 16px;
margin: 24px 0;
}
.process-step {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 20px;
background: var(--bg-white);
border-radius: var(--radius);
box-shadow: var(--shadow-soft);
border: 1px solid var(--border-light);
}
.process-step-num {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--primary);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
}
.process-step-content h4 {
font-size: 15px;
color: var(--text-primary);
margin-bottom: 6px;
}
.process-step-content p {
font-size: 13px;
color: var(--text-secondary);
line-height: 1.8;
}
/* ========== 响应式 ========== */
@media (max-width: 768px) {
.nav-links {
display: none;
}
.section {
padding: 60px 20px;
}
.hero {
padding: 100px 20px 60px;
}
.hero-meta {
gap: 16px;
}
.two-col {
grid-template-columns: 1fr;
}
}
/* ========== 滚动动画 ========== */
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
</style>
</head>
<body>
<!-- ==================== 导航栏 ==================== -->
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="nav-logo">雪域阳光方舟</div>
<div class="nav-links">
<a href="#abstract">摘要</a>
<a href="#ch1">前期分析</a>
<a href="#ch2">方案设计</a>
<a href="#ch3">技术图纸</a>
<a href="#ch4">自保障设计</a>
<a href="#ch5">建造流程</a>
<a href="#ch6">网页设计</a>
<a href="#ch7">设计总结</a>
</div>
</div>
</nav>
<!-- ==================== 封面 Hero ==================== -->
<section class="hero" id="top">
<div class="hero-label">A R C H I T E C T U R E</div>
<h1 class="hero-title"><span>雪域阳光方舟</span></h1>
<p class="hero-subtitle">高海拔极端环境乡村医疗服务基站<br>装配式建筑设计与建造研究</p>
<div class="hero-meta">
<div class="hero-meta-item"><strong>学生姓名:</strong>刘婧璇</div>
<div class="hero-meta-item"><strong>学号:</strong>01121303</div>
<div class="hero-meta-item"><strong>指导教师:</strong>张宏、张弦</div>
<div class="hero-meta-item"><strong>课题时间:</strong>2026.02 - 2026.05</div>
</div>
<div class="hero-scroll">
<a href="#abstract">
<span>向下滚动</span>
<div class="arrow"></div>
</a>
</div>
</section>
<!-- ==================== 摘要 ==================== -->
<section class="abstract-section" id="abstract">
<div class="abstract-container fade-in">
<h2 class="abstract-title">摘 要</h2>
<p class="abstract-text">
本课题以西藏那曲高海拔极端环境乡村为研究对象,针对当地医疗资源薄弱、建筑建造条件严苛、基础设施配套不足等问题,开展雪域阳光方舟——乡村医疗服务基站装配式建筑设计与建造研究。
</p>
<p class="abstract-text">
项目融合藏式建筑文化与现代装配式技术,构建集诊疗、健康宣教、宗教人文空间于一体的紧凑型医疗建筑。围绕能源、水循环、温棚、旱厕搭建全系统自保障体系,依托太阳能光伏实现能源自给;优化高海拔冻土环境下的施工流程,采用地螺丝基础、轻钢桁架与预制面板快速装配,有效适配极寒、强风、低压缺氧环境。
</p>
<p class="abstract-text">
研究为高海拔偏远乡村医疗设施建设提供可落地的设计方案与建造技术路径,兼具民生实用价值与工程理论意义。
</p>
<div class="keywords">
<span class="keyword-tag">高海拔极端环境</span>
<span class="keyword-tag">乡村医疗基站</span>
<span class="keyword-tag">装配式建筑</span>
<span class="keyword-tag">自保障系统</span>
<span class="keyword-tag">藏式建筑</span>
</div>
</div>
</section>
<!-- ==================== 目录 ==================== -->
<section class="toc-section" id="toc">
<div class="toc-container fade-in">
<h2 class="toc-title">目 录</h2>
<ul class="toc-list">
<li class="toc-item"><a href="#ch1"><span class="toc-number"></span>前期分析</a></li>
<li class="toc-item toc-sub-item"><a href="#ch1-1">1.1 课题背景</a></li>
<li class="toc-item toc-sub-item"><a href="#ch1-2">1.2 场地环境</a></li>
<li class="toc-item toc-sub-item"><a href="#ch1-3">1.3 相关案例分析</a></li>
<li class="toc-item"><a href="#ch2"><span class="toc-number"></span>方案设计</a></li>
<li class="toc-item toc-sub-item"><a href="#ch2-1">2.1 方案鸟瞰图</a></li>
<li class="toc-item toc-sub-item"><a href="#ch2-2">2.2 建筑方案生成逻辑</a></li>
<li class="toc-item toc-sub-item"><a href="#ch2-3">2.3 建筑空间处理与氛围塑造</a></li>
<li class="toc-item"><a href="#ch3"><span class="toc-number"></span>技术图纸展示</a></li>
<li class="toc-item"><a href="#ch4"><span class="toc-number"></span>建筑自保障设计</a></li>
<li class="toc-item"><a href="#ch5"><span class="toc-number"></span>建造流程模拟</a></li>
<li class="toc-item"><a href="#ch6"><span class="toc-number"></span>网页设计与AI交互</a></li>
<li class="toc-item"><a href="#ch7"><span class="toc-number"></span>设计总结</a></li>
</ul>
</div>
</section>
<!-- ==================== 第一章:前期分析 ==================== -->
<section class="section-white" id="ch1">
<div class="section fade-in">
<div class="section-header">
<div class="section-number">01</div>
<h2 class="section-title">前期分析</h2>
<p class="section-desc">课题背景、场地环境与相关案例的综合调研</p>
<div class="section-divider"></div>
</div>
<!-- 1.1 课题背景 -->
<div class="subsection" id="ch1-1">
<h3 class="subsection-title">1.1 课题背景</h3>
<h4 class="sub-subsection-title">1.1.1 医疗需求背景</h4>
<div class="content-text">
<p>现场地行政村内设有医疗室,基础诊断设备包括体温计、血压计、听诊器、血糖仪、手电筒(检查咽喉)、体重秤等。常用药品包括感冒发烧药、抗生素、肠胃药、慢性病(降压、降糖药)、碘伏等消毒外用药。可处理轻度感冒、发烧、伤口处理、头痛、轻度肠胃炎等。</p>
<p>村民在此条件下形成具有特点的就医习惯:小病吃药,严重的到镇医院或县医院。没有日常体检的习惯。产妇生产到县级医院。与此同时,政府会组织免费的公共卫生服务和体检。</p>
</div>
<!-- 图片占位 -->
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图1.1-1.png" alt="西藏地区入户体检场景与医疗政策文件">
</div>
<div class="image-caption">图1.1-1 西藏地区入户体检场景与医疗政策文件</div>
</div>
<div class="content-text">
<p>本村人口平均寿命为64.3岁据2020年数据同期西藏自治区总体水平为72.19岁。本区域人口寿命水平低于平均水平,受制于高海拔环境影响、医疗水平影响等,常见疾病也受环境影响较大,表现为常出现高原特发性疾病,如慢性高原病、急性高原反应、高原性关节与骨骼问题。同时也存在常见疾病如消化系统疾病、呼吸道系统疾病等。</p>
</div>
<h4 class="sub-subsection-title">1.1.2 社会政策背景</h4>
<div class="content-text">
<p>西藏自古便是中国领土不可分割的一部分,西藏各族儿女与全国各族人民血脉相连、亲如一家。在祖国现代化建设的宏伟蓝图中,西藏的发展始终占据着特殊而重要的位置。加强基础设施建设,改善人居环境,不仅关乎当地百姓的福祉,更是促进民族团结、构建和谐社会的应有之义。</p>
<p>近年来,雪域高原正焕发出前所未有的生机与活力。拉萨作为首府城市,其示范引领作用日益凸显,而日喀则、林芝等地的崭新面貌同样令人瞩目。特色旅游业如雨后春笋般蓬勃发展,藏医药、清洁能源、高原特色农牧业等新兴产业方兴未艾。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图1.1-2.png" alt="西藏基础设施建设与乡村振兴战略">
</div>
<div class="image-caption">图1.1-2 西藏基础设施建设与乡村振兴战略</div>
</div>
<div class="content-text">
<p>2018年印发的《乡村振兴战略规划2018—2022年》指出要在2020年乡村振兴的制度框架和政策体系基本形成。在乡村振兴工作蓬勃发展的当下对广大乡村地区尤其是发展基础相对薄弱的西部乡村而言系统性的技术支持与宜居环境建设引导正变得尤为重要。</p>
</div>
<h4 class="sub-subsection-title">1.1.3 课题技术背景</h4>
<div class="content-text">
<p>在环境适应性技术方面,高海拔建筑必须攻克"低压缺氧"与"极寒保温"双重难题。最新工程实践表明通过增压建筑系统可将室内环境指标调至平原水平新疆火烧云铅锌矿在海拔5500米、室外-40℃条件下成功运行全球海拔最高、规模最大的增压建筑群。</p>
<p>轻型材料与模块化拼装技术得到广泛应用如ALC轻质隔墙板相较于传统砖墙自重减轻60%,不仅适应高原物资运输条件,更减少了现场湿作业,有效规避了温差开裂风险。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图1.1-3.png" alt="太阳能发电技术与高海拔建筑建造技术">
</div>
<div class="image-caption">图1.1-3 太阳能发电技术与高海拔建筑建造技术</div>
</div>
<h4 class="sub-subsection-title">1.1.4 宗教文化背景</h4>
<div class="content-text">
<p>西藏建筑最常用的色彩有白、红、黄、黑四种,其中民居建筑中常用白、红、黑三色。白色象征纯洁、吉祥,常用于建筑外墙;红色象征权利、庄严,常用于寺庙、宫殿外墙、民居檐口和女儿墙;黄色象征神圣、脱俗,常用于寺院屋顶、宗教重要建筑的外墙;黑色象征威严、驱邪,常用于建筑门套、窗套。</p>
<p>民居建筑的外立面设计中非常重视门窗装饰。除了满足基础的通风、采光、挡雨要求,还兼顾辟邪、祈福等宗教文化方面的作用。主流宗教是藏传佛教,全民信教,敬佛礼佛成为日常生活习惯,在建筑的室内往往设置专门的精神空间。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图1.1-4.png" alt="藏式建筑文化与宗教色彩">
</div>
<div class="image-caption">图1.1-4 藏式建筑文化与宗教色彩</div>
</div>
</div>
<!-- 1.2 场地环境 -->
<div class="subsection" id="ch1-2">
<h3 class="subsection-title">1.2 场地环境</h3>
<h4 class="sub-subsection-title">1.2.1 地理环境</h4>
<div class="content-text">
<p>本课题设计场地位于央布木村村庄位于西藏那曲市班戈县佳琼镇地处青藏高原北部藏北高原海拔约4697米。当地气候属于高原亚寒带季风半干旱气候全年低温温差大太阳辐射强积雪期长。村庄背山面草原气温常年低下、降水量低、刮风天较多。</p>
</div>
<div class="info-card">
<h4>气候数据概览</h4>
<ul>
<li><strong>气温:</strong>冬季干球温度可低至-25℃以下夏季不超过20℃。6月到8月气温相对较高8月至次年5月持续降温。</li>
<li><strong>降水:</strong>年平均降水量308.3mm降水主要集中在6-9月。降雪季节从10月到次年5月年降水天气约100天。</li>
<li><strong>风:</strong>盛行西南风年平均风速4.13米/秒年极大风速达33.2米/秒,风能较充足。</li>
<li><strong>太阳辐射:</strong>地处高原空气稀薄降水稀少天气晴朗3-9月日照强度明显增强太阳资源丰富。</li>
</ul>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图1.2-1.png" alt="场地环境与气候数据">
</div>
<div class="image-caption">图1.2-1 场地环境与气候数据</div>
</div>
<h4 class="sub-subsection-title">1.2.2 人居环境</h4>
<div class="content-text">
<p>村内居民约600人男女比例1:1男性稍多。村庄共有100多户人家每户约2-3个小孩青年外出务工目前村里以老年人和妇女儿童为主。当地主要以传统牧业为主。居民分布较为集中少数家庭居住较为零散最远可达20公里。</p>
<p>电力依靠太阳能光伏和夜间发动机发电,未接通电网。交通从班戈县到此村庄有将近两个小时车程,道路情况为半柏油路半土路。有水房供水,通过管道从附近水源引水至村庄固定点位。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图1.2-2.jpg" alt="央布木村人居环境现状">
</div>
<div class="image-caption">图1.2-2 央布木村人居环境现状</div>
</div>
<!-- 1.3 相关案例分析 -->
<h3 class="subsection-title" id="ch1-3">1.3 相关案例分析</h3>
<h4 class="sub-subsection-title">1.3.1 西藏阿里普兰县巴嘎乡卫生院</h4>
<div class="content-text">
<p>项目名称冈仁波齐下的卫生院巴嘎乡卫生院。位置西藏阿里地区普兰县巴嘎乡塔尔钦海拔约4600m。功能乡村综合医疗服务含诊室、病房、急救站。建成时间2017年。建筑面积2079.08㎡。结构:混凝土结构 + 石材砌筑(石材从日喀则运输,保护当地生态)。围护墙体:复合墙体。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图1.3-1.png" alt="巴嘎乡卫生院案例">
</div>
<div class="image-caption">图1.3-1 巴嘎乡卫生院案例</div>
</div>
</div>
</div>
</section>
<!-- ==================== 第二章:方案设计 ==================== -->
<section class="section-alt" id="ch2">
<div class="section fade-in">
<div class="section-header">
<div class="section-number">02</div>
<h2 class="section-title">方案设计</h2>
<p class="section-desc">建筑方案生成逻辑、空间处理与氛围塑造</p>
<div class="section-divider"></div>
</div>
<div class="subsection" id="ch2-1">
<h3 class="subsection-title">2.1 方案鸟瞰图</h3>
<div class="content-text">
<p>建筑选址于央布木村核心区域,紧邻村委会建筑,充分考虑场地周围基础设施条件与居民可达性。建筑整体采用规整方形体量,融入周边建筑肌理。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图2.1-1.png" alt="建筑鸟瞰图与选址">
</div>
<div class="image-caption">图2.1-1 建筑鸟瞰图与选址</div>
</div>
</div>
<div class="subsection" id="ch2-2">
<h3 class="subsection-title">2.2 建筑方案生成逻辑</h3>
<div class="content-text">
<p>提取周边环境肌理选择规整方形作为基础形体。建筑主体朝向南侧为实现建筑能源自保障奠定了基础。选取东向为建筑的主入口复合传统藏式民居的入口方向。确定使用14M×14M的方形作为框架每个小结构划分为2M×2M更符合参数化建造需求。</p>
<p>按照建筑功能划分为基座层、设备层、功能层三部分。选取藏族宗教意向——坛城,作为体块细化的灵感来源。将上层功能层的体块依照此形式进行布置,使建筑更加因地制宜,有地域性特征。</p>
</div>
<div class="process-steps">
<div class="process-step">
<div class="process-step-num">1</div>
<div class="process-step-content">
<h4>步骤一:肌理确定</h4>
<p>提取周边环境肌理,选择规整方形作为基础形体。</p>
</div>
</div>
<div class="process-step">
<div class="process-step-num">2</div>
<div class="process-step-content">
<h4>步骤二:体块划分</h4>
<p>确定14M×14M方形框架划分2M×2M结构单元按功能分为基座层、设备层、功能层。</p>
</div>
</div>
<div class="process-step">
<div class="process-step-num">3</div>
<div class="process-step-content">
<h4>步骤三:形体细化</h4>
<p>选取藏族宗教意向——坛城,作为体块细化的灵感来源。</p>
</div>
</div>
<div class="process-step">
<div class="process-step-num">4</div>
<div class="process-step-content">
<h4>步骤四:高度细化</h4>
<p>功能层按不同功能需求调整高度,形成不同空间氛围。南侧和设备层设置玻璃立面体块,用作温棚和水处理空间。</p>
</div>
</div>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图2.2-1.png" alt="建筑体块生成逻辑">
</div>
<div class="image-caption">图2.2-1 建筑体块生成逻辑</div>
</div>
</div>
<div class="subsection" id="ch2-3">
<h3 class="subsection-title">2.3 建筑空间处理与氛围塑造</h3>
<div class="content-text">
<p>建筑空间设计充分考虑藏区人文需求,将宗教空间与公共空间一体化营造。通过不同高度的空间划分,营造具有宗教性的空间氛围。中间的九宫格空间用作村民集会、健康宣传教育等,是整个建筑中公共性最强的部分。</p>
</div>
<div class="image-grid image-grid-4">
<div class="image-placeholder">
<img src="图2.3-1北立面渲染.png" alt="建筑北立面渲染">
</div>
<div class="image-placeholder">
<img src="图2.3-1东立面渲染.png" alt="建筑东立面渲染">
</div>
<div class="image-placeholder">
<img src="图2.3-1室内-公共集会空间.png" alt="室内-公共集会空间">
</div>
<div class="image-placeholder">
<img src="图2.3-1室内-输液室.png" alt="室内-输液室">
</div>
</div>
<div class="image-caption" style="margin-top:-12px; margin-bottom:24px;">图2.3-1 建筑空间渲染</div>
<div class="content-text">
<p>建筑结构剖透视清晰展示了基座层、设备层、功能层三部分的关系。基座层采用地螺丝基础处理冻土问题;设备层布置水处理、太阳能储能等自保障设备;功能层承载诊疗、药房、妇幼保健、健康教育等全套基础医疗功能。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图2.4-1.png" alt="建筑结构剖透视">
</div>
<div class="image-caption">图2.4-1 建筑结构剖透视</div>
</div>
</div>
</div>
</section>
<!-- ==================== 第三章:技术图纸展示 ==================== -->
<section class="section-white" id="ch3">
<div class="section fade-in">
<div class="section-header">
<div class="section-number">03</div>
<h2 class="section-title">技术图纸展示</h2>
<p class="section-desc">总平面图、各层平面图与建筑立面图</p>
<div class="section-divider"></div>
</div>
<div class="subsection">
<h3 class="subsection-title">3.1 总平面图</h3>
<div class="content-text">
<p>总平面图展示了建筑在场地中的位置关系,包括卸货区、救护车停车位、旱厕位置,以及建筑与村委会、公路的空间关系。</p>
</div>
<div class="image-placeholder">
<img src="总平面图.png" alt="总平面图">
<div class="image-caption">图3.1-1 总平面图</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">3.2 各层平面图</h3>
<h4 class="sub-subsection-title">3.2.1 设备层平面图(+0.50M</h4>
<div class="content-text">
<p>设备层布置了水处理系统(原水箱、纯水箱、机械过滤器、活性炭过滤器、软水器等)、太阳能储能体、空调主机等设备,以及温棚过滤空间。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图3.2-1.png" alt="设备层平面图">
</div>
<div class="image-caption">图3.2-1 设备层平面图</div>
</div>
<h4 class="sub-subsection-title">3.2.2 功能层平面图</h4>
<div class="content-text">
<p>功能层以环形廊道空间串联医疗相关功能,包括护士站、药房、诊室、治疗室、输液室、仓库、门厅等,提高空间的可达性,且与救护车入口顺利联通。南向设置温棚,东向设置急救入口。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图3.2-2.png" alt="功能层平面图">
</div>
<div class="image-caption">图3.2-2 功能层平面图</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">3.3 建筑立面图</h3>
<div class="content-text">
<p>建筑四个立面清晰展示了不同标高的空间关系:+7.0M为集会空间净高3.0M+6.0M为医疗廊道空间净高2.5M+5.5M为辅助空间净高2.0M+3.0M为设备层,+0.50M为基座层。立面材料包括太阳能光伏板、预制藏族装饰材料、磨砂玻璃、预制复合SPC板等。</p>
</div>
<div class="image-placeholder">
<img src="图3.3-1南立面图.png" alt="建筑南立面图">
<div class="image-caption">图3.3-1 建筑南立面图</div>
</div>
<div class="image-placeholder">
<img src="图3.3-1北立面图.png" alt="建筑北立面图">
<div class="image-caption">图3.3-1 建筑北立面图</div>
</div>
<div class="image-placeholder">
<img src="图3.3-1西立面图.png" alt="建筑西立面图">
<div class="image-caption">图3.3-1 建筑西立面图</div>
</div>
<div class="image-placeholder">
<img src="图3.3-1东立面图.png" alt="建筑东立面图">
<div class="image-caption">图3.3-1 建筑东立面图</div>
</div>
</div>
</div>
</section>
<!-- ==================== 第四章:建筑自保障设计 ==================== -->
<section class="section-alt" id="ch4">
<div class="section fade-in">
<div class="section-header">
<div class="section-number">04</div>
<h2 class="section-title">建筑自保障设计</h2>
<p class="section-desc">能源、水循环、温棚辅助系统与成品旱厕的全系统自保障</p>
<div class="section-divider"></div>
</div>
<div class="subsection">
<h3 class="subsection-title">4.1 场地风环境分析</h3>
<div class="content-text">
<p>场地盛行西南风刮风集中在12月至次年5月年平均风速4.13米/秒年极大风速达33.2米/秒。风环境分析为建筑形体优化与自保障系统设计提供了重要依据。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图4.1-1.png" alt="全年风速分布图">
</div>
<div class="image-caption">图4.1-1 全年风速分布图</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">4.2 建筑自保障</h3>
<h4 class="sub-subsection-title">4.2.1 建筑自保障研究</h4>
<div class="content-text">
<p>建筑自保障系统,也可称作建筑自主运作或自维持系统。该系统围绕能源、水资源、废弃物、通风、安全等核心维度,实现高度自给、自主调节与抗干扰能力。核心目的是降低建筑对外界配套设施的依赖,强化建筑韧性、可持续性与运行效能。</p>
<p>本项目依托太阳能系统实现能源自给,同时搭配温室大棚协同运行;温室除具备保温节能功能外,还承担建筑水资源处理的作用。使用成品旱厕解决日常需求,自保障性能良好可靠。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图4.2-1.png" alt="建筑自保障系统与应用案例">
</div>
<div class="image-caption">图4.2-1 建筑自保障系统与应用案例</div>
</div>
<h4 class="sub-subsection-title">4.2.2 建筑太阳能自保障</h4>
<div class="content-text">
<p>那曲市太阳能资源丰富在能源自保障中需要加强对于太阳能资源的利用。建筑能耗计算选取那曲市最冷月12月室外气温-22℃进行计算室内温度保持22℃。单日能耗为年度中单日最大值续航要求时长定为三天。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图4.2-2.png" alt="太阳能自保障计算">
</div>
<div class="image-caption">图4.2-2 太阳能自保障计算</div>
</div>
<h4 class="sub-subsection-title">4.2.3 建筑中水处理</h4>
<div class="content-text">
<p>建筑中水处理系统采用多级过滤工艺,包括原水箱、原水泵、机械过滤器、活性炭过滤器、软水器、高压泵等设备,最终产出纯水供建筑使用。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图4.2-3.png" alt="中水处理系统">
</div>
<div class="image-caption">图4.2-3 中水处理系统</div>
</div>
<h4 class="sub-subsection-title">4.2.4 建筑温棚辅助系统</h4>
<div class="content-text">
<p>本建筑采用被动式太阳能设计,在建筑南侧设置阳光间,以玻璃围护结构形成封闭温房,充分利用太阳辐射实现被动式换热,有效降低建筑采暖与通风能耗。</p>
<p>阳光间通过玻璃屋面与墙体高效集热,日间吸收并储存太阳能,提升室内温度;内部配置砖质蓄热体,利用砖石材料高热容特性,在日间蓄积热量,夜间缓慢释放,稳定室内热环境。同时,阳光间与建筑主体形成被动式通风回路,依托热压作用实现自然通风换气。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图4.2-4.png" alt="温棚辅助系统设计">
</div>
<div class="image-caption">图4.2-4 温棚辅助系统设计</div>
</div>
<h4 class="sub-subsection-title">4.2.5 成品旱厕</h4>
<div class="content-text">
<p>西藏高寒、脆弱、缺水、分散的环境禀赋,决定水冲厕不具备普遍可行性。成品旱厕以无水、防冻、密闭降解、通风除臭、易建易维,完美匹配高原条件,是守护生态安全、保障卫生健康、支撑可持续发展的刚需设施。</p>
<p>粪便进入处理舱,在舱内完成发酵、降解与干燥,最终转化为无害产物,可资源化利用。厕室与处理舱之间形成通风通道,依靠自然通风及时排出异味,保持室内空气清新。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图4.2-5.png" alt="成品旱厕系统">
</div>
<div class="image-caption">图4.2-5 成品旱厕系统</div>
</div>
</div>
</div>
</section>
<!-- ==================== 第五章:建造流程模拟 ==================== -->
<section class="section-white" id="ch5">
<div class="section fade-in">
<div class="section-header">
<div class="section-number">05</div>
<h2 class="section-title">建造流程模拟</h2>
<p class="section-desc">前期准备、基座处理、设备层搭建、功能层搭建与外立面搭建</p>
<div class="section-divider"></div>
</div>
<div class="subsection">
<h3 class="subsection-title">5.1 前期准备</h3>
<h4 class="sub-subsection-title">5.1.1 现场施工分区</h4>
<div class="content-text">
<p>施工现场布置总平面图合理规划了材料堆放区、构件预制区、生活区等功能分区,确保施工有序进行。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图5.1-1.png" alt="施工现场布置总平面图">
</div>
<div class="image-caption">图5.1-1 施工现场布置总平面图</div>
</div>
<h4 class="sub-subsection-title">5.1.2 运输模拟</h4>
<div class="content-text">
<p>构件运输按批次分车进行包括钢构件、连接件、面板、设备、家具等总计4车次完成全部运输任务。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图5.1-2.png" alt="运输模拟方案">
</div>
<div class="image-caption">图5.1-2 运输模拟方案</div>
</div>
<h4 class="sub-subsection-title">5.1.3 施工设备选型与流程预估</h4>
<div class="content-text">
<p>本流程围绕高海拔极端环境适配分阶段推进医疗基站搭建。前期完成场地杂物清理、冻土探测与地基处理同步开展人员体检、施工培训及后勤物资准备。接着进行构件预制、运输到位后开展主体搭接。主体搭建阶段依次完成地基、主体钢架、壁面墙体搭建。全流程施工时间预估16天预留两天机动时间预估在20天内完成施工。</p>
</div>
<div class="image-placeholder">
<img src="图5.1-3设备选型.png" alt="施工设备选型">
<div class="image-caption">图5.1-3 施工设备选型</div>
</div>
<div class="image-placeholder">
<img src="图5.1-3流程预估.png" alt="施工流程预估">
<div class="image-caption">图5.1-4 施工流程预估</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">5.2 基座处理</h3>
<h4 class="sub-subsection-title">5.2.1 地螺丝预埋</h4>
<div class="content-text">
<p>地螺丝作为一种专门用于建筑与地面之间实现稳固连接的创新性构件,由高强度钢管表面经过防腐处理并焊接螺旋叶片构成。在安装时,无需大规模开挖土方或浇筑混凝土基础,仅通过专用机械设备将其旋入预定深度的土层中,即可快速形成稳定、可靠的受力节点。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图5.2-11.png" alt="地螺丝建造流程示意图">
</div>
<div class="image-caption">图5.2-11地螺丝建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.2-12.png" alt="地螺丝布置示意图">
<div class="image-caption">图5.2-12地螺丝布置示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.2-13.png" alt="地下部分用料统计表">
<div class="image-caption">图5.2-13地下部分用料统计表</div>
</div>
<h4 class="sub-subsection-title">5.2.2 基座层钢架及柱网搭建</h4>
<div class="content-text">
<p>主体结构采用横截面为60mm的方形或圆形钢管柱管壁厚度4mm中空设计兼顾轻量化与承载性能。Y方向竖向柱与X、Z方向水平钢架之间通过螺栓进行组装连接便于现场拆装与位置微调。所有连接节点均采用螺栓紧固现场无焊接作业。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图5.2-21.png" alt="基座层钢架及柱网建造流程示意图">
</div>
<div class="image-caption">图5.2-21基座层钢架及柱网建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.2-22.png" alt="基座层钢架及柱网布置示意图">
<div class="image-caption">图5.2-22基座层钢架及柱网布置示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.2-23.png" alt="基座层钢架及柱网用料统计表">
<div class="image-caption">图5.2-23基座层钢架及柱网用料统计表</div>
</div>
<h4 class="sub-subsection-title">5.2.3 基座层钢桁架搭建</h4>
<div class="content-text">
<p>采用桁架结构对建筑基座实施加固处理整体以两米为标准结构单元划分排布。加固桁架统一选用规格60×60毫米中空方钢管制作构件衔接采用螺栓紧固与焊接结合的双重连接工艺。项目采用工厂预制加工模式成品后统一运输至施工现场。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图5.2-31.png" alt="基座层桁架建造流程示意图">
</div>
<div class="image-caption">图5.2-31基座层桁架建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.2-32.png" alt="基座层桁架布置示意图">
<div class="image-caption">图5.2-32基座层桁架布置示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.2-33.png" alt="基座层桁架用料统计表">
<div class="image-caption">图5.2-33基座层桁架用料统计表</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">5.3 设备层搭建</h3>
<div class="content-text">
<p>设备层搭建包括钢架及柱网搭建、横向钢桁架搭建、竖向钢桁架搭建、地面板搭建和屋顶板搭建五个步骤。施工方法与基座层相同,统一的施工标准保障上下结构受力协调。</p>
</div>
<div class="image-placeholder">
<img src="图5.3-11流程示意图.png" alt="设备层钢架及柱网建造流程示意图">
<div class="image-caption">图5.3-11设备层钢架及柱网建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-12定位图.png" alt="设备层钢架及柱网搭建定位图">
<div class="image-caption">图5.3-12设备层钢架及柱网搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-13用料统计表.png" alt="设备层钢架及柱网搭建用料统计表">
<div class="image-caption">图5.3-13设备层钢架及柱网搭建用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.3-21流程示意图.png" alt="设备层横向桁架建造流程示意图">
<div class="image-caption">图5.3-21设备层横向桁架建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-22定位图.png" alt="设备层横向桁架搭建定位图">
<div class="image-caption">图5.3-22设备层横向桁架搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-23用料统计表.png" alt="设备层横向桁架搭建用料统计表">
<div class="image-caption">图5.3-23设备层横向桁架搭建用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.3-31流程示意图.png" alt="设备层竖向桁架建造流程示意图">
<div class="image-caption">图5.3-31设备层竖向桁架建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-32定位图.png" alt="设备层竖向桁架搭建定位图">
<div class="image-caption">图5.3-32设备层竖向桁架搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-33用料统计表.png" alt="设备层竖向桁架搭建用料统计表">
<div class="image-caption">图5.3-33设备层竖向桁架搭建用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.3-41定位图.png" alt="设备层地面板铺装定位图">
<div class="image-caption">图5.3-41设备层地面板铺装定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-42用料统计表.png" alt="设备层地面板铺装用料统计表">
<div class="image-caption">图5.3-42设备层地面板铺装用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.3-51定位图.png" alt="设备层屋面板铺装定位图">
<div class="image-caption">图5.3-51设备层屋面板铺装定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.3-52用料统计表.png" alt="设备层屋面板铺装用料统计表">
<div class="image-caption">图5.3-52设备层屋面板铺装用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.3-53.png" alt="设备层搭建完成示意">
<div class="image-caption">图5.3-53设备层搭建完成示意</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">5.4 功能层搭建</h3>
<div class="content-text">
<p>功能层依据不同功能需求划分出三个不同高度的空间5.5M标高空间净高2.0M用作自保障辅助温棚、入口门厅和仓库6.0M标高空间净高2.5M以环形廊道串联医疗功能7.0M标高空间净高3.0M)为公共集会空间,高差部分做侧窗处理,营造具有宗教性的空间氛围。</p>
</div>
<div class="image-placeholder">
<img src="图5.4-11流程示意图.png" alt="功能层钢架及柱网建造流程示意图">
<div class="image-caption">图5.4-11功能层钢架及柱网建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-12定位图.png" alt="功能层钢架及柱网搭建定位图">
<div class="image-caption">图5.4-12功能层钢架及柱网搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-13用料统计表.png" alt="功能层钢架及柱网搭建用料统计表">
<div class="image-caption">图5.4-13功能层钢架及柱网搭建用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.4-21流程示意图.png" alt="功能层5.5M标高横向桁架建造流程示意图">
<div class="image-caption">图5.4-21功能层5.5M标高横向桁架建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-21定位图.png" alt="功能层5.5M标高横向桁架定位图">
<div class="image-caption">图5.4-22功能层5.5M标高横向桁架定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-21用料统计表.png" alt="功能层5.5M标高横向桁架用料统计表">
<div class="image-caption">图5.4-23功能层5.5M标高横向桁架用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.4-22流程示意图.png" alt="功能层6.0M标高横向桁架建造流程示意图">
<div class="image-caption">图5.4-24功能层6.0M标高横向桁架建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-22定位图.png" alt="功能层6.0M标高横向桁架定位图">
<div class="image-caption">图5.4-25功能层6.0M标高横向桁架定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-22用料统计表.png" alt="功能层6.0M标高横向桁架用料统计表">
<div class="image-caption">图5.4-26功能层6.0M标高横向桁架用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.4-23流程示意图.png" alt="功能层7.0M标高横向桁架建造流程示意图">
<div class="image-caption">图5.4-27功能层7.0M标高横向桁架建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-23定位图.png" alt="功能层7.0M标高横向桁架定位图">
<div class="image-caption">图5.4-28功能层7.0M标高横向桁架定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-23用料统计表.png" alt="功能层7.0M标高横向桁架用料统计表">
<div class="image-caption">图5.4-29功能层7.0M标高横向桁架用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.4-3.png" alt="功能层竖向桁架建造流程示意图">
<div class="image-caption">图5.4-31功能层竖向桁架建造流程示意图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-31定位图.png" alt="功能层竖向桁架搭建定位图">
<div class="image-caption">图5.4-32功能层竖向桁架搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-32用料统计表.png" alt="功能层竖向桁架搭建用料统计表">
<div class="image-caption">图5.4-33功能层竖向桁架搭建用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.4-41定位图.png" alt="功能层地面板搭建定位图">
<div class="image-caption">图5.4-41功能层地面板搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.4-42用料统计表.png" alt="功能层地面板搭建用料统计表">
<div class="image-caption">图5.4-42功能层地面板搭建用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.4-52用料统计表.png" alt="功能层屋顶板搭建用料统计表">
<div class="image-caption">图5.4-51功能层屋顶板搭建用料统计表</div>
</div>
<div class="image-placeholder">
<img src="图5.4-6.png" alt="功能层面板搭建流程示意图">
<div class="image-caption">图5.4-6 功能层面板搭建流程示意图</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">5.5 外立面搭建</h3>
<h4 class="sub-subsection-title">5.5.1 屋顶及太阳能板组装</h4>
<div class="content-text">
<p>西藏地区光照资源充沛,是屋顶太阳能铺装的优质区域。铺装施工需贴合本地高海拔、强风、低温、强紫外线的气候特征,严格遵循地方民用建筑太阳能应用技术规范。施工优先选用耐高寒、抗紫外线的光伏组件与防腐支架,组件统一朝南规整排布,缝隙均匀,采用标准扭矩紧固压块,保证支架固定牢固,抵御高原强风荷载。</p>
</div>
<div class="image-placeholder">
<img src="图5.5-1.png" alt="屋顶太阳能板组装定位图">
<div class="image-caption">图5.5-1 屋顶太阳能板组装定位图</div>
</div>
<h4 class="sub-subsection-title">5.5.2 - 5.5.4 各层外立面搭建</h4>
<div class="content-text">
<p>外墙结构采用"结构+保温+防水+饰面"复合体系。基座层、设备层、功能层围护结构依次搭建,功能层内墙另设饰面层。整体外立面融合藏式建筑色彩与装饰元素,实现文化表达与功能需求的统一。</p>
</div>
<div class="image-placeholder">
<img src="图5.5-21.png" alt="基座层外立面搭建定位图">
<div class="image-caption">图5.5-21基座层外立面搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.5-22.png" alt="设备层外立面搭建定位图">
<div class="image-caption">图5.5-22设备层外立面搭建定位图</div>
</div>
<div class="image-placeholder">
<img src="图5.5-23.png" alt="功能层外立面搭建定位图">
<div class="image-caption">图5.5-23功能层外立面搭建定位图</div>
</div>
</div>
</div>
</section>
<!-- ==================== 第六章网页设计与AI交互 ==================== -->
<section class="section-alt" id="ch6">
<div class="section fade-in">
<div class="section-header">
<div class="section-number">06</div>
<h2 class="section-title">网页设计与AI交互</h2>
<p class="section-desc">海报设计、AI辅助编程与H5网页设计展示</p>
<div class="section-divider"></div>
</div>
<div class="subsection">
<h3 class="subsection-title">6.1 海报设计</h3>
<div class="content-text">
<p>课题海报设计融合了雪域高原的自然元素与建筑的现代技术特征,以低饱和度色调呈现建筑的在地性融合。</p>
</div>
<div class="image-placeholder">
<div class="placeholder-box">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
<img src="图6.1-1.jpg" alt="海报设计">
</div>
<div class="image-caption">图6.1-1 海报设计</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">6.2 AI辅助编程</h3>
<div class="content-text">
<p>本次依托AI辅助编程完成H5网络系统开发全程对系统搭建流程做可视化呈现同时以清单形式梳理所用工具、技术与资源明确各项配置与操作要点让开发脉络清晰直观。</p>
</div>
<div class="image-placeholder">
<img src="图6.2-11.png" alt="AI辅助编程">
<div class="image-caption">图6.2-1 AI辅助编程</div>
</div>
<div class="image-placeholder">
<img src="图6.2-12.png" alt="AI辅助编程工具清单">
<div class="image-caption">图6.2-2 AI辅助编程工具清单</div>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">6.3 网页设计展示</h3>
<div class="content-text">
<p>借助AI高效完成代码编写、逻辑调试与功能优化提升开发效率。整体分为前期调研、方案生成、搭建逻辑、成果展示、总结反思五大阶段。最后结合落地效果复盘全过程梳理优势与不足形成完整、规范的项目开发闭环。</p>
</div>
</div>
</div>
</section>
<!-- ==================== 第七章:设计总结 ==================== -->
<section class="section-white" id="ch7">
<div class="section fade-in">
<div class="section-header">
<div class="section-number">07</div>
<h2 class="section-title">设计总结</h2>
<p class="section-desc">课题意义、重难点与个人心得体会</p>
<div class="section-divider"></div>
</div>
<div class="subsection">
<h3 class="subsection-title">7.1 课题意义</h3>
<h4 class="sub-subsection-title">7.1.1 社会实用意义</h4>
<div class="content-text">
<p>首先,基础医疗基站将从根本上破解高海拔偏远地区群众"看病远、看病难"的困局。以往,复杂疾病患者需长途跋涉前往低海拔地区就医,不仅路途艰辛、费用高昂,还可能因路途颠簸加重病情。医疗基站的建立,意味着常见病、多发病可在村内得到初步诊疗,急危重症可通过基站实现早期识别与应急处理。</p>
<p>其次,医疗基站将推动基层医疗服务从"重治疗"向"重预防、重管理"转型。基站建成后,可为村民建立个人健康档案,对高血压、慢阻肺等高原常见慢性病实施动态监测与规范管理,定期开展健康宣教,推动健康关口前移。</p>
<p>医疗基站的落地是促进民族团结、夯实边疆地区民生保障的具体举措。当群众真切感受到"小病不出村、慢病有人管、急病能应对"的便利,对国家的认同感、对未来的信心也将随之增强。</p>
</div>
<div class="image-placeholder">
<img src="图7.1-1宗教空间.png" alt="空间使用-宗教空间">
<div class="image-caption">图7.1-1 空间使用-宗教空间</div>
</div>
<div class="image-placeholder">
<img src="图7.1-1村民交流.png" alt="空间使用-村民交流">
<div class="image-caption">图7.1-1 空间使用-村民交流</div>
</div>
<div class="image-placeholder">
<img src="图7.1-1健康学习.png" alt="空间使用-健康学习">
<div class="image-caption">图7.1-1 空间使用-健康学习</div>
</div>
<div class="image-placeholder">
<img src="图7.1-1医疗诊治.png" alt="空间使用-医疗诊治">
<div class="image-caption">图7.1-1 空间使用-医疗诊治</div>
</div>
<h4 class="sub-subsection-title">7.1.2 技术、设计理论意义</h4>
<div class="content-text">
<p>在建筑技术层面,医疗基站的建造将推动多项关键技术的集成与突破。针对高海拔极寒条件下建筑热量流失快的问题,可借鉴"南向得热北向保温"的被动式设计策略。能源供给方面,那曲太阳能资源富集,可大规模铺设太阳能光伏板与集热器,将"离太阳最近"的地理劣势转化为清洁能源优势。</p>
<p>在建筑设计理论层面,央木布村医疗基站的实践将为"高寒地区医疗建筑适应性设计"理论体系提供宝贵案例。当前研究表明青藏高原医疗建筑的平均使用寿命较全国短25%-30%,本项目的理论与实践研究,对高海拔建筑建造漏洞补充具有重要的意义。</p>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">7.2 课题重难点</h3>
<h4 class="sub-subsection-title">7.2.1 建筑形式的在地性融合</h4>
<div class="content-text">
<p>西藏高寒、强辐射、昼夜温差大的气候特征,决定了建筑形式必须优先回应环境挑战。我们在设计时应当关注民族文化与传统建筑形式的利用与共生。藏式建筑承载着深厚的文化意蕴,其形体、色彩与细部构造均具有象征意义。同时也要关注场地现有丰富的太阳能资源,关注光线引用,实现诗意空间、宗教空间、医疗空间三者的有机结合。</p>
</div>
<h4 class="sub-subsection-title">7.2.2 建筑功能排布和有限空间的高效利用</h4>
<div class="content-text">
<p>医疗服务基站的单体建筑面积约200㎡主要包含全科诊疗室、治疗室、药房、观察输液室、妇幼保健室、健康教育室、候诊区、卫生间、医疗废物储物间等功能。通过对比廊式、厅式、厅廊式等多种布局形式科学划分医疗区、公共区与保障区梳理清晰的人流、物流流线。</p>
</div>
<h4 class="sub-subsection-title">7.2.3 高海拔极端条件下的材料选用问题</h4>
<div class="content-text">
<p>那曲为季节性冻土区,冬季冻土膨胀会顶起建筑基础,夏季冻土融化导致地基沉降,易造成墙体开裂、门窗变形、管线断裂,直接影响医疗基站的结构安全和设备运行。应谨慎选取材料进行建造。</p>
</div>
<h4 class="sub-subsection-title">7.2.4 建筑自保障系统的应用形式</h4>
<div class="content-text">
<p>自保障系统的相关设计核心目标是减少对外部基础设施的依赖,提升建筑的韧性、可持续性和运行效率。在本场地内应该因地制宜设置相关自保障系统,且要对太阳能利用的工作流程以及建造过程进行研究,并且给出可实际建造的方案。</p>
</div>
</div>
<div class="subsection">
<h3 class="subsection-title">7.3 个人感想</h3>
<div class="content-text">
<p>本次高海拔藏区医疗基站设计,我不仅针对高原极端环境完成建筑功能、材料与系统设计,还着重研究了建筑整体建造生成过程,让我对极地小型医疗建筑的全流程设计逻辑有了更系统、完整的认知。</p>
<p>在地性融合设计与建造生成相辅相成,是本次设计的核心重点。西藏那曲高寒、强辐射、昼夜温差大的气候特征,决定了建筑形态不能套用标准化模板。我在设计中结合藏式传统建筑的形体、色彩与构造特色,摒弃同质化的工业设计风格,同时依托高原充沛的太阳能资源优化采光布局,将诗意空间、宗教人文空间与基础医疗空间融合统一。</p>
<p>冻土环境下的材料选型与基础建造,是保障建筑安全的关键。我优选抗沉降、耐温差、抗变形的特种建材,并针对性研究地基处理、墙体砌筑、管线铺设的专项建造工艺,通过优化基础施工流程,从根源降低冻土灾害对建筑结构和医疗设备的破坏。</p>
<p>自保障系统的落地,同样依托完整的建造生成设计。高海拔地区基础设施薄弱,无法依赖外部能源供给。本次设计重点研究太阳能系统的施工安装流程与落地建造方案,将能源设备与建筑主体一体化设计、同步施工,搭建自主可控的能源保障体系。</p>
<p>此次设计让我深刻认识到,高原医疗建筑是自然、人文、技术与建造工艺的深度结合。未来我将秉持因地制宜的设计思维,兼顾设计合理性与建造落地性,打造适配极端高原环境、贴合民生需求的实用型建筑。</p>
</div>
</div>
</div>
</section>
<!-- ==================== 参考文献 ==================== -->
<section class="section-alt">
<div class="section fade-in">
<div class="section-header">
<h2 class="section-title">参考文献</h2>
<div class="section-divider"></div>
</div>
<div class="content-text" style="font-size:13px; line-height:2.2;">
<p>[1] 于水, 徐一嘉, 孙圣坤, 等. 严寒地区BIPV/T墙体热湿传递特性研究[J]. 太阳能学报, 2025, 46(09): 501-509</p>
<p>[2] 张芹芹, 周艳. 无动力太阳能与源动力空气源热泵热水系统的应用[C]// 第十七届建筑给水排水大会, 2025.</p>
<p>[3] 杨云波, 南新元, 蔡鑫. 多算子协同优化的轻量级光伏板缺陷检测算法[J/OL]. 哈尔滨工业大学学报.</p>
<p>[4] 丁山, 周晅毅. 基于风雪联合灾害特征下的光伏板风雪荷载组合系数研究[J/OL]. 工程力学.</p>
<p>[5] 顾大钊, 李阳, 李根生, 等. 面向2040年我国碳中和重点领域工程科技发展战略研究[J]. 中国工程科学, 2024, 26(05): 80-90.</p>
<p>[6] 袁泽伟, 黄杰, 王德才, 等. 既有建筑改造减碳措施及其碳排放预测研究综述[J]. 建筑科学, 2024, 40(12): 86-96.</p>
<p>[7] 苏佶智, 康熙, 邢琳, 等. 近零能耗建筑低碳能源系统的设计及其设备容量优化[J]. 济南大学学报.</p>
<p>[8] 董小丽, 成雄蕾, 付铮. 基于多目标的寒冷地区近零能耗建筑优化设计方法与应用[J]. 建筑科学, 2024, 40(12): 205-212.</p>
<p>[9] 李浩, 路洋, 田昕, 等. 需求控制下城市建筑节能降碳路径[J/OL]. 中国管理科学.</p>
<p>[10] 朱丹丹, 燕达, 王闯, 等. 建筑能耗模拟软件对比: DeST、EnergyPlus and DOE-2[J]. 建筑科学, 2012, 28(S2): 213-222.</p>
<p>[11] 陈义波, 梁二, 原瑞增, 等. 住宅建筑超低能耗改造设计及碳排放对比研究[J]. 建筑节能, 2024, 52(08): 63-70.</p>
<p>[12] 苏春丽, 牛清河, 吴建勋. "双碳"背景下太阳能电站与荒漠化防治协同发展路径[J]. 能源研究与管理, 2025, 17(02): 122-126.</p>
<p>[13] 刘澜争. "双碳"目标下太阳能和风能优质资源区的能源转型选择[J]. 经济研究参考, 2023, (11): 118-126.</p>
<p>[14] Vector-based 3D graphic statics: A framework for the design of spatial structures based on the relation between form and forces.</p>
</div>
</div>
</section>
<!-- ==================== 页脚 ==================== -->
<footer class="footer">
<div class="footer-title">THE END</div>
<div class="footer-line"></div>
<div class="footer-info">
雪域阳光方舟——高海拔极端环境乡村医疗服务基站装配式建筑设计与建造研究<br>
东南大学 建筑学院 | 2026.02 - 2026.05
</div>
<div class="footer-copy">© 2026 刘婧璇. All Rights Reserved.</div>
</footer>
<!-- ==================== JavaScript ==================== -->
<script>
// 导航栏滚动效果
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
if (window.scrollY > 50) {
navbar.classList.add('scrolled');
} else {
navbar.classList.remove('scrolled');
}
});
// 滚动淡入动画
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, observerOptions);
document.querySelectorAll('.fade-in').forEach(function(el) {
observer.observe(el);
});
// 导航高亮
const sections = document.querySelectorAll('section[id]');
const navLinks = document.querySelectorAll('.nav-links a');
window.addEventListener('scroll', function() {
let current = '';
sections.forEach(function(section) {
const sectionTop = section.offsetTop - 100;
if (window.scrollY >= sectionTop) {
current = section.getAttribute('id');
}
});
navLinks.forEach(function(link) {
link.classList.remove('active');
if (link.getAttribute('href') === '#' + current) {
link.classList.add('active');
}
});
});
</script>
</body>
</html>