MindSpace - 心空 🌌

MindSpace（心空）是一款致力于为用户提供轻量、温暖的心理健康与正念呼吸引导助手。采用精致的 极简磨砂玻璃态（Glassmorphism） 与 莫兰迪（Morandi）治愈系色调，打造平静安宁的交互体验。

---

🌟 项目亮点

• 🔒 本地优先 (Local-first)：默认所有情绪数据、随笔均安全存储在用户的浏览器本地（LocalStorage），保护绝对隐私。
• ☁️ 无缝云端同步：支持对接个人 Supabase 数据库。用户在网页端配置后即可开启云账户体系，实现多设备数据同步。
• 🧘 正念呼吸舱：支持多种经典呼吸模式，平滑的视觉球过渡与去临床化的疗愈指引，快速缓解焦虑。
• ⏳ 静心专注钟：结合番茄工作法，陪伴您的专注时光。
• ✍️ 内心天气日志：以非批判性的温暖文案，陪伴您记录每日的心声起伏。

---

🚀 快速开始

在线体验

直接点击 在线网址 即可开始使用。

本地直接运行

本项目无需任何复杂的构建环境（零依赖，纯 HTML/JS 静态单页应用）：

1. 下载或克隆项目代码。
2. 双击根目录下的 index.html，即可直接在浏览器中开启您的心灵之旅。

开启云同步（可选）

如果您希望开启账号登录并跨设备同步数据：

1. 访问网页中的「设置」 -> “配置云端数据库”。
2. 填入您个人 Supabase 项目的 API URL 和 Anon Key 并保存（项目代码内已预设配置，也可在此手动覆盖）。
3. 即可直接注册和登录您的个人云账号！

---

📂 项目结构

├── index.html                 # 主页面（SPA 单页入口）
├── css/
│   └── style.css             # 核心样式表（含全局磨砂玻璃设计系统与自适应排版）
└── js/
    ├── app.js                # 核心路由与 SPA 视图交互逻辑
    ├── config.js             # Supabase 连接凭证配置
    ├── supabase-service.js # 数据库与账号体系服务封装
    ├── storage.js            # 本地缓存与数据导出逻辑
    ├── breathing.js          # 正念呼吸引导交互与动画逻辑
    ├── focus.js              # 专注计时器逻辑
    └── quotes.js             # 温暖治愈短语库

---

📄 授权协议

本项目采用 MIT License 协议开源。