Northline Coffee 响应式品牌官网（原创概念）产品系统Vibe Coding

这是一个面向精品咖啡门店的原创概念官网，目标是解决小型品牌缺少清晰线上展示、产品介绍和批发询价入口的问题。项目用于个人技术能力展示，不是客户商业项目，也不代表真实经营主体。

页面包含响应式导航、品牌首屏、产品卡片与详情弹窗、品牌故事、门店信息、FAQ、移动端菜单和批发及活动询价表单。表单支持必填校验、成功反馈和无网络演示；同时提供桌面与移动布局、键盘操作、减少动画偏好以及基础SEO和社交分享元数据。

我负责信息架构、视觉布局、HTML、CSS和JavaScript实现、交互与响应式适配，并完成桌面和手机端测试。技术使用语义化HTML5、现代CSS Grid和Flexbox、原生JavaScript；重点处理固定导航、模态框焦点、表单反馈、移动菜单、图片懒加载和无横向溢出。所有品牌文案和页面结构均为原创概念设计。