Add NotFound page and README

Author: badhope

README.md

@@ -0,0 +1,107 @@
+# HumanOS - 人类测评平台
+
+[![GitHub Pages](https://img.shields.io/badge/部署-GitHub Pages-blue?style=flat-square)](https://badhope.github.io/humanity)
+[![React](https://img.shields.io/badge/React-18-blue?style=flat-square)](https://reactjs.org/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5-blue?style=flat-square)](https://www.typescriptlang.org/)
+[![Vite](https://img.shields.io/badge/Vite-5-blue?style=flat-square)](https://vitejs.dev/)
+
+## 项目简介
+
+HumanOS 是一个专业的心理测评静态网站应用，聚合心理测评、人格测试、认知能力、价值观与职业倾向等多维度人类测评。
+
+## 技术栈
+
+- **前端框架**: React 18 + TypeScript
+- **构建工具**: Vite 5
+- **路由**: React Router v6
+- **状态管理**: Zustand
+- **本地数据库**: Dexie.js (IndexedDB)
+- **样式**: Tailwind CSS
+- **动画**: Framer Motion + GSAP + Three.js
+- **图表**: Recharts + D3.js + Chart.js
+- **UI 组件**: Radix UI
+- **图标**: Lucide React
+- **动画效果**: Lottie React
+
+## 快速开始
+
+### 安装依赖
+
+```bash
+npm install
+```
+
+### 本地开发
+
+```bash
+npm run dev
+```
+
+访问 `http://localhost:5173`
+
+### 生产构建
+
+```bash
+npm run build
+```
+
+构建产物在 `dist/` 目录
+
+### 预览构建
+
+```bash
+npm run preview
+```
+
+## 部署到 GitHub Pages
+
+项目已配置 GitHub Actions，push 到 `main` 分支后自动部署。
+
+部署地址: https://badhope.github.io/humanity/
+
+## 项目结构
+
+```
+src/
+├── components/       # UI 组件
+│   ├── 3d/          # Three.js 3D 背景
+│   ├── atoms/       # 基础原子组件
+│   ├── charts/      # 图表组件
+│   └── molecules/   # 分子组件
+├── features/        # 功能模块
+│   ├── animation/   # 动画配置
+│   ├── assessment/  # 测评引擎
+│   ├── storage/     # 数据库
+│   └── theme/       # 主题管理
+├── pages/           # 页面
+├── shared/          # 共享资源
+│   ├── constants/   # 常量
+│   ├── types/       # 类型定义
+│   └── utils/       # 工具函数
+├── store/           # Zustand 状态管理
+└── styles/          # 全局样式
+```
+
+## 页面路由
+
+| 路径 | 页面 |
+|------|------|
+| `/` | 首页 |
+| `/categories` | 测评分类 |
+| `/assessments/:category` | 测评列表 |
+| `/quiz/:assessmentId` | 答题页面 |
+| `/results/:assessmentId` | 结果页面 |
+| `/profile` | 个人中心 |
+
+## 功能特性
+
+- ✨ 深色/浅色主题切换
+- 🎨 动画强度可调节（支持减少动画模式）
+- 📊 多维度测评结果分析
+- 📱 响应式设计
+- 💾 本地数据存储（保护隐私）
+- 🚀 GitHub Pages 自动部署
+
+## License
+
+MIT

src/App.tsx

@@ -8,6 +8,7 @@ import AssessmentList from '@/pages/AssessmentList';
 import Quiz from '@/pages/Quiz';
 import Results from '@/pages/Results';
 import Profile from '@/pages/Profile';
+import NotFound from '@/pages/NotFound';
 import { ImmersiveBackground } from '@/components/3d/ImmersiveBackground';
 
 function App() {
@@ -67,6 +68,14 @@ function App() {
               </PageTransition>
             }
           />
+          <Route
+            path="*"
+            element={
+              <PageTransition>
+                <NotFound />
+              </PageTransition>
+            }
+          />
         </Routes>
       </AnimatePresence>
     </div>

src/pages/NotFound.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+import { Home, ArrowLeft } from 'lucide-react';
+import { Button, Card } from '@/components/atoms';
+
+const NotFound: React.FC = () => {
+  return (
+    <div className="relative flex min-h-screen flex-col items-center justify-center px-4 py-12">
+      <div className="relative z-10 mx-auto max-w-md text-center">
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.5 }}
+        >
+          <Card className="p-8">
+            <div className="mb-6 text-8xl font-bold text-primary-500">404</div>
+            <h1 className="mb-4 text-2xl font-bold text-gray-900 dark:text-white">
+              页面不存在
+            </h1>
+            <p className="mb-8 text-gray-600 dark:text-gray-400">
+              抱歉，您访问的页面不存在或已被移除。
+            </p>
+            <div className="flex flex-col gap-4">
+              <Link to="/">
+                <Button size="lg" leftIcon={<Home className="w-5 h-5" />} className="w-full">
+                  返回首页
+                </Button>
+              </Link>
+              <Button
+                variant="outline"
+                size="lg"
+                leftIcon={<ArrowLeft className="w-5 h-5" />}
+                onClick={() => window.history.back()}
+                className="w-full"
+              >
+                返回上一页
+              </Button>
+            </div>
+          </Card>
+        </motion.div>
+      </div>
+    </div>
+  );
+};
+
+export default NotFound;

src/pages/index.ts

@@ -4,3 +4,4 @@ export { default as AssessmentList } from './AssessmentList';
 export { default as Quiz } from './Quiz';
 export { default as Results } from './Results';
 export { default as Profile } from './Profile';
+export { default as NotFound } from './NotFound';