陇绣非遗文化数字展示网站产品系统Vibe Coding

1、立项原因：陇绣非遗的展示长期依赖博物馆实体展柜与一次性宣传物料，无法长期在线访问，也难以在微信、抖音等社交场景传播；实践团实地调研积累的大量一手文字、图片与影像素材，缺少一个集中呈现、可对外分享的线上载体，旨在以低成本网页化方式解决非遗成果的长期展示与传播问题。2、行业场景：属于文化非遗数字化展示场景，同类需求广泛存在于文博机构、非遗传承人、高校社会实践团队及县域文旅宣传，也适用于传统文化教育、实践成果汇报与作品集展示等业务背景。

1、项目功能模块：首页文化总览（陇绣三千年历史时间轴、艺术特质、六类针法技艺详解、庆阳五绝地域文化、实践团介绍与新媒体矩阵）、两位非遗传承人独立展馆（人物生平、技法创新、作品画廊、荣誉奖状）、代表作纯CSS 3D数字展演（鼠标拖拽旋转、滚轮缩放、全屏沉浸模式）、图片灯箱预览、滚动入场动画、响应式布局适配桌面/平板/手机。2、项目主要功能描述：以甘肃陇绣非遗为主题的纯静态文化宣传网站，将暑期社会实践调研所得的文字、图片与影像整理成可长期访问的线上展馆，通过图文展陈、人物叙事与3D交互结合呈现非遗技艺，支持多端访问与社交场景分享传播，已通过GitHub Pages正式上线。

1、我负责的具体任务：网站制作与前端开发全流程，包括信息架构与栏目策划、首页及两位传承人展馆的图文策展结构、六类针法技艺的内容组织、纯CSS 3D数字展演的交互实现、三档响应式适配与GitHub Pages部署上线。2、技术栈与架构：纯静态前端，无框架、无构建工具、无后端，HTML5语义化标签 + 单一样式表CSS3（约1770行，含CSS变量、Flex/Grid布局、媒体查询）+ 原生JavaScript（ES6+，IntersectionObserver滚动入场动画、图片灯箱、3D全屏切换），GitHub Pages静态托管；实现亮点为零依赖零构建、代表作双面绣的纯CSS 3D立体展演（perspective/preserve-3d/rotateY/translateZ，支持拖拽旋转、滚轮缩放与全屏沉浸）、157个文件约105MB本地静态资源的完整上线迁移。