feat: bootstrap spectra lab front-end concept

README.md

@@ -0,0 +1,34 @@
+# Spectra Lab
+
+一个以视觉表现力为核心的实验性 Web App。
+
+## 项目目标
+- 优先级一：前端显示效果惊艳、与众不同、有设计感
+- 优先级二：保持可交互、可演示、可继续扩展
+- 优先级三：10 小时内完成可交付版本
+
+## 当前技术策略
+- 采用原生 HTML / CSS / JavaScript
+- 不依赖重型框架，优先保证视觉落地速度与部署简单度
+- 重点投入在：动效、排版、层次、质感、氛围、交互反馈
+
+## 首版概念
+Spectra Lab：未来感数字展馆 / 灵感实验室。
+用户可以在一个沉浸式页面里浏览多个“光谱场景”：
+- Hero 主舞台
+- 动态数据仪表
+- 场景卡片矩阵
+- 时间线/展陈区
+- 可切换主题氛围
+
+## 开发规程（本轮）
+1. 先完成视觉概念统一与页面骨架
+2. 再补高价值动效与交互
+3. 然后做响应式适配
+4. 最后做可运行验证与演示收口
+
+## 当前文件
+- `index.html`：页面结构
+- `styles.css`：视觉系统与动效
+- `app.js`：交互、状态、动画驱动
+- `DESIGN.md`：设计语言与构图原则