新增智慧工地页面并完善模块排版

src/components/sections/ConstructionArchitecture.astro

@@ -0,0 +1,34 @@
+<section class="px-4 lg:px-0 py-16 bg-white overflow-hidden">
+	<div class="max-w-7xl mx-auto">
+		<div class="bg-slate-50 rounded-3xl border border-blue-100 p-5 md:p-8 lg:p-10">
+			<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-10 items-center">
+				<div>
+					<p class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-blue-100 text-blue-700 text-xs font-bold tracking-wide mb-4">
+						<i class="fa fa-sitemap"></i>
+						<span>系统架构</span>
+					</p>
+					<h3 class="text-3xl md:text-4xl font-black text-gray-900 tracking-tight leading-tight mb-4">
+						AI 识别驱动的工地安全闭环
+					</h3>
+					<p class="text-gray-600 leading-relaxed mb-6">
+						依托 AI 视觉大模型对工地场景进行智能识别，自动抓拍未佩戴安全帽、违规吸烟、接打电话等不安全行为，实时触发声光告警并同步推送至管理终端，实现全天候智能巡检。
+					</p>
+					<div class="grid grid-cols-2 gap-3">
+						<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">行为识别</div>
+						<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">实时告警</div>
+						<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">视频留痕</div>
+						<div class="bg-blue-600 text-white rounded-xl py-3 text-center text-sm font-bold">闭环处置</div>
+					</div>
+					<div class="mt-6 bg-white border border-blue-100 rounded-2xl p-4">
+						<p class="text-sm font-bold text-blue-700 mb-2">价值实现</p>
+						<p class="text-sm text-gray-600 leading-relaxed">有效规范现场作业行为，减少人为安全隐患，降低事故发生率，实现违规行为早发现、早制止，全面提升工地智能化监管效率与风险防控能力。</p>
+					</div>
+				</div>
+
+				<div class="rounded-2xl overflow-hidden border border-white shadow-lg bg-white">
+					<img src="/img/construction/architecture.png" alt="智慧工地系统架构图" class="w-full h-auto object-cover" />
+				</div>
+			</div>
+		</div>
+	</div>
+</section>