# Bloom Now - 静态网站工程（可绑定域名）

这是一个**纯静态**的网站工程（HTML / CSS / JS），无需 Node、无需构建步骤。
适合用来做产品对外介绍页 / Demo 落地页，并方便同事直接绑定域名部署。

## 目录结构

- `index.html` 主页面
- `assets/styles.css` 样式
- `assets/app.js` 交互逻辑（情绪切换、能量条、减少动效）
- `assets/favicon.svg` 站点图标

## 本地预览（推荐）

> macOS / Linux / Windows 都可用

### 方式 A：Python

在项目根目录执行：

```bash
python -m http.server 8080
```

然后打开：

- http://localhost:8080

### 方式 B：VS Code Live Server

1. 安装扩展 Live Server
2. 右键 `index.html` → Open with Live Server

## 部署与域名绑定（常用方式）

### 1) GitHub Pages

1. 新建仓库，把本工程文件上传（保持根目录有 `index.html`）
2. GitHub 仓库 Settings → Pages
3. Source 选择 `Deploy from a branch`，Branch 选 `main / root`
4. Custom domain 填你的域名（例如 `now.bloom-mind.com`）
5. 在你的 DNS 服务商里配置：
   - `CNAME`：`now` → GitHub Pages 提供的域名（或按页面提示）
6. 等待生效（通常几分钟到数小时）

### 2) Netlify（更省事）

1. Netlify 新建站点 → 直接拖拽此文件夹上传
2. Site settings → Domain management → Add custom domain
3. 按 Netlify 提示设置 DNS（CNAME 或 A 记录）

### 3) Vercel

1. Import Project（选择 Git 仓库或上传）
2. Framework 选择 `Other`（因为无需构建）
3. Domains → Add 域名 → 按提示配 DNS

## 如何改内容

- 文案：直接改 `index.html` 里的文本
- 情绪映射（洞察文案/按钮文案/颜色）：改 `assets/app.js` 里的 `map`
- 颜色/排版：改 `assets/styles.css`

## 备注

- 这个站点是根据 PRD 内容提炼的对外展示版本，不等同于最终 UI 设计稿。
- 如需替换成更“品牌化”的视觉（插画、视频、真机截图），直接添加到 `assets/` 并在 `index.html` 引用即可。