增加仓储物流场景

.astro/data-store.json

@@ -1 +1 @@
-[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.17.1","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4322,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[]},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false,\"failOnPrerenderConflict\":false,\"svgo\":false},\"legacy\":{\"collections\":false}}"]
+[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.17.1","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[]},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false,\"failOnPrerenderConflict\":false,\"svgo\":false},\"legacy\":{\"collections\":false}}"]

.astro/settings.json

@@ -1,5 +1,5 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1778136453785
+		"lastUpdateCheck": 1779412568408
 	}
 }

.astro/types.d.ts

@@ -1,2 +1 @@
 /// <reference types="astro/client" />
-/// <reference path="content.d.ts" />

src/components/sections/LogisticsArchitecture.astro

@@ -0,0 +1,74 @@
+---
+const features = [
+	{ icon: 'fa-fire', title: '消防 AI 巡查', desc: '吸烟、违规动火、消防通道占用、消火栓遮挡 7×24h AI 识别，告警准确率≥98%。' },
+	{ icon: 'fa-cubes', title: '堆垛智能识别', desc: 'AI 视觉自动巡查超高超宽、与喷淋墙体距离不足等违规堆垛，提示整改。' },
+	{ icon: 'fa-truck', title: '人车作业管控', desc: '叉车超速 / 违规载人识别、装卸月台防坠落、人车分流电子围栏管理。' },
+	{ icon: 'fa-id-card', title: '出入门禁与车辆', desc: '人脸 + 车牌 + 排队预约一体化，车辆称重、装卸、出场全流程闭环留痕。' }
+];
+
+const layers = [
+	{ name: '应用层', color: 'bg-blue-600', items: ['驾驶舱大屏', '隐患工单', '应急指挥', '监管上报'] },
+	{ name: '平台层', color: 'bg-indigo-600', items: ['AI 视觉大模型', 'SaaS 中台', '出入库联动', 'WMS 对接'] },
+	{ name: '网络层', color: 'bg-cyan-600', items: ['园区光纤', 'LoRa / NB-IoT', '4G/5G', 'Wi-Fi 6'] },
+	{ name: '感知层', color: 'bg-emerald-600', items: ['AI 摄像头', '电气火灾监测', '温湿度传感', '车牌识别'] }
+];
+---
+
+<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-sm 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">
+						围绕<strong>立体库、平库、装卸月台、叉车作业区、充电间与园区出入口</strong>，融合 AI 视觉大模型与电气火灾、温湿度、可燃气体物联监测，对吸烟、违规动火、消防通道占用、堆垛超高、叉车超速实时识别，并联动喷淋 / 广播 / 门禁执行紧急处置,构建"感知-决策-处置-溯源"全链路安全闭环。
+					</p>
+					<div class="grid grid-cols-2 gap-3 mb-6">
+						{features.map((f) => (
+							<div class="bg-white border border-blue-100 rounded-xl p-3 flex items-start gap-2.5">
+								<div class="w-8 h-8 rounded-lg bg-blue-600 text-white flex items-center justify-center shrink-0">
+									<i class={`fa ${f.icon} text-base`}></i>
+								</div>
+								<div class="flex-1 min-w-0">
+									<p class="text-base font-black text-gray-900 leading-tight">{f.title}</p>
+									<p class="text-sm text-gray-600 mt-1 leading-relaxed">{f.desc}</p>
+								</div>
+							</div>
+						))}
+					</div>
+					<div class="bg-white border border-blue-100 rounded-2xl p-4">
+						<p class="text-base font-bold text-blue-700 mb-2">价值实现</p>
+						<p class="text-base text-gray-600 leading-relaxed">满足 GB 51157 物流建筑设计规范与《大型物流仓储基地消防安全管理规定》要求，存量摄像头利旧 + AI 算法赋能，70%+ 硬件成本下降，企业安全标准化关键能力一次性达标。</p>
+					</div>
+				</div>
+
+				<div class="space-y-4">
+					<div class="rounded-2xl overflow-hidden border border-white shadow-lg bg-white">
+						<img src="/img/logistics/architecture.webp" alt="仓储物流系统架构图" class="w-full h-auto object-cover" />
+					</div>
+					<div class="rounded-2xl bg-white border border-slate-200 shadow-sm p-4 md:p-5">
+						<p class="text-sm font-black text-gray-400 tracking-[0.18em] mb-3 text-center">SYSTEM ARCHITECTURE</p>
+						<div class="space-y-2">
+							{layers.map((l) => (
+								<div class="flex items-stretch gap-2">
+									<div class={`shrink-0 w-16 ${l.color} text-white rounded-lg flex items-center justify-center font-black text-sm shadow-sm`}>{l.name}</div>
+									<div class="flex-1 grid grid-cols-4 gap-1.5">
+										{l.items.map((it) => (
+											<div class="bg-slate-50 border border-slate-200 rounded-md py-1.5 px-1 text-center text-xs font-bold text-gray-700">{it}</div>
+										))}
+									</div>
+								</div>
+							))}
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>

src/components/sections/LogisticsHardware.astro

@@ -0,0 +1,69 @@
+---
+const hardware = [
+	{
+		icon: 'fa-video-camera',
+		title: '高位云台 + AI 摄像头',
+		desc: '立体库、平库、装卸月台部署 AI 摄像头，吸烟、动火、通道占用、堆垛超高秒级识别，存量设备支持利旧。',
+		tags: ['存量利旧', 'AI 视觉']
+	},
+	{
+		icon: 'fa-bolt',
+		title: '电气火灾监测',
+		desc: '配电柜、货架照明、叉车充电间部署电气火灾监测探测器，漏电、过载、温升异常秒级上报。',
+		tags: ['漏电监测', '过载预警']
+	},
+	{
+		icon: 'fa-fire',
+		title: '热成像非接触测温',
+		desc: '充电间、电池区、配电硐室、易燃货物堆区热成像测温,在明火出现前探测隐蔽热源。',
+		tags: ['全天候', '隐蔽热源']
+	},
+	{
+		icon: 'fa-id-card',
+		title: '人脸 + 车牌一体门禁',
+		desc: '员工、司机、装卸工人脸识别准入，车辆车牌识别 + 排队预约 + 称重一体化闭环管理。',
+		tags: ['多重验证', '车辆闭环']
+	},
+	{
+		icon: 'fa-thermometer-three-quarters',
+		title: '温湿度与可燃气体',
+		desc: '冷链库、危化仓、电池间温湿度 / 可燃气体浓度 24h 监测，超标自动联动通风与断电。',
+		tags: ['多参数监测', '联动通风']
+	},
+	{
+		icon: 'fa-plane',
+		title: '无人机 / 巡检机器人',
+		desc: '园区周界、大型立体库、危险品仓无人机扫描 + 机器人替代人工巡查，7×24h 监测异动。',
+		tags: ['空地一体', '替代人工']
+	}
+];
+---
+
+<section class="px-4 lg:px-0 py-16 bg-slate-50 overflow-hidden">
+	<div class="max-w-7xl mx-auto">
+		<div class="text-center mb-12">
+			<h3 class="text-3xl md:text-5xl font-black tracking-tight leading-tight">
+				<span class="text-blue-600">硬件物联</span>方案
+			</h3>
+			<div class="w-24 h-1.5 bg-blue-600 mx-auto mt-8 rounded-full"></div>
+			<p class="text-gray-600 mt-6 max-w-2xl mx-auto">围绕立体库、装卸月台、叉车作业区、充电间与园区出入口，提供 AI 视频、电气监测、温湿度感知、出入管控等关键硬件，与海康、大华等头部厂商深度兼容。</p>
+		</div>
+
+		<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
+			{hardware.map((h) => (
+				<article class="bg-white rounded-2xl border border-slate-200 p-6 hover:shadow-md hover:border-blue-200 transition-all duration-300 flex flex-col">
+					<div class="w-12 h-12 rounded-xl bg-blue-50 text-blue-600 flex items-center justify-center mb-4">
+						<i class={`fa ${h.icon} text-xl`}></i>
+					</div>
+					<h4 class="text-lg font-extrabold text-gray-900 leading-snug mb-3">{h.title}</h4>
+					<p class="text-base text-gray-600 leading-relaxed flex-1 mb-4">{h.desc}</p>
+					<div class="flex flex-wrap gap-2">
+						{h.tags.map((t) => (
+							<span class="text-sm font-bold px-2 py-0.5 rounded-md bg-blue-50 text-blue-700">{t}</span>
+						))}
+					</div>
+				</article>
+			))}
+		</div>
+	</div>
+</section>

src/components/sections/LogisticsHero.astro

@@ -0,0 +1,44 @@
+<section class="bg-slate-50 overflow-hidden">
+	<div class="max-w-7xl mx-auto px-4 lg:px-0 pt-4 md:pt-8">
+		<div class="bg-white rounded-3xl border border-blue-100 shadow-xl p-5 md:p-10">
+			<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
+				<div class="space-y-5">
+					<div class="inline-flex items-center gap-2 bg-blue-50 text-blue-700 px-3 py-1.5 rounded-full text-sm font-bold tracking-wide">
+						<i class="fa fa-truck"></i>
+						<span>仓储物流园区企安智控系统</span>
+					</div>
+					<h1 class="text-3xl md:text-5xl font-black tracking-tight leading-tight">
+						<span class="text-blue-600">仓储物流</span>
+					</h1>
+					<p class="text-gray-700 text-lg md:text-lg leading-relaxed">
+						面向大型仓储基地、物流园区、第三方仓配中心、冷链与危化品仓储等场景，融合 AI 视觉大模型与物联感知，构建<strong>消防安全、货物管理、人车作业、出入管控</strong>全流程数字化安全管理体系。
+					</p>
+					<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
+						<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-base">消防联动</div>
+						<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-base">堆垛识别</div>
+						<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-base">人车分流</div>
+						<div class="bg-blue-600 text-white text-center py-2.5 rounded-xl font-bold text-base">合规上报</div>
+					</div>
+				</div>
+
+				<div class="relative">
+					<div class="absolute -inset-4 bg-blue-200/40 blur-3xl rounded-full -z-10"></div>
+					<div class="overflow-hidden rounded-3xl border border-slate-100 shadow-lg">
+						<img src="/img/logistics/hero.webp" alt="仓储物流企安智控系统" class="w-full h-auto object-cover">
+					</div>
+				</div>
+			</div>
+
+			<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-8">
+				<div class="bg-blue-50 border border-blue-100 rounded-2xl p-5">
+					<p class="text-blue-900 font-bold text-lg mb-3">为仓储物流企业赋能</p>
+					<p class="text-gray-700 leading-relaxed text-base md:text-lg">覆盖立体库、平库、装卸月台、叉车作业区、充电区等关键场景，存量摄像头利旧 + AI 算法赋能，吸烟、违规动火、消防通道占用、堆垛超高秒级识别，告警准确率 ≥98%。</p>
+				</div>
+				<div class="bg-red-50 border border-red-100 rounded-2xl p-5">
+					<p class="text-red-900 font-bold text-lg mb-3">为监管部门赋能</p>
+					<p class="text-gray-700 leading-relaxed text-base md:text-lg">符合 GB 51157、GB 35181、《大型物流仓储基地消防安全管理规定》等标准，对接地方应急、消防与商务部门监管平台，自动上传视频、隐患、出入库及应急数据。</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>

src/components/sections/LogisticsPainPoints.astro

@@ -0,0 +1,72 @@
+---
+const painPoints = [
+	{
+		icon: 'fa-fire',
+		title: '火灾隐患高发',
+		subtitle: '可燃货物密集 · 一旦起火扩散快',
+		points: ['纸箱、塑料、棉麻等可燃物大量堆放', '吸烟、违规动火屡禁不止', '消防通道、防火门常被占用堵塞']
+	},
+	{
+		icon: 'fa-bolt',
+		title: '电气与充电风险',
+		subtitle: '叉车 / 货架照明 / 电池间风险叠加',
+		points: ['电气线路老化、私拉乱接频发', '叉车锂电池充电热失控风险', '配电箱 / 电池间监管难全覆盖']
+	},
+	{
+		icon: 'fa-cubes',
+		title: '货物堆垛不规范',
+		subtitle: '"三距" 难达标 · 安全隐患沉淀',
+		points: ['超高、超宽堆放压坏货架', '堆垛与喷淋 / 墙体距离不足', '违规存放危化、易燃易爆物品']
+	},
+	{
+		icon: 'fa-truck',
+		title: '装卸与叉车作业风险',
+		subtitle: '人车混行 · 月台坠落事故频发',
+		points: ['叉车超速、违规载人、转弯盲区', '装卸月台无人值守 / 缺防坠落', '高峰期人车混流秩序混乱']
+	},
+	{
+		icon: 'fa-users',
+		title: '出入口与外来人员管控',
+		subtitle: '园区开放性强 · 安防压力大',
+		points: ['司机 / 装卸工 / 访客流动量大', '车辆排队、闯卡、超限难管控', '夜间值守与周界防入侵薄弱']
+	},
+	{
+		icon: 'fa-shield',
+		title: '监管标准日趋严格',
+		subtitle: '消防 / 应急 / 商务多头考核',
+		points: ['大型仓储消防专项整治压力大', '隐患整改闭环留痕要求高', '监管平台数据对接复杂']
+	}
+];
+---
+
+<section class="px-4 lg:px-0 py-16 bg-slate-50 overflow-hidden">
+	<div class="max-w-7xl mx-auto">
+		<div class="text-center mb-12">
+			<h3 class="text-3xl md:text-5xl font-black tracking-tight leading-tight">
+				<span class="text-blue-600">仓储物流</span>六大安全管理痛点
+			</h3>
+			<div class="w-24 h-1.5 bg-blue-600 mx-auto mt-8 rounded-full"></div>
+		</div>
+
+		<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
+			{painPoints.map((item, idx) => (
+				<article class="bg-white rounded-2xl border border-slate-200 p-6 hover:shadow-md hover:border-blue-200 transition-all duration-300 flex flex-col">
+					<div class="flex items-center justify-between mb-4">
+						<span class="font-mono text-3xl font-black text-blue-600/80 leading-none">{String(idx + 1).padStart(2, '0')}</span>
+						<i class={`fa ${item.icon} text-blue-500 text-2xl`}></i>
+					</div>
+					<h4 class="text-lg font-extrabold text-gray-900 leading-snug">{item.title}</h4>
+					<p class="text-sm font-semibold text-gray-500 mt-1 mb-4 pb-3 border-b border-slate-100">{item.subtitle}</p>
+					<ul class="space-y-2 flex-1 text-base text-gray-700">
+						{item.points.map((p) => (
+							<li class="flex items-start gap-2">
+								<i class="fa fa-check text-blue-500 mt-1 text-sm shrink-0"></i>
+								<span class="leading-relaxed">{p}</span>
+							</li>
+						))}
+					</ul>
+				</article>
+			))}
+		</div>
+	</div>
+</section>

src/components/sections/LogisticsPolicy.astro

@@ -0,0 +1,69 @@
+---
+const policies = [
+	{
+		title: '大型物流仓储基地消防安全管理规定',
+		meta: '国务院安委办',
+		year: '2022',
+		desc: '明确大型物流仓储基地消防设施、防火分隔、动火管理、智能监测系统的强制要求，是行业消防数字化的核心依据。'
+	},
+	{
+		title: '物流建筑设计规范',
+		meta: 'GB 51157',
+		year: '2016',
+		desc: '高层 / 大跨度 / 立体仓库设计的强制性国家标准，规范防火分区、安全疏散、自动喷淋等关键安全要素。'
+	},
+	{
+		title: '建筑设计防火规范',
+		meta: 'GB 50016',
+		year: '2018 修订',
+		desc: '丙类厂房与仓库防火分区、安全距离、消防设施配置的根本性强制标准，仓储建筑合规底线。'
+	},
+	{
+		title: '重大火灾隐患判定方法',
+		meta: 'GB 35181',
+		year: '2017',
+		desc: '统一重大火灾隐患判定基准，仓储类场所违规储存、堵塞通道、消防设施失效等情形纳入重点判定。'
+	},
+	{
+		title: '"十四五"现代物流发展规划',
+		meta: '国办发〔2022〕17号',
+		year: '2022',
+		desc: '推动智慧物流、绿色物流发展，明确数字化监测、智能仓储、安全风险防控的现代化建设方向。'
+	},
+	{
+		title: '关于推进大型商业综合体消防安全工作的指导意见',
+		meta: '应急管理部',
+		year: '2020',
+		desc: '与仓储物流功能复合场景的强制对接要求，推动智能消防巡查、视频联网、电气火灾监测系统部署。'
+	}
+];
+---
+
+<section class="px-4 lg:px-0 py-16 bg-white overflow-hidden">
+	<div class="max-w-7xl mx-auto">
+		<div class="text-center mb-12">
+			<h3 class="text-3xl md:text-5xl font-black tracking-tight leading-tight">
+				<span class="text-red-600">政策牵引</span>落地，仓储物流数字化方向更清晰
+			</h3>
+			<div class="w-24 h-1.5 bg-red-600 mx-auto mt-8 rounded-full"></div>
+		</div>
+
+		<div class="max-w-5xl mx-auto">
+			<ol class="relative border-l-2 border-red-100 ml-4 md:ml-6">
+				{policies.map((item, idx) => (
+					<li class="relative pl-6 md:pl-10 pb-6 last:pb-0">
+						<span class="absolute -left-[17px] top-0 flex items-center justify-center w-8 h-8 rounded-full bg-red-600 text-white text-sm font-black shadow-md ring-4 ring-white">{String(idx + 1).padStart(2, '0')}</span>
+						<article class="bg-slate-50 rounded-2xl p-5 md:p-6 hover:bg-white hover:ring-1 hover:ring-red-200 hover:shadow-md transition-all duration-300">
+							<div class="flex flex-wrap items-baseline gap-2 mb-2">
+								<h4 class="text-lg md:text-xl font-extrabold text-gray-900 leading-snug">{item.title}</h4>
+								<span class="text-sm font-bold text-red-600 tracking-wide">· {item.meta}</span>
+								<span class="ml-auto text-sm font-mono font-bold text-gray-400 tracking-[0.12em]">{item.year}</span>
+							</div>
+							<p class="text-base text-gray-600 leading-relaxed">{item.desc}</p>
+						</article>
+					</li>
+				))}
+			</ol>
+		</div>
+	</div>
+</section>

src/layouts/Layout.astro

@@ -9,6 +9,7 @@ interface NavChild {
 	label: string;
 	href: string;
 	icon: string;
+	desc?: string;
 }
 
 interface NavItem {
@@ -24,15 +25,16 @@ const navItems: NavItem[] = [
 	{
 		id: 'products', label: '产品中心', href: '/qazk', icon: 'fa-cubes',
 		children: [
-			{ id: 'qazk', label: '工贸企业', href: '/qazk', icon: 'fa-cogs' },
+			{ id: 'qazk', label: '工贸企业', href: '/qazk', icon: 'fa-cogs', desc: 'AI + 物联全场景安全管理' },
-			{ id: 'property', label: '物业楼宇', href: '/property', icon: 'fa-building-o' },
+			{ id: 'property', label: '物业楼宇', href: '/property', icon: 'fa-building-o', desc: '智慧社区全域安防一体化' },
-			{ id: 'elderly', label: '智慧养老', href: '/elderly', icon: 'fa-heartbeat' },
+			{ id: 'elderly', label: '智慧养老', href: '/elderly', icon: 'fa-heartbeat', desc: '适老化主动健康守护体系' },
-			{ id: 'kitchen', label: '明厨亮灶', href: '/kitchen', icon: 'fa-cutlery' },
+			{ id: 'kitchen', label: '明厨亮灶', href: '/kitchen', icon: 'fa-cutlery', desc: 'AI 视觉后厨食安管控' },
-			{ id: 'education', label: '智慧学校', href: '/education', icon: 'fa-graduation-cap' },
+			{ id: 'education', label: '智慧学校', href: '/education', icon: 'fa-graduation-cap', desc: '平安校园数智化治理' },
-			{ id: 'construction', label: '智慧工地', href: '/construction', icon: 'fa-industry' },
+			{ id: 'logistics', label: '仓储物流', href: '/logistics', icon: 'fa-truck', desc: '仓配园区全闭环安全管控' },
-			{ id: 'chemical', label: '危险化学品', href: '/chemical', icon: 'fa-flask' },
+			{ id: 'construction', label: '智慧工地', href: '/construction', icon: 'fa-industry', desc: '工地七牌一图数智管控' },
-			{ id: 'fireworks', label: '烟花爆竹', href: '/fireworks', icon: 'fa-asterisk' },
+			{ id: 'chemical', label: '危险化学品', href: '/chemical', icon: 'fa-flask', desc: '五防协同危化智能管控' },
-			{ id: 'mining', label: '非煤矿山', href: '/mining', icon: 'fa-cubes' },
+			{ id: 'fireworks', label: '烟花爆竹', href: '/fireworks', icon: 'fa-asterisk', desc: '防爆 AI 火工品全链路溯源' },
+			{ id: 'mining', label: '非煤矿山', href: '/mining', icon: 'fa-cubes', desc: '矿山防爆物联灾害预警' },
 		]
 	},
 	{ id: 'customization', label: '本地化定制', href: '/customization', icon: 'fa-wrench' },
@@ -87,23 +89,30 @@ function getMobileNavLinkClass(item: NavItem) {
 						</button>
 						<div class="absolute top-full left-1/2 -translate-x-1/2 pt-3 opacity-0 invisible transition-all duration-200 z-50"
 							 data-dropdown-panel role="menu">
-							<div class="bg-white rounded-2xl shadow-xl border border-gray-100 p-4 w-[760px]">
+							<div class="bg-white/95 backdrop-blur-xl rounded-3xl shadow-2xl shadow-slate-900/10 ring-1 ring-slate-200/70 p-3 w-[720px]">
-								<div class="grid grid-cols-3 gap-3">
+								<div class="grid grid-cols-2 gap-2">
 									{item.children.map(child => (
 										<a href={child.href} role="menuitem"
-										   class={`menu-item group flex items-center gap-3.5 px-4 py-3.5 rounded-xl transition-all touch-manipulation select-none ${
+										   class={`menu-item group relative flex items-center gap-4 px-4 py-3.5 rounded-2xl transition-all duration-200 touch-manipulation select-none ${
 											 child.id === activeNav
-											   ? 'bg-primary text-white'
+											   ? 'bg-gradient-to-br from-primary to-blue-600 text-white shadow-lg shadow-blue-500/30'
 											   : 'text-gray-700'
 										   }`}>
-											<span class={`menu-item-icon w-12 h-12 rounded-xl flex items-center justify-center shrink-0 transition-colors ${
+											<span class={`menu-item-icon w-16 flex items-center justify-center shrink-0 transition-all duration-200 ${
 												child.id === activeNav
-													? 'bg-white/20 text-white'
+													? 'text-white'
-													: 'bg-primary/10 text-primary'
+													: 'text-primary group-hover:scale-110'
 											}`}>
-												<i class={`fa ${child.icon} text-xl`}></i>
+												<i class={`fa ${child.icon} text-5xl`}></i>
+											</span>
+											<span class="flex-1 min-w-0">
+												<span class="block text-base font-extrabold leading-tight tracking-tight">{child.label}</span>
+												{child.desc && (
+													<span class={`block text-xs font-medium mt-1 leading-snug truncate ${
+														child.id === activeNav ? 'text-blue-50/90' : 'text-gray-500'
+													}`}>{child.desc}</span>
+												)}
 											</span>
-											<span class="text-base font-semibold whitespace-nowrap">{child.label}</span>
 										</a>
 									))}
 								</div>
@@ -163,7 +172,7 @@ function getMobileNavLinkClass(item: NavItem) {
 <div id="mobile-product-panel"
 	 class="lg:hidden fixed left-0 right-0 z-30 bg-white shadow-xl border-b border-gray-200 transform -translate-y-full opacity-0 pointer-events-none transition-all duration-300"
 	 style="top: 108px;" role="menu">
-	<div class="max-w-lg mx-auto px-4 py-4 grid grid-cols-3 gap-3">
+	<div class="max-w-lg mx-auto px-4 py-4 grid grid-cols-2 gap-3">
 		{navItems.find(item => item.children)?.children?.map(child => (
 			<a href={child.href} role="menuitem"
 			   class={`flex flex-col items-center gap-2 py-4 px-2 rounded-xl transition-colors touch-manipulation select-none ${
@@ -387,12 +396,7 @@ function getMobileNavLinkClass(item: NavItem) {
 			background-color: rgb(22 93 255 / 0.1);
 		}
 		.menu-item.text-gray-700:hover {
-			background-color: rgb(22 93 255 / 0.1);
+			background-color: rgb(22 93 255 / 0.06);
-			color: var(--color-primary, #165DFF);
-		}
-		.menu-item.text-gray-700:hover .menu-item-icon {
-			background-color: var(--color-primary, #165DFF);
-			color: #fff;
 		}
 	}
 

src/pages/logistics/index.astro

@@ -0,0 +1,18 @@
+---
+import Layout from '../../layouts/Layout.astro';
+import LogisticsHero from '../../components/sections/LogisticsHero.astro';
+import LogisticsPainPoints from '../../components/sections/LogisticsPainPoints.astro';
+import LogisticsPolicy from '../../components/sections/LogisticsPolicy.astro';
+import LogisticsArchitecture from '../../components/sections/LogisticsArchitecture.astro';
+import LogisticsHardware from '../../components/sections/LogisticsHardware.astro';
+---
+
+<Layout title="仓储物流 - 浙江贝凡网络科技" activeNav="logistics">
+	<main class="pt-20">
+		<LogisticsHero />
+		<LogisticsPainPoints />
+		<LogisticsPolicy />
+		<LogisticsArchitecture />
+		<LogisticsHardware />
+	</main>
+</Layout>