蓝燕云
产品
价格
下载
伙伴
资源
电话咨询
在线咨询
免费试用

施工图网站免费模板软件怎么做?如何快速搭建专业设计平台?

蓝燕云
2025-09-03
施工图网站免费模板软件怎么做?如何快速搭建专业设计平台?

本文深入探讨了如何利用施工图网站免费模板软件快速搭建专业化的在线图纸展示平台。文章详细介绍了模板的核心功能(如图纸分类、PDF嵌入、权限管理)、选型标准、实操步骤及常见误区,并展望了AI技术在未来施工图网站中的应用前景。适合中小设计单位、个体建筑师和初创团队参考实践,实现低成本数字化转型。

在当今数字化设计和建筑信息模型(BIM)飞速发展的时代,越来越多的设计师、施工团队和建筑公司开始关注如何通过互联网高效展示和管理施工图纸。一个功能完善、界面美观的施工图网站不仅能提升项目透明度,还能增强客户信任感,甚至直接带来商业机会。那么,如何低成本甚至零成本打造一个专业的施工图网站?尤其是使用施工图网站免费模板软件来实现这一目标,成为许多中小设计工作室、个体建筑师和初创团队的首选策略。

为什么选择施工图网站免费模板软件?

传统的施工图网站开发通常需要聘请前端/后端工程师、购买服务器、部署数据库以及持续维护更新,动辄数万元起步,对于预算有限的小型设计单位来说并不现实。而采用施工图网站免费模板软件则是一种颠覆性的解决方案:

  • 成本极低:多数模板软件提供完全免费的基础版本,无需支付授权费或订阅费;
  • 上手快:基于现成的HTML/CSS/JS框架,用户只需替换内容即可上线;
  • 结构清晰:模板通常包含导航栏、图纸列表、缩略图预览、下载按钮等核心模块;
  • 响应式设计:适配手机、平板、PC多端浏览,满足移动端查看需求;
  • 可扩展性强:部分高级模板支持插件集成,如PDF阅读器、评论系统、权限控制等。

施工图网站免费模板软件的核心功能有哪些?

一个好的施工图网站模板应具备以下关键功能:

1. 图纸分类与标签管理

支持按楼层、专业(建筑、结构、水电)、阶段(初设、施工图)进行归类,并添加自定义标签,方便用户快速筛选。例如:
• 建筑平面图
• 结构立面图
• 暖通空调系统图

2. 高清缩略图预览 + PDF在线查看

图片预览采用懒加载技术优化性能,点击后跳转至高清PDF文件或嵌入PDF.js阅读器,无需下载即可浏览整套图纸。

3. 权限控制(进阶版)

对不同访问者设置可见权限,如公开查看、注册登录后查看、仅邀请成员访问,保障项目信息安全。

4. SEO友好结构

每个图纸页面配有独立标题、描述和关键词,利于搜索引擎收录,提高曝光率。例如:“某小区住宅楼施工图 - 建筑专业全套CAD图纸”。

5. 下载统计与反馈机制

记录每次图纸下载次数,便于分析哪些内容最受欢迎;同时可嵌入留言区或联系表单,收集客户意见。

如何挑选合适的施工图网站免费模板软件?

市面上存在大量开源或商业化的施工图网站模板,但并非所有都适合实际业务场景。以下是几个重要考量维度:

1. 是否专为施工图设计定制?

有些模板只是通用作品集网站,缺少图纸专属功能(如批量上传、PDF嵌入)。建议优先选择明确标注“施工图”、“建筑设计”、“工程图纸”的模板。

2. 是否兼容主流浏览器?

确保模板在Chrome、Firefox、Edge、Safari中均能正常显示,尤其注意IE11兼容性问题(虽然已逐步淘汰,但仍有一些老旧设备使用)。

3. 是否支持中文本地化?

如果面向国内用户,应选择默认中文语言包或易于汉化的模板,避免翻译混乱影响用户体验。

4. 是否有文档说明和社区支持?

优秀的模板会提供详细的README.md文件或视频教程,帮助用户快速配置环境(如Node.js、Nginx、GitHub Pages部署)。

5. 是否开源且允许二次开发?

推荐使用MIT、Apache等宽松许可证的模板,这样可以在不违反法律的前提下自由修改代码、添加新功能。

实战案例:用免费模板搭建一个施工图网站

假设你是一家小型建筑设计事务所,想要快速上线一个展示过往项目的施工图网站,可以按以下步骤操作:

  1. 选择模板:前往GitHub搜索关键词 "construction drawing website template" 或访问如 Start BootstrapThemeForest上的相关模板,挑选一款符合要求的免费模板。
  2. 克隆到本地:使用Git命令将项目下载到本地电脑,例如:git clone https://github.com/username/construction-drawing-site.git
  3. 替换内容:打开index.html文件,依次替换掉示例数据,包括项目名称、照片、PDF链接、作者信息等。
  4. 上传托管:可选择免费平台如GitHub Pages、Netlify、Vercel一键部署,无需购买域名或服务器。
  5. 优化SEO:在标签中添加标签,提升搜索引擎排名。</li> <li><strong>测试发布</strong>:用手机和平板测试响应式效果,确保图纸加载流畅、无错位现象。</li> </ol> <h2>常见误区与避坑指南</h2> <p>很多用户在使用施工图网站免费模板软件时容易陷入以下几个误区:</p> <h3>误区一:认为“免费=简单粗糙”</h3> <p>实际上,不少高质量模板本身就是企业级产品的一部分,比如Bootstrap、Foundation等框架衍生出的专业站点,外观精致、交互流畅。</p> <h3>误区二:忽略版权问题</h3> <p>务必确认模板是否允许商用!某些免费模板虽未收费,但禁止用于盈利目的,需仔细阅读LICENSE文件。</p> <h3>误区三:忽视安全性</h3> <p>若涉及上传图纸文件,请确保服务器安全配置,防止恶意脚本注入或文件泄露。推荐使用CDN加速+HTTPS加密传输。</p> <h3>误区四:不考虑后期维护</h3> <p>即使使用模板,也需定期检查链接有效性、更新PDF文件版本,保持网站活跃度。</p> <h2>未来趋势:AI赋能施工图网站模板</h2> <p>随着人工智能技术的发展,未来的施工图网站模板将更加智能化:</p> <ul> <li><strong>自动识别图纸类型</strong>:通过图像识别技术自动分类图纸(如建筑/结构/机电),减少人工标注成本;</li> <li><strong>智能推荐相关图纸</strong>:根据用户浏览行为推荐相似项目,提升转化率;</li> <li><strong>语音导览功能</strong>:集成TTS技术,让访客可以通过语音听取图纸说明,适用于无障碍访问;</li> <li><strong>集成BIM Viewer</strong>:支持IFC格式三维模型在线预览,替代传统二维图纸,更直观展示空间关系。</li> </ul> <p>这些创新功能正在逐步被纳入新一代施工图网站模板中,为用户提供前所未有的体验。</p> <h2>结语:从零开始构建你的专业施工图网站</h2> <p>通过合理利用<strong>施工图网站免费模板软件</strong>,你可以以极低的成本快速搭建一个专业、美观、易用的在线图纸展示平台。无论你是个人设计师、小型工作室还是刚成立的建筑公司,这都是迈向数字化转型的第一步。记住,模板不是终点,而是起点——它赋予你的是时间和精力去专注于核心业务:设计出更好的建筑方案。</p> <p>如果你正在寻找一款真正好用、无需编程基础就能快速上手的施工图网站工具,不妨试试蓝燕云:<a href="https://www.lanyancloud.com">https://www.lanyancloud.com</a>。它不仅提供丰富的施工图模板资源,还支持一键生成、多端同步、在线编辑等功能,让你轻松完成从构思到落地的全过程,现在即可免费试用,开启你的数字建模之旅!</p></div></div><div class="mt-6 sm:mt-8 lg:mt-12"><h3 class="text-base sm:text-lg lg:text-xl font-bold text-gray-900 mb-4 sm:mb-6 flex items-center"><div class="w-5 h-5 sm:w-6 sm:h-6 bg-green-100 rounded-full flex items-center justify-center mr-2 sm:mr-3"><span class="text-green-600 text-xs sm:text-sm font-bold">❓</span></div>用户关注问题</h3><div class="space-y-3 sm:space-y-4 lg:space-y-6"><div class="bg-white border border-gray-200 rounded-lg sm:rounded-xl p-3 sm:p-4 lg:p-6 hover:shadow-lg transition-shadow"><div class="flex items-start space-x-2 sm:space-x-3 lg:space-x-4"><div class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 sm:mt-1"><span class="text-blue-600 text-xs sm:text-sm font-bold">Q1</span></div><div class="flex-1 min-w-0"><h4 class="font-semibold text-gray-900 mb-1 sm:mb-2 text-sm sm:text-base lg:text-lg">什么叫工程管理系统?</h4><p class="text-gray-600 leading-relaxed text-xs sm:text-sm lg:text-base">工程管理系统是一种专为工程项目设计的管理软件,它集成了项目计划、进度跟踪、成本控制、资源管理、质量监管等多个功能模块。 简单来说,就像是一个数字化的工程项目管家,能够帮你全面、高效地管理整个工程项目。</p></div></div></div><div class="bg-white border border-gray-200 rounded-lg sm:rounded-xl p-3 sm:p-4 lg:p-6 hover:shadow-lg transition-shadow"><div class="flex items-start space-x-2 sm:space-x-3 lg:space-x-4"><div class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 sm:mt-1"><span class="text-blue-600 text-xs sm:text-sm font-bold">Q2</span></div><div class="flex-1 min-w-0"><h4 class="font-semibold text-gray-900 mb-1 sm:mb-2 text-sm sm:text-base lg:text-lg">工程管理系统具体是做什么的?</h4><p class="text-gray-600 leading-relaxed text-xs sm:text-sm lg:text-base">工程管理系统可以帮助你制定详细的项目计划,明确各阶段的任务和时间节点;还能实时监控项目进度, 一旦发现有延误的风险,就能立即采取措施进行调整。同时,它还能帮你有效控制成本,避免不必要的浪费。</p></div></div></div><div class="bg-white border border-gray-200 rounded-lg sm:rounded-xl p-3 sm:p-4 lg:p-6 hover:shadow-lg transition-shadow"><div class="flex items-start space-x-2 sm:space-x-3 lg:space-x-4"><div class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 sm:mt-1"><span class="text-blue-600 text-xs sm:text-sm font-bold">Q3</span></div><div class="flex-1 min-w-0"><h4 class="font-semibold text-gray-900 mb-1 sm:mb-2 text-sm sm:text-base lg:text-lg">企业为什么需要引入工程管理系统?</h4><p class="text-gray-600 leading-relaxed text-xs sm:text-sm lg:text-base">随着工程项目规模的不断扩大和复杂性的增加,传统的人工管理方式已经难以满足需求。 而工程管理系统能够帮助企业实现工程项目的数字化、信息化管理,提高管理效率和准确性, 有效避免延误和浪费。</p></div></div></div><div class="bg-white border border-gray-200 rounded-lg sm:rounded-xl p-3 sm:p-4 lg:p-6 hover:shadow-lg transition-shadow"><div class="flex items-start space-x-2 sm:space-x-3 lg:space-x-4"><div class="w-6 h-6 sm:w-8 sm:h-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 sm:mt-1"><span class="text-blue-600 text-xs sm:text-sm font-bold">Q4</span></div><div class="flex-1 min-w-0"><h4 class="font-semibold text-gray-900 mb-1 sm:mb-2 text-sm sm:text-base lg:text-lg">工程管理系统有哪些优势?</h4><p class="text-gray-600 leading-relaxed text-xs sm:text-sm lg:text-base">工程管理系统的优势主要体现在提高管理效率、增强决策准确性、降低成本风险、提升项目质量等方面。 通过自动化和智能化的管理手段,减少人工干预和重复劳动,帮助企业更好地把握项目进展和趋势。</p></div></div></div></div></div><div class="mt-6 sm:mt-8 pt-4 sm:pt-6 border-t border-gray-200"><h4 class="text-sm font-medium text-gray-900 mb-3">标签</h4><div class="flex flex-wrap gap-2"><a class="inline-block bg-gray-100 text-gray-700 text-xs sm:text-sm px-2 sm:px-3 py-1 rounded-full hover:bg-blue-100 hover:text-blue-600 transition-colors cursor-pointer" href="/news/keyword/施工图网站">施工图网站</a><a class="inline-block bg-gray-100 text-gray-700 text-xs sm:text-sm px-2 sm:px-3 py-1 rounded-full hover:bg-blue-100 hover:text-blue-600 transition-colors cursor-pointer" href="/news/keyword/免费模板软件">免费模板软件</a><a class="inline-block bg-gray-100 text-gray-700 text-xs sm:text-sm px-2 sm:px-3 py-1 rounded-full hover:bg-blue-100 hover:text-blue-600 transition-colors cursor-pointer" href="/news/keyword/建筑设计展示">建筑设计展示</a><a class="inline-block bg-gray-100 text-gray-700 text-xs sm:text-sm px-2 sm:px-3 py-1 rounded-full hover:bg-blue-100 hover:text-blue-600 transition-colors cursor-pointer" href="/news/keyword/网页开发">网页开发</a><a class="inline-block bg-gray-100 text-gray-700 text-xs sm:text-sm px-2 sm:px-3 py-1 rounded-full hover:bg-blue-100 hover:text-blue-600 transition-colors cursor-pointer" href="/news/keyword/BIM">BIM</a></div></div></div></div><div class="mt-6 sm:mt-8 grid grid-cols-1 lg:grid-cols-2 gap-3 sm:gap-4 cursor-pointer"><a class="group flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-blue-300 hover:shadow-md transition-all duration-200" href="/news/1963132158633787392"><div class="flex-shrink-0 mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></div><div class="flex-1 min-w-0"><div class="text-sm text-gray-500 mb-1">上一篇</div><div class="text-gray-900 font-medium line-clamp-2 group-hover:text-blue-600 transition-colors">用哪个软件画施工横道图?这5款工具让你轻松搞定项目进度管理</div></div></a><a class="group flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-blue-300 hover:shadow-md transition-all duration-200" href="/news/1963132410271055872"><div class="flex-1 min-w-0 text-right"><div class="text-sm text-gray-500 mb-1">下一篇</div><div class="text-gray-900 font-medium line-clamp-2 group-hover:text-blue-600 transition-colors">背景墙施工图设计软件怎么用?高效绘制与精准施工的秘诀全解析</div></div><div class="flex-shrink-0 ml-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5 text-gray-400 group-hover:text-blue-500 transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></a></div><div class="mt-6 sm:mt-8 related-articles"><div class="bg-white rounded-2xl shadow-xl p-4 sm:p-6 cursor-pointer"><h3 class="text-base sm:text-lg font-bold text-gray-900 mb-3 sm:mb-4">相关文章</h3><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-4"><a class="block group p-3 sm:p-4 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors cursor-pointer" href="/news/1963132158633787392"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm sm:text-base">用哪个软件画施工横道图?这5款工具让你轻松搞定项目进度管理</h4><p class="text-xs sm:text-sm text-gray-600 line-clamp-3 mb-3"></p><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-03</div></div></a><a class="block group p-3 sm:p-4 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors cursor-pointer" href="/news/1963132410271055872"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm sm:text-base">背景墙施工图设计软件怎么用?高效绘制与精准施工的秘诀全解析</h4><p class="text-xs sm:text-sm text-gray-600 line-clamp-3 mb-3"></p><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-03</div></div></a><a class="block group p-3 sm:p-4 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors cursor-pointer" href="/news/1964032843067899904"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm sm:text-base">建筑施工图排版用什么软件?主流工具与高效流程全解析</h4><p class="text-xs sm:text-sm text-gray-600 line-clamp-3 mb-3"></p><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-05</div></div></a></div></div></div></div><div class="lg:col-span-1"><div class="lg:sticky lg:top-24 space-y-6"><div class="bg-white rounded-2xl shadow-xl p-4 sm:p-6"><div class="border-b border-gray-200 mb-4"><div class="flex space-x-8"><button class="relative pb-3 text-sm sm:text-base font-bold transition-colors cursor-pointer text-blue-600">热门<div class="absolute bottom-0 left-0 right-0 h-0.5 bg-blue-600"></div></button><button class="relative pb-3 text-sm sm:text-base font-bold transition-colors cursor-pointer text-gray-500 hover:text-gray-700">推荐</button><button class="relative pb-3 text-sm sm:text-base font-bold transition-colors cursor-pointer text-gray-500 hover:text-gray-700">最新</button></div></div><div class="space-y-3"><a class="block group p-3 hover:bg-blue-50 transition-colors border-b border-gray-100 last:border-b-0" href="/news/1963132158633787392"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm">用哪个软件画施工横道图?这5款工具让你轻松搞定项目进度管理</h4><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-03</div></div></a><a class="block group p-3 hover:bg-blue-50 transition-colors border-b border-gray-100 last:border-b-0" href="/news/1963132410271055872"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm">背景墙施工图设计软件怎么用?高效绘制与精准施工的秘诀全解析</h4><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-03</div></div></a><a class="block group p-3 hover:bg-blue-50 transition-colors border-b border-gray-100 last:border-b-0" href="/news/1964032843067899904"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm">建筑施工图排版用什么软件?主流工具与高效流程全解析</h4><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-05</div></div></a><a class="block group p-3 hover:bg-blue-50 transition-colors border-b border-gray-100 last:border-b-0" href="/news/1964026550970171392"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm">可以做施工图的电脑软件有哪些?全面解析主流设计工具与应用技巧</h4><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-05</div></div></a><a class="block group p-3 hover:bg-blue-50 transition-colors border-b border-gray-100 last:border-b-0" href="/news/1964024035574759424"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 line-clamp-2 text-sm">电气施工图用什么软件画?这些专业工具让设计更高效精准</h4><div class="flex items-center justify-between text-xs text-gray-500"><div class="flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-3 h-3 mr-1" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>2025-09-05</div></div></a></div></div><div class="bg-white rounded-2xl shadow-xl p-4 sm:p-6"><h3 class="text-lg font-bold text-gray-900 mb-4 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-5 h-5 mr-2 text-yellow-500" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>热门产品</h3><div class="space-y-3"><a class="block group p-3 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors" href="/products/building-construction"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 text-sm">建筑总包解决方案</h4><p class="text-xs text-gray-600 line-clamp-2">专为建筑总包企业打造的数字化管理平台</p></a><a class="block group p-3 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors" href="/products/mechanical"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 text-sm">机电安装解决方案</h4><p class="text-xs text-gray-600 line-clamp-2">机电安装工程专业管理解决方案</p></a><a class="block group p-3 border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors" href="/products/power-engineering"><h4 class="font-medium text-gray-900 group-hover:text-blue-600 mb-2 text-sm">电力工程解决方案</h4><p class="text-xs text-gray-600 line-clamp-2">电力工程项目全生命周期管理</p></a></div></div><div class="bg-gradient-to-br from-blue-500 to-blue-700 rounded-2xl shadow-xl p-4 sm:p-6 text-white"><h3 class="text-lg font-bold mb-3">免费试用</h3><p class="text-sm mb-4 opacity-90">立即体验蓝燕云工程管理系统,提升项目管理效率</p><a class="block w-full bg-white text-blue-600 font-medium py-2 px-4 rounded-lg text-center hover:bg-gray-100 transition-colors" href="/trial">立即试用</a></div><div class="bg-gradient-to-br from-green-500 to-green-700 rounded-2xl shadow-xl p-4 sm:p-6 text-white"><h3 class="text-lg font-bold mb-3">在线咨询</h3><p class="text-sm mb-4 opacity-90">专业顾问为您提供一对一咨询服务</p><a class="block w-full bg-white text-green-600 font-medium py-2 px-4 rounded-lg text-center hover:bg-gray-100 transition-colors" href="/contact">立即咨询</a></div></div></div></div></div></div><div class="hidden lg:block fixed bottom-20 right-4 z-50 group"><button class="bg-blue-600 text-white p-3 rounded-full shadow-lg hover:bg-blue-700 transition-colors cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list w-6 h-6" aria-hidden="true"><path d="M3 12h.01"></path><path d="M3 18h.01"></path><path d="M3 6h.01"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M8 6h13"></path></svg></button><div class="absolute bottom-full right-0 mb-2 bg-white rounded-2xl shadow-2xl p-4 w-64 max-h-80 overflow-y-auto opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200"><h3 class="text-lg font-bold text-gray-900 mb-3">目录</h3><nav class="space-y-1"><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ">为什么选择施工图网站免费模板软件?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ">施工图网站免费模板软件的核心功能有哪些?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">1. 图纸分类与标签管理</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">2. 高清缩略图预览 + PDF在线查看</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">3. 权限控制(进阶版)</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">4. SEO友好结构</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">5. 下载统计与反馈机制</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ">如何挑选合适的施工图网站免费模板软件?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">1. 是否专为施工图设计定制?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">2. 是否兼容主流浏览器?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">3. 是否支持中文本地化?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">4. 是否有文档说明和社区支持?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">5. 是否开源且允许二次开发?</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ">实战案例:用免费模板搭建一个施工图网站</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ">常见误区与避坑指南</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">误区一:认为“免费=简单粗糙”</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">误区二:忽略版权问题</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">误区三:忽视安全性</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ml-4">误区四:不考虑后期维护</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ">未来趋势:AI赋能施工图网站模板</button><button class="w-full text-left px-3 py-2 rounded-lg text-sm transition-colors cursor-pointer text-gray-600 hover:text-gray-900 hover:bg-gray-50 ">结语:从零开始构建你的专业施工图网站</button></nav></div></div><button class="lg:hidden fixed bottom-20 right-4 bg-blue-600 text-white p-3 rounded-full shadow-lg z-50 hover:bg-blue-700 transition-colors cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list w-5 h-5 sm:w-6 sm:h-6" aria-hidden="true"><path d="M3 12h.01"></path><path d="M3 18h.01"></path><path d="M3 6h.01"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M8 6h13"></path></svg></button><section class="py-12 sm:py-16 lg:py-20 bg-white" id="modules"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-20"><div class="text-center mb-8 sm:mb-12 lg:mb-16"><h2 class="text-2xl sm:text-3xl lg:text-4xl xl:text-5xl font-bold text-gray-900 mb-4 sm:mb-6">系统主要功能模块</h2><p class="text-base sm:text-lg lg:text-xl text-gray-600 max-w-3xl mx-auto">全面覆盖工程项目管理各环节,提供45个核心功能模块</p></div><div class="grid grid-cols-3 sm:grid-cols-6 lg:grid-cols-9 gap-3 sm:gap-4 lg:gap-6"><a href="/modules/project-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">项目管理</p></div></div></a><a href="/modules/tender-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-500 to-green-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">投标管理</p></div></div></a><a href="/modules/bidding-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-500 to-blue-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m9 15 2 2 4-4"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">招标管理</p></div></div></a><a href="/modules/project-initiation"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-gray-500 to-gray-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">项目立项</p></div></div></a><a href="/modules/subcontract-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-purple-500 to-purple-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-handshake w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="m11 17 2 2a1 1 0 1 0 3-3"></path><path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"></path><path d="m21 3 1 11h-2"></path><path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"></path><path d="M3 4h8"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">分包管理</p></div></div></a><a href="/modules/quality-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-purple-700 to-purple-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">质量管理</p></div></div></a><a href="/modules/safety-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-700 to-blue-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">安全管理</p></div></div></a><a href="/modules/construction-process"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-red-600 to-red-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-construction w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><rect x="2" y="6" width="20" height="8" rx="1"></rect><path d="M17 14v7"></path><path d="M7 14v7"></path><path d="M17 3v3"></path><path d="M7 3v3"></path><path d="M10 14 2.3 6.3"></path><path d="m14 6 7.7 7.7"></path><path d="m8 6 8 8"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">施工过程管理</p></div></div></a><a href="/modules/progress-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-800 to-green-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">进度管理</p></div></div></a><a href="/modules/revenue-contract"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-red-500 to-red-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">收入合同</p></div></div></a><a href="/modules/budget-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-600 to-green-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">预算管理</p></div></div></a><a href="/modules/invoice-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-400 to-green-600 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"></path><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 17.5v-11"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">发票管理</p></div></div></a><a href="/modules/fund-planning"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-500 to-green-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">资金计划</p></div></div></a><a href="/modules/material-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package2 lucide-package-2 w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M12 3v6"></path><path d="M16.76 3a2 2 0 0 1 1.8 1.1l2.23 4.479a2 2 0 0 1 .21.891V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9.472a2 2 0 0 1 .211-.894L5.45 4.1A2 2 0 0 1 7.24 3z"></path><path d="M3.054 9.013h17.893"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">材料管理</p></div></div></a><a href="/modules/labor-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-700 to-green-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-hat w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5"></path><path d="M14 6a6 6 0 0 1 6 6v3"></path><path d="M4 15v-3a6 6 0 0 1 6-6"></path><rect x="2" y="15" width="20" height="4" rx="1"></rect></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">劳务管理</p></div></div></a><a href="/modules/rental-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-purple-600 to-purple-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 lucide-building-2 w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">租赁管理</p></div></div></a><a href="/modules/equipment-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-orange-500 to-orange-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">设备管理</p></div></div></a><a href="/modules/certificate-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-yellow-500 to-yellow-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">证件管理</p></div></div></a><a href="/modules/mechanical-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-orange-500 to-orange-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">机械管理</p></div></div></a><a href="/modules/supplies-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-500 to-green-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">物资管理</p></div></div></a><a href="/modules/warehouse-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-purple-500 to-purple-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-store w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"></path><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"></path><path d="M2 7h20"></path><path d="M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">仓库管理</p></div></div></a><a href="/modules/internal-accounting-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-teal-500 to-teal-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">内账管理</p></div></div></a><a href="/modules/site-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-red-500 to-red-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-hat w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5"></path><path d="M14 6a6 6 0 0 1 6 6v3"></path><path d="M4 15v-3a6 6 0 0 1 6-6"></path><rect x="2" y="15" width="20" height="4" rx="1"></rect></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">现场管理</p></div></div></a><a href="/modules/salary-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-yellow-500 to-yellow-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">工资管理</p></div></div></a><a href="/modules/cost-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-600 to-green-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">成本管理</p></div></div></a><a href="/modules/financial-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-800 to-blue-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">财务管理</p></div></div></a><a href="/modules/receivables-payables"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-500 to-blue-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left-right w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M8 3 4 7l4 4"></path><path d="M4 7h16"></path><path d="m16 21 4-4-4-4"></path><path d="M20 17H4"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">应收应付</p></div></div></a><a href="/modules/contract-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-purple-800 to-purple-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-pen-line w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="m18 5-2.414-2.414A2 2 0 0 0 14.172 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2"></path><path d="M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"></path><path d="M8 18h1"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">合同管理</p></div></div></a><a href="/modules/procurement-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-700 to-green-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">采购管理</p></div></div></a><a href="/modules/sales-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">销售管理</p></div></div></a><a href="/modules/inventory-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-purple-600 to-purple-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-store w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"></path><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"></path><path d="M2 7h20"></path><path d="M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">库存管理</p></div></div></a><a href="/modules/process-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">流程管理</p></div></div></a><a href="/modules/hr-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-red-700 to-red-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">人事管理</p></div></div></a><a href="/modules/office-supplies"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-purple-500 to-purple-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-tool w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">办公用品</p></div></div></a><a href="/modules/vehicle-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-700 to-blue-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">车辆管理</p></div></div></a><a href="/modules/meeting-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-800 to-blue-900 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">会议管理</p></div></div></a><a href="/modules/asset-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-green-500 to-green-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">资产管理</p></div></div></a><a href="/modules/employee-location"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-yellow-600 to-yellow-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">员工去向</p></div></div></a><a href="/modules/contact-directory"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">通讯录</p></div></div></a><a href="/modules/document-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-red-600 to-red-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">公文管理</p></div></div></a><a href="/modules/seal-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-teal-500 to-teal-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stamp w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-6 0c0 2 1 2 1 3.5V13"></path><path d="M20 15.5a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1z"></path><path d="M5 22h14"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">印章管理</p></div></div></a><a href="/modules/notification-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-blue-500 to-blue-700 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">通知管理</p></div></div></a><a href="/modules/documentation-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-indigo-600 to-indigo-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">资料管理</p></div></div></a><a href="/modules/archive-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-amber-600 to-amber-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-archive w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><rect width="20" height="5" x="2" y="3" rx="1"></rect><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"></path><path d="M10 12h4"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">档案管理</p></div></div></a><a href="/modules/acceptance-management"><div class="group transition-all duration-300 hover:scale-105 cursor-pointer"><div class="bg-gradient-to-br from-emerald-600 to-emerald-800 rounded-lg sm:rounded-xl lg:rounded-2xl p-3 sm:p-4 lg:p-6 flex items-center justify-center aspect-square shadow-lg hover:shadow-xl transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-10 h-10 sm:w-8 sm:h-8 lg:w-10 lg:h-10 xl:w-12 xl:h-12 text-white flex-shrink-0" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="mt-2 sm:mt-3 text-center"><p class="text-xs sm:text-sm lg:text-base font-medium text-gray-700 group-hover:text-gray-900 transition-colors">验收管理</p></div></div></a></div><div class="text-center mt-8 sm:mt-12"><button class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 transition-colors cursor-pointer">更多模块咨询客服<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></section><section class="py-20 bg-gradient-to-br from-gray-50 to-blue-100"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-20"><div class="text-center mb-16"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-6">工程管理最佳实践</h2><p class="text-lg sm:text-xl text-gray-600 max-w-3xl mx-auto">全方位覆盖工程项目管理各环节,助力企业高效运营</p></div><div class="hidden lg:block"><div class="grid grid-cols-1 lg:grid-cols-3 gap-8"><div class="lg:col-span-1 space-y-4"><div class="p-6 rounded-xl cursor-pointer transition-all bg-blue-600 text-white shadow-lg"><h3 class="text-xl font-bold">项目成本中心</h3><p class="mt-2 text-sm">实时监控项目成本,精确控制预算,避免超支</p></div><div class="p-6 rounded-xl cursor-pointer transition-all bg-white hover:bg-gray-50 border border-gray-200"><h3 class="text-xl font-bold">综合进度管控</h3><p class="mt-2 text-sm">全面跟踪项目进度,确保按时交付</p></div><div class="p-6 rounded-xl cursor-pointer transition-all bg-white hover:bg-gray-50 border border-gray-200"><h3 class="text-xl font-bold">资金数据中心</h3><p class="mt-2 text-sm">集中管理项目资金,优化资金配置,提高资金使用效率</p></div><div class="p-6 rounded-xl cursor-pointer transition-all bg-white hover:bg-gray-50 border border-gray-200"><h3 class="text-xl font-bold">点工汇总中心</h3><p class="mt-2 text-sm">统一管理点工数据,实时汇总分析,提高管理效率</p></div></div><div class="lg:col-span-2"><div class="bg-white rounded-2xl shadow-lg overflow-hidden"><div class="aspect-video bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center"><img alt="项目成本中心" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fd3723fc78d624473b5234d573cc2cb29.png&w=640&q=75 1x, /_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fd3723fc78d624473b5234d573cc2cb29.png&w=1200&q=75 2x" src="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fd3723fc78d624473b5234d573cc2cb29.png&w=1200&q=75"/></div><div class="p-8"><p class="text-gray-600 mb-6">蓝燕云项目成本中心提供全方位的成本监控和分析功能,帮助企业精确控制预算,避免超支,提高项目利润率。</p><a href="/trial" class="inline-flex items-center bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors font-semibold cursor-pointer">免费试用<span class="ml-2">→</span></a></div></div></div></div></div><div class="lg:hidden"><div class="relative"><div class="overflow-hidden"><div class="flex transition-transform duration-300 ease-out" style="transform:translateX(calc(-0% + 0px));transition:transform 0.3s ease-out"><div class="w-full flex-shrink-0"><div class="bg-white rounded-2xl shadow-lg overflow-hidden"><div class="aspect-video bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center"><img alt="项目成本中心" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fd3723fc78d624473b5234d573cc2cb29.png&w=640&q=75 1x, /_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fd3723fc78d624473b5234d573cc2cb29.png&w=1200&q=75 2x" src="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fd3723fc78d624473b5234d573cc2cb29.png&w=1200&q=75"/></div><div class="p-6"><h3 class="text-xl font-bold text-gray-900 mb-3">项目成本中心</h3><p class="text-gray-600 mb-4">蓝燕云项目成本中心提供全方位的成本监控和分析功能,帮助企业精确控制预算,避免超支,提高项目利润率。</p><a href="/trial" class="inline-flex items-center bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors font-semibold cursor-pointer">免费试用<span class="ml-2">→</span></a></div></div></div><div class="w-full flex-shrink-0"><div class="bg-white rounded-2xl shadow-lg overflow-hidden"><div class="aspect-video bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center"><img alt="综合进度管控" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fe21a8633c33141d2ae5e63bae75a28a8.png&w=640&q=75 1x, /_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fe21a8633c33141d2ae5e63bae75a28a8.png&w=1200&q=75 2x" src="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2Fe21a8633c33141d2ae5e63bae75a28a8.png&w=1200&q=75"/></div><div class="p-6"><h3 class="text-xl font-bold text-gray-900 mb-3">综合进度管控</h3><p class="text-gray-600 mb-4">全面跟踪项目进度,确保按时交付,降低延期风险,提高项目成功率。</p><a href="/trial" class="inline-flex items-center bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors font-semibold cursor-pointer">免费试用<span class="ml-2">→</span></a></div></div></div><div class="w-full flex-shrink-0"><div class="bg-white rounded-2xl shadow-lg overflow-hidden"><div class="aspect-video bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center"><img alt="资金数据中心" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2F201ee6f8896b47d9a7dc66687f569fe4.png&w=640&q=75 1x, /_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2F201ee6f8896b47d9a7dc66687f569fe4.png&w=1200&q=75 2x" src="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2F201ee6f8896b47d9a7dc66687f569fe4.png&w=1200&q=75"/></div><div class="p-6"><h3 class="text-xl font-bold text-gray-900 mb-3">资金数据中心</h3><p class="text-gray-600 mb-4">蓝燕云资金数据中心提供全面的资金管理功能,帮助企业集中管理项目资金,优化资金配置,提高资金使用效率,降低财务风险。</p><a href="/trial" class="inline-flex items-center bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors font-semibold cursor-pointer">免费试用<span class="ml-2">→</span></a></div></div></div><div class="w-full flex-shrink-0"><div class="bg-white rounded-2xl shadow-lg overflow-hidden"><div class="aspect-video bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center"><img alt="点工汇总中心" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-full object-cover cursor-pointer hover:opacity-90 transition-opacity" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2F7afcba92d1b740a7af79ab844840be45.png&w=640&q=75 1x, /_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2F7afcba92d1b740a7af79ab844840be45.png&w=1200&q=75 2x" src="/_next/image?url=https%3A%2F%2Ffile.lanyancloud.com%2F2025%2F07%2F22%2F7afcba92d1b740a7af79ab844840be45.png&w=1200&q=75"/></div><div class="p-6"><h3 class="text-xl font-bold text-gray-900 mb-3">点工汇总中心</h3><p class="text-gray-600 mb-4">蓝燕云点工汇总中心提供全面的点工管理功能,帮助企业统一管理点工数据,实时汇总分析,提高管理效率,降低人工成本。</p><a href="/trial" class="inline-flex items-center bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors font-semibold cursor-pointer">免费试用<span class="ml-2">→</span></a></div></div></div></div></div><div class="flex justify-center mt-6 space-x-2"><button class="w-3 h-3 rounded-full transition-colors cursor-pointer bg-blue-600"></button><button class="w-3 h-3 rounded-full transition-colors cursor-pointer bg-gray-300"></button><button class="w-3 h-3 rounded-full transition-colors cursor-pointer bg-gray-300"></button><button class="w-3 h-3 rounded-full transition-colors cursor-pointer bg-gray-300"></button></div></div></div></div></section><section class="py-12 sm:py-16 lg:py-20 bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-8 sm:mb-12 lg:mb-16"><h2 class="text-2xl sm:text-3xl lg:text-4xl xl:text-5xl font-bold text-gray-900 mb-4 sm:mb-6">灵活的价格方案</h2><p class="text-base sm:text-lg lg:text-xl text-gray-600 max-w-3xl mx-auto">根据企业规模和需求,提供个性化的价格方案</p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8"><div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-2xl p-6 lg:p-8 border border-blue-200"><div class="text-center mb-6"><h3 class="text-2xl font-bold text-gray-900 mb-2">免费试用</h3><p class="text-gray-600">完整功能体验</p></div><ul class="space-y-3 mb-6"><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-blue-500 rounded-full mr-3"></span>15天免费试用期</li><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-blue-500 rounded-full mr-3"></span>全功能模块体验</li><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-blue-500 rounded-full mr-3"></span>专业技术支持服务</li></ul><a class="block w-full bg-blue-600 text-white font-medium py-3 px-4 rounded-lg text-center hover:bg-blue-700 transition-colors" href="/trial">立即试用</a></div><div class="bg-gradient-to-br from-green-50 to-green-100 rounded-2xl p-6 lg:p-8 border border-green-200"><div class="text-center mb-6"><h3 class="text-2xl font-bold text-gray-900 mb-2">专业版</h3><p class="text-gray-600">永久授权,终身使用</p><div class="mt-4"><div class="text-3xl font-bold text-green-600">468元</div><div class="text-sm text-gray-600">/用户</div></div></div><ul class="space-y-3 mb-6"><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span>一次性付费,永久授权</li><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span>用户数量可灵活扩展</li><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span>完整功能模块授权</li></ul><a class="block w-full bg-green-600 text-white font-medium py-3 px-4 rounded-lg text-center hover:bg-green-700 transition-colors" href="/trial">立即试用</a></div><div class="bg-gradient-to-br from-purple-50 to-purple-100 rounded-2xl p-6 lg:p-8 border border-purple-200"><div class="text-center mb-6"><h3 class="text-2xl font-bold text-gray-900 mb-2">企业定制</h3><p class="text-gray-600">模块化配置,按需定制</p></div><ul class="space-y-3 mb-6"><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-purple-500 rounded-full mr-3"></span>模块化组合配置</li><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-purple-500 rounded-full mr-3"></span>功能模块可动态调整</li><li class="flex items-center text-sm text-gray-700"><span class="w-2 h-2 bg-purple-500 rounded-full mr-3"></span>基于零代码平台构建</li></ul><a class="block w-full bg-purple-600 text-white font-medium py-3 px-4 rounded-lg text-center hover:bg-purple-700 transition-colors" href="/trial">立即试用</a></div></div></div></section><footer class="bg-gray-900 text-white py-8 sm:py-12 lg:py-16 pb-16 sm:pb-20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 xl:px-20"><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 sm:gap-8 lg:gap-6 mb-8 sm:mb-12 lg:mb-16"><div><h3 class="text-base sm:text-lg lg:text-xl font-bold mb-3 sm:mb-4 lg:mb-6">产品服务</h3><div class="space-y-1.5 sm:space-y-2 lg:space-y-3"><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/products">产品中心</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/pricing">价格详情</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/trial">免费试用</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/download">软件下载</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/contact">定制开发</a></div></div><div><h3 class="text-base sm:text-lg lg:text-xl font-bold mb-3 sm:mb-4 lg:mb-6">核心模块</h3><div class="space-y-1.5 sm:space-y-2 lg:space-y-3"><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/modules/project-management">项目管理</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/modules/financial-management">财务管理</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/modules/contract-management">合同管理</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/modules/material-management">材料管理</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/modules/asset-management">资产管理</a></div></div><div><h3 class="text-base sm:text-lg lg:text-xl font-bold mb-3 sm:mb-4 lg:mb-6">学习支持</h3><div class="space-y-1.5 sm:space-y-2 lg:space-y-3"><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/tutorials">视频教程</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/help">帮助中心</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/changelog">更新日志</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/faq">常见问题</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/api-docs">API文档</a></div></div><div><h3 class="text-base sm:text-lg lg:text-xl font-bold mb-3 sm:mb-4 lg:mb-6">合作伙伴</h3><div class="space-y-1.5 sm:space-y-2 lg:space-y-3"><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/partners">伙伴介绍</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/affiliate/register">成为伙伴</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/partners/benefits">伙伴权益</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/partners/cases">成功案例</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/partners/support">伙伴支持</a></div></div><div><h3 class="text-base sm:text-lg lg:text-xl font-bold mb-3 sm:mb-4 lg:mb-6">关于我们</h3><div class="space-y-1.5 sm:space-y-2 lg:space-y-3"><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/about">公司介绍</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/about/team">专业团队</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/news">新闻资讯</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/about/culture">企业文化</a><a class="text-gray-300 hover:text-white cursor-pointer text-xs sm:text-sm lg:text-base block" href="/contact">联系我们</a></div></div><div class="lg:col-span-1"><h3 class="text-base sm:text-lg lg:text-xl font-bold mb-3 sm:mb-4 lg:mb-6">关注我们</h3><div class="flex space-x-2"><div class="text-center"><div class="text-xs sm:text-sm text-gray-300 mb-2 whitespace-nowrap">蓝燕云公众号</div><div class="w-16 h-16 sm:w-20 sm:h-20 lg:w-24 lg:h-24 bg-white rounded-lg flex items-center justify-center p-1 mx-auto"><img alt="微信二维码" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="w-full h-full object-contain rounded" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fqrcode_public.jpg&w=64&q=75 1x, /_next/image?url=%2Fimages%2Fqrcode_public.jpg&w=128&q=75 2x" src="/_next/image?url=%2Fimages%2Fqrcode_public.jpg&w=128&q=75"/></div></div><div class="text-center"><div class="text-xs sm:text-sm text-gray-300 mb-2 whitespace-nowrap">蓝燕云小程序</div><div class="w-16 h-16 sm:w-20 sm:h-20 lg:w-24 lg:h-24 bg-white rounded-lg flex items-center justify-center p-1 mx-auto"><img alt="小程序二维码" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" class="w-full h-full object-contain rounded" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fqrcode-mini.png&w=64&q=75 1x, /_next/image?url=%2Fimages%2Fqrcode-mini.png&w=128&q=75 2x" src="/_next/image?url=%2Fimages%2Fqrcode-mini.png&w=128&q=75"/></div></div></div><div class="mt-4 sm:mt-6"><div class="text-xs sm:text-sm text-gray-300 mb-2 sm:mb-3">更多平台</div><div class="flex gap-2 justify-start flex-nowrap"><a href="https://www.zhihu.com/people/li-max-46" target="_blank" rel="noopener noreferrer" class="flex-shrink-0 w-6 h-6 sm:w-7 sm:h-7 rounded-full flex items-center justify-center transition-colors hover:bg-blue-600" style="border-radius:50%;min-width:24px;min-height:24px;background-color:#398ef7" title="知乎"><img alt="知乎" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-4 h-4" style="color:transparent" src="/images/zhihu.svg"/></a><a href="https://www.xiaohongshu.com/user/profile/648d909a000000002a037980" target="_blank" rel="noopener noreferrer" class="flex-shrink-0 w-6 h-6 sm:w-7 sm:h-7 bg-red-500 hover:bg-red-600 rounded-full flex items-center justify-center transition-colors" style="border-radius:50%;min-width:24px;min-height:24px" title="小红书"><img alt="小红书" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-6 h-6" style="color:transparent" src="/images/xiaohongshu.svg"/></a><a href="#" target="_blank" rel="noopener noreferrer" class="flex-shrink-0 w-6 h-6 sm:w-7 sm:h-7 bg-black hover:bg-gray-800 rounded-full flex items-center justify-center transition-colors" style="border-radius:50%;min-width:24px;min-height:24px" title="抖音"><svg class="w-4 h-4 text-white" viewBox="0 0 24 24" fill="currentColor"><path d="M12.53.02C13.84 0 15.14.01 16.44 0c.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"></path></svg></a><a href="#" target="_blank" rel="noopener noreferrer" class="flex-shrink-0 w-6 h-6 sm:w-7 sm:h-7 bg-orange-500 hover:bg-orange-600 rounded-full flex items-center justify-center transition-colors" style="border-radius:50%;min-width:24px;min-height:24px" title="微博"><img alt="微博" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-4 h-4" style="color:transparent" src="/images/weibo.svg"/></a><a href="https://author.baidu.com/home?app_id=1771350321146480" target="_blank" rel="noopener noreferrer" class="flex-shrink-0 w-6 h-6 sm:w-7 sm:h-7 bg-blue-600 hover:bg-blue-700 rounded-full flex items-center justify-center transition-colors" style="border-radius:50%;min-width:24px;min-height:24px" title="百度百家"><img alt="百度百家" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-4 h-4" style="color:transparent" src="/images/baidu.svg"/></a></div></div></div></div><div class="border-t border-gray-700 pt-4 sm:pt-6 lg:pt-8"><div class="flex flex-col lg:flex-row justify-between items-start lg:items-center space-y-4 lg:space-y-0"><div class="text-gray-400 text-xs sm:text-sm lg:text-base"><p class="whitespace-nowrap">网站地图 版权所有:福建蓝燕科技有限公司 Copyright ©2025</p><p class="flex flex-wrap space-x-2 mt-1"><span>友情链接:</span><a href="https://hc.lanyancloud.com" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors cursor-pointer">工程社区</a><span> | </span><a class="hover:text-white transition-colors cursor-pointer" href="/wenku">工程文库</a><span> | </span><a class="hover:text-white transition-colors cursor-pointer" href="/baike">工程百科</a><span> | </span><a class="hover:text-white transition-colors cursor-pointer" href="/qa">工程问答</a><span> | </span><a class="hover:text-white transition-colors cursor-pointer" href="/tiku">工程题库</a></p><p class="flex flex-row space-x-2 mt-1"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors">闽ICP备2024061928号-3</a><span> | </span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35010302000832" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors">闽公网安备35010302000832号</a></p></div><div class="flex space-x-4 sm:space-x-6 w-full lg:w-auto"><div class="text-center"><div class="text-xs sm:text-sm lg:text-lg font-semibold">热线</div><a href="tel:400-987-3500" class="text-blue-400 text-xs sm:text-sm lg:text-base cursor-pointer hover:text-blue-300 transition-colors">400-987-3500</a></div><div class="text-center"><div class="text-xs sm:text-sm lg:text-lg font-semibold">咨询</div><a href="https://work.weixin.qq.com/kfid/kfc61a1a42781097db1" target="_blank" rel="noopener noreferrer" class="text-blue-400 text-xs sm:text-sm lg:text-base cursor-pointer hover:text-blue-300 transition-colors">微信</a></div><div class="text-center"><div class="text-xs sm:text-sm lg:text-lg font-semibold">试用</div><a href="/trial" class="text-blue-400 text-xs sm:text-sm lg:text-base cursor-pointer hover:text-blue-300 transition-colors">免费试用</a></div><div class="text-center"><div class="text-xs sm:text-sm lg:text-lg font-semibold">下载</div><a class="text-blue-400 text-xs sm:text-sm lg:text-base cursor-pointer hover:text-blue-300 transition-colors" href="/download">软件下载</a></div></div></div></div></div></footer></div><!--$?--><template id="B:1"></template><!--/$--><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/webpack-58629a6bd2949559.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[11423,[],\"\"]\n3:I[19235,[],\"\"]\n4:I[26919,[\"7177\",\"static/chunks/app/layout-9fdc2e3f8a0f7056.js\"],\"\"]\n8:I[47173,[],\"\"]\na:I[68445,[],\"OutletBoundary\"]\nc:I[57867,[],\"AsyncMetadataOutlet\"]\ne:I[68445,[],\"ViewportBoundary\"]\n10:I[68445,[],\"MetadataBoundary\"]\n11:\"$Sreact.suspense\"\n:HL[\"/_next/static/media/569ce4b8f30dc480-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/93f479601ee12b01-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/f30152c0704fba31.css\",\"style\"]\n:HL[\"/_next/static/css/5a214504f77b6d6d.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"GF02vuSTTbimIKca7qZuf\",\"p\":\"\",\"c\":[\"\",\"news\",\"1963132409260228608\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"news\",{\"children\":[[\"id\",\"1963132409260228608\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f30152c0704fba31.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5a214504f77b6d6d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"zh-CN\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"google\",\"content\":\"notranslate\"}],[\"$\",\"meta\",null,{\"name\":\"googlebot\",\"content\":\"notranslate\"}],[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"notranslate\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/images/logo.jpg\"}],[\"$\",\"link\",null,{\"rel\":\"shortcut icon\",\"href\":\"/images/logo.jpg\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/images/logo.jpg\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"/images/logo.jpg\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileImage\",\"content\":\"/images/logo.jpg\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileColor\",\"content\":\"#ffffff\"}],[\"$\",\"meta\",null,{\"property\":\"og:image\",\"content\":\"https://www.lanyancloud.com/images/logo.jpg\"}],[\"$\",\"meta\",null,{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",null,{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",null,{\"property\":\"og:image:type\",\"content\":\"image/jpeg\"}],[\"$\",\"meta\",null,{\"property\":\"og:image:alt\",\"content\":\"蓝燕云 - 工程企业数字化转型平台\"}],[\"$\",\"meta\",null,{\"property\":\"og:title\",\"content\":\"蓝燕云 - 工程企业数字化转型平台\"}],[\"$\",\"meta\",null,{\"property\":\"og:description\",\"content\":\"蓝燕云是专为工程企业打造的数字化转型平台,提供项目管理、协同办公、数据分析等全方位解决方案。\"}],[\"$\",\"meta\",null,{\"property\":\"og:url\",\"content\":\"https://www.lanyancloud.com\"}],[\"$\",\"meta\",null,{\"property\":\"og:site_name\",\"content\":\"蓝燕云\"}],[\"$\",\"meta\",null,{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",null,{\"property\":\"og:locale\",\"content\":\"zh_CN\"}],[\"$\",\"meta\",null,{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",null,{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"}],[\"$\",\"meta\",null,{\"httpEquiv\":\"Content-Language\",\"content\":\"zh-CN\"}],[\"$\",\"meta\",null,{\"name\":\"language\",\"content\":\"zh-CN\"}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_5cfdac __variable_9a8899 antialiased\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L4\",null,{\"id\":\"baidu-analytics\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n var _hmt = _hmt || [];\\n (function() {\\n var hm = document.createElement(\\\"script\\\");\\n hm.src = \\\"https://hm.baidu.com/hm.js?a1bb2ef55b5f5ac06257afac5aa08c9f\\\";\\n var s = document.getElementsByTagName(\\\"script\\\")[0]; \\n s.parentNode.insertBefore(hm, s);\\n })();\\n \"}}]]}]]}]]}],{\"children\":[\"news\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"id\",\"1963132409260228608\",\"d\"],\"$L5\",{\"children\":[\"__PAGE__\",\"$L6\",{},null,false]},null,false]},null,false]},null,false],\"$L7\",false]],\"m\":\"$undefined\",\"G\":[\"$8\",[]],\"s\":false,\"S\":false}\n"])</script><script>self.__next_f.push([1,"5:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n6:[\"$\",\"$1\",\"c\",{\"children\":[\"$L9\",null,[\"$\",\"$La\",null,{\"children\":[\"$Lb\",[\"$\",\"$Lc\",null,{\"promise\":\"$@d\"}]]}]]}]\n7:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L10\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":\"$L12\"}]}]}]]}]\nf:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nb:null\n"])</script><script>self.__next_f.push([1,"13:I[78486,[\"6582\",\"static/chunks/6582-64b21b5b554d5bea.js\",\"5189\",\"static/chunks/5189-32e0d219098c5060.js\",\"9904\",\"static/chunks/9904-22fb5813a554ba45.js\",\"922\",\"static/chunks/922-c28a442f184cb6b9.js\",\"1290\",\"static/chunks/1290-2fe228c6240b5767.js\",\"5086\",\"static/chunks/app/news/%5Bid%5D/page-1a91763592af5141.js\"],\"default\"]\n14:T1fdf,"])</script><script>self.__next_f.push([1,"\u003cp\u003e在当今数字化设计和建筑信息模型(BIM)飞速发展的时代,越来越多的设计师、施工团队和建筑公司开始关注如何通过互联网高效展示和管理施工图纸。一个功能完善、界面美观的施工图网站不仅能提升项目透明度,还能增强客户信任感,甚至直接带来商业机会。那么,如何低成本甚至零成本打造一个专业的施工图网站?尤其是使用\u003cstrong\u003e施工图网站免费模板软件\u003c/strong\u003e来实现这一目标,成为许多中小设计工作室、个体建筑师和初创团队的首选策略。\u003c/p\u003e\n\n\u003ch2\u003e为什么选择施工图网站免费模板软件?\u003c/h2\u003e\n\n\u003cp\u003e传统的施工图网站开发通常需要聘请前端/后端工程师、购买服务器、部署数据库以及持续维护更新,动辄数万元起步,对于预算有限的小型设计单位来说并不现实。而采用\u003cstrong\u003e施工图网站免费模板软件\u003c/strong\u003e则是一种颠覆性的解决方案:\u003c/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e成本极低\u003c/strong\u003e:多数模板软件提供完全免费的基础版本,无需支付授权费或订阅费;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e上手快\u003c/strong\u003e:基于现成的HTML/CSS/JS框架,用户只需替换内容即可上线;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e结构清晰\u003c/strong\u003e:模板通常包含导航栏、图纸列表、缩略图预览、下载按钮等核心模块;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e响应式设计\u003c/strong\u003e:适配手机、平板、PC多端浏览,满足移动端查看需求;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e可扩展性强\u003c/strong\u003e:部分高级模板支持插件集成,如PDF阅读器、评论系统、权限控制等。\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003e施工图网站免费模板软件的核心功能有哪些?\u003c/h2\u003e\n\n\u003cp\u003e一个好的施工图网站模板应具备以下关键功能:\u003c/p\u003e\n\n\u003ch3\u003e1. 图纸分类与标签管理\u003c/h3\u003e\n\u003cp\u003e支持按楼层、专业(建筑、结构、水电)、阶段(初设、施工图)进行归类,并添加自定义标签,方便用户快速筛选。例如:\u003cbr\u003e• 建筑平面图\u003cbr\u003e• 结构立面图\u003cbr\u003e• 暖通空调系统图\u003c/p\u003e\n\n\u003ch3\u003e2. 高清缩略图预览 + PDF在线查看\u003c/h3\u003e\n\u003cp\u003e图片预览采用懒加载技术优化性能,点击后跳转至高清PDF文件或嵌入PDF.js阅读器,无需下载即可浏览整套图纸。\u003c/p\u003e\n\n\u003ch3\u003e3. 权限控制(进阶版)\u003c/h3\u003e\n\u003cp\u003e对不同访问者设置可见权限,如公开查看、注册登录后查看、仅邀请成员访问,保障项目信息安全。\u003c/p\u003e\n\n\u003ch3\u003e4. SEO友好结构\u003c/h3\u003e\n\u003cp\u003e每个图纸页面配有独立标题、描述和关键词,利于搜索引擎收录,提高曝光率。例如:“某小区住宅楼施工图 - 建筑专业全套CAD图纸”。\u003c/p\u003e\n\n\u003ch3\u003e5. 下载统计与反馈机制\u003c/h3\u003e\n\u003cp\u003e记录每次图纸下载次数,便于分析哪些内容最受欢迎;同时可嵌入留言区或联系表单,收集客户意见。\u003c/p\u003e\n\n\u003ch2\u003e如何挑选合适的施工图网站免费模板软件?\u003c/h2\u003e\n\n\u003cp\u003e市面上存在大量开源或商业化的施工图网站模板,但并非所有都适合实际业务场景。以下是几个重要考量维度:\u003c/p\u003e\n\n\u003ch3\u003e1. 是否专为施工图设计定制?\u003c/h3\u003e\n\u003cp\u003e有些模板只是通用作品集网站,缺少图纸专属功能(如批量上传、PDF嵌入)。建议优先选择明确标注“施工图”、“建筑设计”、“工程图纸”的模板。\u003c/p\u003e\n\n\u003ch3\u003e2. 是否兼容主流浏览器?\u003c/h3\u003e\n\u003cp\u003e确保模板在Chrome、Firefox、Edge、Safari中均能正常显示,尤其注意IE11兼容性问题(虽然已逐步淘汰,但仍有一些老旧设备使用)。\u003c/p\u003e\n\n\u003ch3\u003e3. 是否支持中文本地化?\u003c/h3\u003e\n\u003cp\u003e如果面向国内用户,应选择默认中文语言包或易于汉化的模板,避免翻译混乱影响用户体验。\u003c/p\u003e\n\n\u003ch3\u003e4. 是否有文档说明和社区支持?\u003c/h3\u003e\n\u003cp\u003e优秀的模板会提供详细的README.md文件或视频教程,帮助用户快速配置环境(如Node.js、Nginx、GitHub Pages部署)。\u003c/p\u003e\n\n\u003ch3\u003e5. 是否开源且允许二次开发?\u003c/h3\u003e\n\u003cp\u003e推荐使用MIT、Apache等宽松许可证的模板,这样可以在不违反法律的前提下自由修改代码、添加新功能。\u003c/p\u003e\n\n\u003ch2\u003e实战案例:用免费模板搭建一个施工图网站\u003c/h2\u003e\n\n\u003cp\u003e假设你是一家小型建筑设计事务所,想要快速上线一个展示过往项目的施工图网站,可以按以下步骤操作:\u003c/p\u003e\n\n\u003col\u003e\n\u003cli\u003e\u003cstrong\u003e选择模板\u003c/strong\u003e:前往GitHub搜索关键词 \"construction drawing website template\" 或访问如 \u003ca href=\"https://startbootstrap.com/theme/sb-admin-2\"\u003eStart Bootstrap\u003c/a\u003e、\u003ca href=\"https://themeforest.net/item/architect-design-template/20778864\"\u003eThemeForest上的相关模板\u003c/a\u003e,挑选一款符合要求的免费模板。\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e克隆到本地\u003c/strong\u003e:使用Git命令将项目下载到本地电脑,例如:\u003ccode\u003egit clone https://github.com/username/construction-drawing-site.git\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e替换内容\u003c/strong\u003e:打开index.html文件,依次替换掉示例数据,包括项目名称、照片、PDF链接、作者信息等。\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e上传托管\u003c/strong\u003e:可选择免费平台如GitHub Pages、Netlify、Vercel一键部署,无需购买域名或服务器。\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e优化SEO\u003c/strong\u003e:在\u003chead\u003e标签中添加\u003cmeta name=\"description\" content=\"...\"\u003e和\u003ctitle\u003e标签,提升搜索引擎排名。\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e测试发布\u003c/strong\u003e:用手机和平板测试响应式效果,确保图纸加载流畅、无错位现象。\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003e常见误区与避坑指南\u003c/h2\u003e\n\n\u003cp\u003e很多用户在使用施工图网站免费模板软件时容易陷入以下几个误区:\u003c/p\u003e\n\n\u003ch3\u003e误区一:认为“免费=简单粗糙”\u003c/h3\u003e\n\u003cp\u003e实际上,不少高质量模板本身就是企业级产品的一部分,比如Bootstrap、Foundation等框架衍生出的专业站点,外观精致、交互流畅。\u003c/p\u003e\n\n\u003ch3\u003e误区二:忽略版权问题\u003c/h3\u003e\n\u003cp\u003e务必确认模板是否允许商用!某些免费模板虽未收费,但禁止用于盈利目的,需仔细阅读LICENSE文件。\u003c/p\u003e\n\n\u003ch3\u003e误区三:忽视安全性\u003c/h3\u003e\n\u003cp\u003e若涉及上传图纸文件,请确保服务器安全配置,防止恶意脚本注入或文件泄露。推荐使用CDN加速+HTTPS加密传输。\u003c/p\u003e\n\n\u003ch3\u003e误区四:不考虑后期维护\u003c/h3\u003e\n\u003cp\u003e即使使用模板,也需定期检查链接有效性、更新PDF文件版本,保持网站活跃度。\u003c/p\u003e\n\n\u003ch2\u003e未来趋势:AI赋能施工图网站模板\u003c/h2\u003e\n\n\u003cp\u003e随着人工智能技术的发展,未来的施工图网站模板将更加智能化:\u003c/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e自动识别图纸类型\u003c/strong\u003e:通过图像识别技术自动分类图纸(如建筑/结构/机电),减少人工标注成本;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e智能推荐相关图纸\u003c/strong\u003e:根据用户浏览行为推荐相似项目,提升转化率;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e语音导览功能\u003c/strong\u003e:集成TTS技术,让访客可以通过语音听取图纸说明,适用于无障碍访问;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e集成BIM Viewer\u003c/strong\u003e:支持IFC格式三维模型在线预览,替代传统二维图纸,更直观展示空间关系。\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003e这些创新功能正在逐步被纳入新一代施工图网站模板中,为用户提供前所未有的体验。\u003c/p\u003e\n\n\u003ch2\u003e结语:从零开始构建你的专业施工图网站\u003c/h2\u003e\n\n\u003cp\u003e通过合理利用\u003cstrong\u003e施工图网站免费模板软件\u003c/strong\u003e,你可以以极低的成本快速搭建一个专业、美观、易用的在线图纸展示平台。无论你是个人设计师、小型工作室还是刚成立的建筑公司,这都是迈向数字化转型的第一步。记住,模板不是终点,而是起点——它赋予你的是时间和精力去专注于核心业务:设计出更好的建筑方案。\u003c/p\u003e\n\n\u003cp\u003e如果你正在寻找一款真正好用、无需编程基础就能快速上手的施工图网站工具,不妨试试蓝燕云:\u003ca href=\"https://www.lanyancloud.com\"\u003ehttps://www.lanyancloud.com\u003c/a\u003e。它不仅提供丰富的施工图模板资源,还支持一键生成、多端同步、在线编辑等功能,让你轻松完成从构思到落地的全过程,现在即可免费试用,开启你的数字建模之旅!\u003c/p\u003e"])</script><script>self.__next_f.push([1,"9:[\"$\",\"$L13\",null,{\"articles\":{\"1963132409260228608\":{\"id\":\"1963132409260228608\",\"title\":\"施工图网站免费模板软件怎么做?如何快速搭建专业设计平台?\",\"category\":\"1838484838410752000\",\"subCategory\":\"$undefined\",\"summary\":\"本文深入探讨了如何利用施工图网站免费模板软件快速搭建专业化的在线图纸展示平台。文章详细介绍了模板的核心功能(如图纸分类、PDF嵌入、权限管理)、选型标准、实操步骤及常见误区,并展望了AI技术在未来施工图网站中的应用前景。适合中小设计单位、个体建筑师和初创团队参考实践,实现低成本数字化转型。\",\"content\":\"$14\",\"author\":\"蓝燕云\",\"publishDate\":\"2025-09-03\",\"image\":\"https://file.lanyancloud.com/2025/08/25/b277b7b8f1744dcd9ebcc4cb3a3c46ef.png\",\"tags\":[\"施工图网站\",\"免费模板软件\",\"建筑设计展示\",\"网页开发\",\"BIM\"],\"prevId\":\"1963132158633787392\",\"prevTitle\":\"用哪个软件画施工横道图?这5款工具让你轻松搞定项目进度管理\",\"nextId\":\"1963132410271055872\",\"nextTitle\":\"背景墙施工图设计软件怎么用?高效绘制与精准施工的秘诀全解析\"},\"1963132158633787392\":{\"id\":\"1963132158633787392\",\"title\":\"用哪个软件画施工横道图?这5款工具让你轻松搞定项目进度管理\",\"category\":\"\",\"subCategory\":\"$undefined\",\"summary\":\"\",\"content\":\"\",\"author\":\"蓝燕云\",\"publishDate\":\"2025-09-03\",\"image\":\"https://file.lanyancloud.com/2025/08/28/f3586d70051b4f2da5a1b40944ca9aae.png\",\"tags\":[\"施工横道图\",\"项目管理软件\",\"甘特图\",\"建筑工程\",\"蓝燕云\"],\"prevId\":\"\",\"prevTitle\":\"\",\"nextId\":\"\",\"nextTitle\":\"\"},\"1963132410271055872\":{\"id\":\"1963132410271055872\",\"title\":\"背景墙施工图设计软件怎么用?高效绘制与精准施工的秘诀全解析\",\"category\":\"\",\"subCategory\":\"$undefined\",\"summary\":\"\",\"content\":\"\",\"author\":\"蓝燕云\",\"publishDate\":\"2025-09-03\",\"image\":\"https://file.lanyancloud.com/2025/08/23/9f0b875eacad407eab217cb5322497ce.png\",\"tags\":[\"背景墙施工图\",\"设计软件应用\",\"室内装修技术\",\"BIM建模\",\"施工图纸规范\"],\"prevId\":\"\",\"prevTitle\":\"\",\"nextId\":\"\",\"nextTitle\":\"\"},\"1964032843067899904\":{\"id\":\"1964032843067899904\",\"title\":\"建筑施工图排版用什么软件?主流工具与高效流程全解析\",\"category\":\"\",\"subCategory\":\"$undefined\",\"summary\":\"\",\"content\":\"\",\"author\":\"蓝燕云\",\"publishDate\":\"2025-09-05\",\"image\":\"https://file.lanyancloud.com/2025/08/01/d3113ee3871d4516b42703d48e857f66.png\",\"tags\":[\"建筑施工图排版\",\"AutoCAD\",\"Revit\",\"BIM\",\"施工图设计\"],\"prevId\":\"\",\"prevTitle\":\"\",\"nextId\":\"\",\"nextTitle\":\"\"},\"1964026550970171392\":{\"id\":\"1964026550970171392\",\"title\":\"可以做施工图的电脑软件有哪些?全面解析主流设计工具与应用技巧\",\"category\":\"\",\"subCategory\":\"$undefined\",\"summary\":\"\",\"content\":\"\",\"author\":\"蓝燕云\",\"publishDate\":\"2025-09-05\",\"image\":\"https://file.lanyancloud.com/2025/08/28/0518ce3524b74737b5830cabc428f600.png\",\"tags\":[\"施工图软件\",\"建筑信息模型\",\"AutoCAD\",\"Revit\",\"BIM\"],\"prevId\":\"\",\"prevTitle\":\"\",\"nextId\":\"\",\"nextTitle\":\"\"},\"1964024035574759424\":{\"id\":\"1964024035574759424\",\"title\":\"电气施工图用什么软件画?这些专业工具让设计更高效精准\",\"category\":\"\",\"subCategory\":\"$undefined\",\"summary\":\"\",\"content\":\"\",\"author\":\"蓝燕云\",\"publishDate\":\"2025-09-05\",\"image\":\"https://file.lanyancloud.com/2025/08/17/4625861f9e6c45d299ce946804a84c47.png\",\"tags\":[\"电气施工图\",\"AutoCAD Electrical\",\"EPLAN\",\"Revit MEP\",\"BIM\"],\"prevId\":\"\",\"prevTitle\":\"\",\"nextId\":\"\",\"nextTitle\":\"\"}},\"currentId\":\"1963132409260228608\",\"pageType\":\"news\"}]\n"])</script><script>self.__next_f.push([1,"15:I[39283,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"d:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"施工图网站免费模板软件怎么做?如何快速搭建专业设计平台? | 蓝燕云\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"本文深入探讨了如何利用施工图网站免费模板软件快速搭建专业化的在线图纸展示平台。文章详细介绍了模板的核心功能(如图纸分类、PDF嵌入、权限管理)、选型标准、实操步骤及常见误区,并展望了AI技术在未来施工图网站中的应用前景。适合中小设计单位、个体建筑师和初创团队参考实践,实现低成本数字化转型。\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"福建蓝燕科技有限公司\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"施工图网站,免费模板软件,建筑设计展示,网页开发,BIM\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"福建蓝燕科技有限公司\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"福建蓝燕科技有限公司\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"8\",{\"name\":\"google\",\"content\":\"notranslate\"}],[\"$\",\"meta\",\"9\",{\"name\":\"google-site-verification\",\"content\":\"your-google-verification-code\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://www.lanyancloud.com/news/1963132409260228608\"}],[\"$\",\"meta\",\"11\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"12\",{\"name\":\"google-site-verification\",\"content\":\"your-google-verification-code\"}],[\"$\",\"meta\",\"13\",{\"name\":\"y_key\",\"content\":\"your-yahoo-verification-code\"}],[\"$\",\"meta\",\"14\",{\"name\":\"yandex-verification\",\"content\":\"your-yandex-verification-code\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"施工图网站免费模板软件怎么做?如何快速搭建专业设计平台?\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"本文深入探讨了如何利用施工图网站免费模板软件快速搭建专业化的在线图纸展示平台。文章详细介绍了模板的核心功能(如图纸分类、PDF嵌入、权限管理)、选型标准、实操步骤及常见误区,并展望了AI技术在未来施工图网站中的应用前景。适合中小设计单位、个体建筑师和初创团队参考实践,实现低成本数字化转型。\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://www.lanyancloud.com/news/1963132409260228608\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:site_name\",\"content\":\"蓝燕云\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:locale\",\"content\":\"zh_CN\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image\",\"content\":\"https://file.lanyancloud.com/2025/08/25/b277b7b8f1744dcd9ebcc4cb3a3c46ef.png\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image:alt\",\"content\":\"施工图网站免费模板软件怎么做?如何快速搭建专业设计平台?\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"蓝燕云 - 工程企业数字化转型平台\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"蓝燕云是专为工程企业打造的数字化转型平台,提供项目管理、协同办公、数据分析等全方位解决方案。\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://www.lanyancloud.com/images/logo.jpg\"}],[\"$\",\"link\",\"29\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"256x256\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"32\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L15\",\"34\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"12:\"$d:metadata\"\n"])</script><title>施工图网站免费模板软件怎么做?如何快速搭建专业设计平台? | 蓝燕云