commit 89960b1cb8225459cbbbf5cbdf05b5ae431abf6c
Author: Yvan <8574526@qq,com>
Date:   Thu Apr 9 09:40:45 2026 +0800

    Initial commit: 全友米项目完整代码

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..b975227
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,55 @@
+# Node modules
+node_modules
+*/node_modules
+
+# 前端构建产物
+frontend/dist
+
+# 环境变量文件（保留 .env 用于构建）
+.env.local
+.env.*.local
+
+# Git
+.git
+.gitignore
+
+# IDE
+.vscode
+.idea
+*.swp
+*.swo
+
+# 日志
+logs
+*.log
+npm-debug.log*
+
+# 操作系统
+.DS_Store
+Thumbs.db
+
+# 临时文件
+*.tmp
+*.temp
+
+# 上传文件
+backend/uploads/*
+!backend/uploads/.gitkeep
+
+# 测试
+coverage
+.nyc_output
+
+# 文档
+*.md
+!README.md
+
+# Docker 相关
+Dockerfile
+docker-compose.yml
+.dockerignore
+*.tar
+
+# 构建脚本
+build.sh
+build.bat
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..6b4db38
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+node_modules/
+.env
+.env.local
+backend/uploads/*
+!backend/uploads/.gitkeep
+dist/
+.DS_Store
+*.log
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7a73a41
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/CHECKIN-FEATURE.md b/CHECKIN-FEATURE.md
new file mode 100644
index 0000000..e69de29
diff --git a/DEPLOY.md b/DEPLOY.md
new file mode 100644
index 0000000..81233cb
--- /dev/null
+++ b/DEPLOY.md
@@ -0,0 +1,279 @@
+# 泉友米车友会 - 部署说明
+
+版本: 0.0.1
+
+## 🚀 快速部署（推荐）
+
+### Windows 用户
+
+```cmd
+# 1. 构建镜像
+build.bat
+
+# 2. 启动服务
+docker-compose up -d
+
+# 3. 初始化管理员
+docker exec -it quanyoumi-app sh
+node init-admin.js
+```
+
+### Linux/Mac 用户
+
+```bash
+# 1. 构建镜像
+chmod +x build.sh
+./build.sh
+
+# 2. 启动服务
+docker-compose up -d
+
+# 3. 初始化管理员
+docker exec -it quanyoumi-app sh
+node init-admin.js
+```
+
+## 📝 部署前准备
+
+### 1. 修改配置文件
+
+编辑 `docker-compose.yml`，修改以下配置：
+
+```yaml
+environment:
+  - DB_PASSWORD=your_mysql_password        # 修改数据库密码
+  - JWT_SECRET=your_jwt_secret_key         # 修改JWT密钥（随机字符串）
+  - AMAP_KEY=your_amap_key                 # 填入高德地图Key
+```
+
+同时修改 MySQL 服务的密码：
+
+```yaml
+db:
+  environment:
+    - MYSQL_ROOT_PASSWORD=your_mysql_password  # 与上面保持一致
+```
+
+### 2. 获取高德地图 Key
+
+1. 访问 https://console.amap.com/
+2. 注册/登录账号
+3. 创建应用，选择 Web 端（JS API）
+4. 复制 Key 填入配置
+
+## 🔧 详细步骤
+
+### 步骤 1: 构建 Docker 镜像
+
+镜像包含前端（Vue3）和后端（Node.js），版本号 0.0.1。
+
+**Windows:**
+```cmd
+build.bat
+```
+
+**Linux/Mac:**
+```bash
+chmod +x build.sh
+./build.sh
+```
+
+### 步骤 2: 启动服务
+
+使用 docker-compose 启动完整环境（应用+MySQL+MinIO）：
+
+```bash
+docker-compose up -d
+```
+
+查看启动状态：
+```bash
+docker-compose ps
+```
+
+查看日志：
+```bash
+docker-compose logs -f app
+```
+
+### 步骤 3: 初始化数据库
+
+数据库会自动初始化（使用 database.sql），等待约 30 秒。
+
+检查数据库是否就绪：
+```bash
+docker-compose logs db | grep "ready for connections"
+```
+
+### 步骤 4: 创建管理员账号
+
+进入应用容器：
+```bash
+docker exec -it quanyoumi-app sh
+```
+
+运行初始化脚本：
+```bash
+node init-admin.js
+```
+
+按提示输入：
+- 用户名（例如：admin）
+- 密码（至少6位）
+- 确认密码
+
+退出容器：
+```bash
+exit
+```
+
+### 步骤 5: 访问应用
+
+- **前端页面**: http://localhost:3000
+- **后台管理**: http://localhost:3000/admin/login
+- **MinIO 控制台**: http://localhost:9001 (minioadmin/minioadmin)
+
+## 📦 镜像信息
+
+- **镜像名称**: quanyoumi-app
+- **版本**: 0.0.1
+- **基础镜像**: node:18-alpine
+- **大小**: 约 200MB
+- **包含内容**: 
+  - 前端构建产物（Vue3 + Vant4）
+  - 后端服务（Node.js + Express）
+  - 依赖包（仅生产环境）
+
+## 🔍 验证部署
+
+### 1. 检查服务状态
+
+```bash
+docker-compose ps
+```
+
+应该看到 3 个服务都是 Up 状态：
+- quanyoumi-app
+- quanyoumi-db
+- quanyoumi-minio
+
+### 2. 检查应用日志
+
+```bash
+docker-compose logs app
+```
+
+应该看到：
+```
+服务器运行在 http://localhost:3000
+运行模式: 生产环境（前后端一体）
+```
+
+### 3. 测试访问
+
+浏览器访问 http://localhost:3000，应该能看到首页。
+
+## 🛠️ 常见问题
+
+### 问题 1: 端口被占用
+
+错误信息：`port is already allocated`
+
+解决方法：
+```bash
+# 修改 docker-compose.yml 中的端口映射
+ports:
+  - "3001:3000"  # 改为其他端口
+```
+
+### 问题 2: 数据库连接失败
+
+错误信息：`ECONNREFUSED` 或 `Access denied`
+
+解决方法：
+1. 检查数据库是否启动：`docker-compose ps db`
+2. 检查密码是否一致（app 和 db 的密码要相同）
+3. 等待数据库完全启动（约 30 秒）
+
+### 问题 3: 前端页面空白
+
+解决方法：
+1. 检查浏览器控制台是否有错误
+2. 确认后端 API 是否正常：访问 http://localhost:3000/api/activities
+3. 重新构建镜像：`docker-compose build --no-cache`
+
+### 问题 4: 图片上传失败
+
+解决方法：
+1. 检查 MinIO 是否运行：`docker-compose ps minio`
+2. 访问 MinIO 控制台创建 bucket：http://localhost:9001
+3. 检查环境变量配置是否正确
+
+## 🔄 更新应用
+
+```bash
+# 1. 停止服务
+docker-compose down
+
+# 2. 拉取最新代码
+git pull
+
+# 3. 重新构建
+docker-compose build --no-cache
+
+# 4. 启动服务
+docker-compose up -d
+```
+
+## 🗑️ 清理
+
+### 停止服务（保留数据）
+```bash
+docker-compose down
+```
+
+### 完全清理（删除数据）
+```bash
+docker-compose down -v
+```
+
+### 删除镜像
+```bash
+docker rmi quanyoumi-app:0.0.1
+```
+
+## 📊 生产环境建议
+
+1. **使用反向代理**
+   - 推荐使用 Nginx 或 Caddy
+   - 配置 HTTPS 证书
+   - 设置域名
+
+2. **修改默认密码**
+   - MySQL root 密码
+   - MinIO 访问密钥
+   - JWT 密钥（长随机字符串）
+
+3. **数据备份**
+   - 定期备份 MySQL 数据
+   - 备份 MinIO 存储
+   - 备份上传文件
+
+4. **监控告警**
+   - 配置日志收集
+   - 设置资源监控
+   - 配置告警通知
+
+5. **安全加固**
+   - 限制数据库外部访问
+   - 使用防火墙规则
+   - 定期更新镜像
+
+## 📞 技术支持
+
+如有问题，请查看：
+1. 应用日志：`docker-compose logs app`
+2. 数据库日志：`docker-compose logs db`
+3. MinIO 日志：`docker-compose logs minio`
+
+或联系技术支持团队。
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..8049fbe
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,57 @@
+# 多阶段构建 - 前端构建阶段
+FROM node:18-alpine AS frontend-builder
+
+WORKDIR /app/frontend
+
+# 复制前端依赖文件
+COPY frontend/package*.json ./
+
+# 安装前端依赖（包括 devDependencies，因为需要 vite 构建）
+RUN npm ci
+
+# 复制前端源码
+COPY frontend/ ./
+
+# 构建前端（使用默认的 .env 文件中的配置）
+RUN npm run build
+
+# 后端运行阶段
+FROM node:18-alpine
+
+WORKDIR /app
+
+# 安装 dumb-init 和 envsubst
+RUN apk add --no-cache dumb-init gettext
+
+# 复制后端依赖文件
+COPY backend/package*.json ./
+
+# 安装后端依赖（仅生产依赖）
+RUN npm ci --only=production
+
+# 复制后端源码
+COPY backend/ ./
+
+# 从前端构建阶段复制构建产物
+COPY --from=frontend-builder /app/frontend/dist ./public
+
+# 创建上传目录
+RUN mkdir -p uploads
+
+# 复制启动脚本
+COPY docker-entrypoint.sh /usr/local/bin/
+RUN chmod +x /usr/local/bin/docker-entrypoint.sh
+
+# 暴露端口
+EXPOSE 3000
+
+# 设置环境变量
+ENV NODE_ENV=production
+
+# 健康检查
+HEALTHCHECK --interval=30s --timeout=3s --start-period=10s --retries=3 \
+  CMD node -e "require('http').get('http://localhost:3000/api/activities', (r) => process.exit(r.statusCode === 200 ? 0 : 1))"
+
+# 使用启动脚本
+ENTRYPOINT ["docker-entrypoint.sh"]
+CMD ["node", "server.js"]
diff --git a/backend/.env.example b/backend/.env.example
new file mode 100644
index 0000000..8ff80e7
--- /dev/null
+++ b/backend/.env.example
@@ -0,0 +1,17 @@
+PORT=3000
+DB_HOST=localhost
+DB_USER=root
+DB_PASSWORD=your-db-password
+DB_NAME=quanyoumi
+JWT_SECRET=your-secret-key-change-in-production
+
+# MinIO 配置
+MINIO_ENDPOINT=localhost          # 后端连接 MinIO 的地址
+MINIO_PORT=9000
+MINIO_USE_SSL=false
+MINIO_ACCESS_KEY=jFywUsaCb4zNr2LV7hTP
+MINIO_SECRET_KEY=minioadmin
+MINIO_BUCKET=quanyoumi
+# MINIO_PUBLIC_URL（可选）：前端访问文件的公开地址，不填则自动用 MINIO_ENDPOINT 拼接
+# 生产环境如果用了反向代理（如 Nginx），填写外网地址，例如：https://cdn.yourdomain.com
+# MINIO_PUBLIC_URL=http://localhost:9000
diff --git a/backend/init-admin.js b/backend/init-admin.js
new file mode 100644
index 0000000..f474dfa
--- /dev/null
+++ b/backend/init-admin.js
@@ -0,0 +1,27 @@
+// 初始化管理员账号
+require('dotenv').config();
+const bcrypt = require('bcryptjs');
+const { Admin, sequelize } = require('./models');
+
+async function initAdmin() {
+  try {
+    await sequelize.sync({ force: false });
+    
+    const hashedPassword = bcrypt.hashSync('admin123', 10);
+    await Admin.create({
+      username: 'admin',
+      password: hashedPassword,
+      name: '管理员'
+    });
+    
+    console.log('管理员账号创建成功');
+    console.log('用户名: admin');
+    console.log('密码: admin123');
+    process.exit(0);
+  } catch (error) {
+    console.error('创建失败:', error.message);
+    process.exit(1);
+  }
+}
+
+initAdmin();
diff --git a/backend/middleware/auth.js b/backend/middleware/auth.js
new file mode 100644
index 0000000..71c4f76
--- /dev/null
+++ b/backend/middleware/auth.js
@@ -0,0 +1,19 @@
+const jwt = require('jsonwebtoken');
+
+const auth = (req, res, next) => {
+  const token = req.header('Authorization')?.replace('Bearer ', '');
+  
+  if (!token) {
+    return res.status(401).json({ error: '未授权访问' });
+  }
+
+  try {
+    const decoded = jwt.verify(token, process.env.JWT_SECRET);
+    req.adminId = decoded.id;
+    next();
+  } catch (error) {
+    res.status(401).json({ error: '无效的token' });
+  }
+};
+
+module.exports = auth;
diff --git a/backend/middleware/upload.js b/backend/middleware/upload.js
new file mode 100644
index 0000000..b852c14
--- /dev/null
+++ b/backend/middleware/upload.js
@@ -0,0 +1,30 @@
+const multer = require('multer');
+const path = require('path');
+const { v4: uuidv4 } = require('uuid');
+const { uploadBuffer } = require('../utils/minio');
+
+// 使用内存存储，文件不落盘，不限制大小
+const upload = multer({
+  storage: multer.memoryStorage(),
+  fileFilter: (req, file, cb) => {
+    const extname = /jpeg|jpg|png|gif|mp4|mov|avi/.test(
+      path.extname(file.originalname).toLowerCase()
+    );
+    const mimetype = /image|video/.test(file.mimetype);
+    if (mimetype && extname) return cb(null, true);
+    cb(new Error('只允许上传图片或视频文件'));
+  }
+});
+
+// 将 req.files 或 req.file 上传到 MinIO，返回 url 数组或单个 url
+const uploadFilesToMinio = async (files) => {
+  const list = Array.isArray(files) ? files : [files];
+  return Promise.all(list.map(async (file) => {
+    const ext = path.extname(file.originalname).toLowerCase();
+    const filename = `${Date.now()}-${uuidv4()}${ext}`;
+    const url = await uploadBuffer(file.buffer, filename, file.mimetype);
+    return { ...file, filename, url };
+  }));
+};
+
+module.exports = { upload, uploadFilesToMinio };
diff --git a/backend/models/Activity.js b/backend/models/Activity.js
new file mode 100644
index 0000000..c388c3d
--- /dev/null
+++ b/backend/models/Activity.js
@@ -0,0 +1,44 @@
+const { DataTypes } = require('sequelize');
+const sequelize = require('./db');
+
+const Activity = sequelize.define('Activity', {
+  id: {
+    type: DataTypes.INTEGER,
+    primaryKey: true,
+    autoIncrement: true
+  },
+  title: {
+    type: DataTypes.STRING,
+    allowNull: false
+  },
+  description: DataTypes.TEXT,
+  location: DataTypes.STRING,
+  locationLat: DataTypes.DECIMAL(10, 7),
+  locationLng: DataTypes.DECIMAL(10, 7),
+  startTime: DataTypes.DATE,
+  endTime: DataTypes.DATE,
+  registrationDeadline: DataTypes.DATE,
+  maxParticipants: DataTypes.INTEGER,
+  status: {
+    type: DataTypes.ENUM('upcoming', 'ongoing', 'completed'),
+    defaultValue: 'upcoming'
+  },
+  registrationEnabled: {
+    type: DataTypes.BOOLEAN,
+    defaultValue: true,
+    comment: '报名开关'
+  },
+  coverImage: DataTypes.STRING,
+  price: {
+    type: DataTypes.DECIMAL(10, 2),
+    defaultValue: 0,
+    comment: '人均费用'
+  },
+  budget: {
+    type: DataTypes.DECIMAL(10, 2),
+    defaultValue: 0,
+    comment: '活动预算'
+  }
+});
+
+module.exports = Activity;
diff --git a/backend/models/Admin.js b/backend/models/Admin.js
new file mode 100644
index 0000000..dc7eabe
--- /dev/null
+++ b/backend/models/Admin.js
@@ -0,0 +1,22 @@
+const { DataTypes } = require('sequelize');
+const sequelize = require('./db');
+
+const Admin = sequelize.define('Admin', {
+  id: {
+    type: DataTypes.INTEGER,
+    primaryKey: true,
+    autoIncrement: true
+  },
+  username: {
+    type: DataTypes.STRING,
+    allowNull: false,
+    unique: true
+  },
+  password: {
+    type: DataTypes.STRING,
+    allowNull: false
+  },
+  name: DataTypes.STRING
+});
+
+module.exports = Admin;
diff --git a/backend/models/Expense.js b/backend/models/Expense.js
new file mode 100644
index 0000000..672dcf6
--- /dev/null
+++ b/backend/models/Expense.js
@@ -0,0 +1,32 @@
+const { DataTypes } = require('sequelize');
+const sequelize = require('./db');
+
+const Expense = sequelize.define('Expense', {
+  id: {
+    type: DataTypes.INTEGER,
+    primaryKey: true,
+    autoIncrement: true
+  },
+  activityId: {
+    type: DataTypes.INTEGER,
+    allowNull: false
+  },
+  item: {
+    type: DataTypes.STRING,
+    allowNull: false
+  },
+  amount: {
+    type: DataTypes.DECIMAL(10, 2),
+    allowNull: false
+  },
+  category: DataTypes.STRING,
+  receipt: DataTypes.STRING,
+  note: DataTypes.TEXT,
+  media: {
+    type: DataTypes.JSON,
+    defaultValue: [],
+    comment: '经费相关照片/视频,最多5个'
+  }
+});
+
+module.exports = Expense;
diff --git a/backend/models/Photo.js b/backend/models/Photo.js
new file mode 100644
index 0000000..722e5b8
--- /dev/null
+++ b/backend/models/Photo.js
@@ -0,0 +1,30 @@
+const { DataTypes } = require('sequelize');
+const sequelize = require('./db');
+
+const Photo = sequelize.define('Photo', {
+  id: {
+    type: DataTypes.INTEGER,
+    primaryKey: true,
+    autoIncrement: true
+  },
+  activityId: {
+    type: DataTypes.INTEGER,
+    allowNull: false
+  },
+  url: {
+    type: DataTypes.STRING,
+    allowNull: false
+  },
+  type: {
+    type: DataTypes.ENUM('image', 'video'),
+    defaultValue: 'image'
+  },
+  description: DataTypes.STRING,
+  uploadedBy: DataTypes.STRING,
+  status: {
+    type: DataTypes.ENUM('pending', 'approved', 'rejected'),
+    defaultValue: 'approved'
+  }
+});
+
+module.exports = Photo;
diff --git a/backend/models/Registration.js b/backend/models/Registration.js
new file mode 100644
index 0000000..c36d62e
--- /dev/null
+++ b/backend/models/Registration.js
@@ -0,0 +1,40 @@
+const { DataTypes } = require('sequelize');
+const sequelize = require('./db');
+
+const Registration = sequelize.define('Registration', {
+  id: {
+    type: DataTypes.INTEGER,
+    primaryKey: true,
+    autoIncrement: true
+  },
+  activityId: {
+    type: DataTypes.INTEGER,
+    allowNull: false
+  },
+  name: {
+    type: DataTypes.STRING,
+    allowNull: false
+  },
+  phone: {
+    type: DataTypes.STRING,
+    allowNull: false
+  },
+  carModel: DataTypes.STRING,
+  carNumber: DataTypes.STRING,
+  peopleCount: {
+    type: DataTypes.INTEGER,
+    defaultValue: 1
+  },
+  status: {
+    type: DataTypes.ENUM('pending', 'approved', 'rejected'),
+    defaultValue: 'pending'
+  },
+  note: DataTypes.TEXT,
+  checkInStatus: {
+    type: DataTypes.BOOLEAN,
+    defaultValue: false
+  },
+  checkInTime: DataTypes.DATE
+});
+
+module.exports = Registration;
diff --git a/backend/models/Sponsor.js b/backend/models/Sponsor.js
new file mode 100644
index 0000000..ab4bbf0
--- /dev/null
+++ b/backend/models/Sponsor.js
@@ -0,0 +1,26 @@
+const { DataTypes } = require('sequelize');
+const sequelize = require('./db');
+
+const Sponsor = sequelize.define('Sponsor', {
+  id: {
+    type: DataTypes.INTEGER,
+    primaryKey: true,
+    autoIncrement: true
+  },
+  activityId: {
+    type: DataTypes.INTEGER,
+    allowNull: false
+  },
+  name: {
+    type: DataTypes.STRING,
+    allowNull: false
+  },
+  logo: DataTypes.STRING,
+  type: {
+    type: DataTypes.ENUM('title', 'sponsor'),
+    defaultValue: 'sponsor'
+  },
+  link: DataTypes.STRING
+});
+
+module.exports = Sponsor;
diff --git a/backend/models/db.js b/backend/models/db.js
new file mode 100644
index 0000000..0fc3cc8
--- /dev/null
+++ b/backend/models/db.js
@@ -0,0 +1,14 @@
+const { Sequelize } = require('sequelize');
+
+const sequelize = new Sequelize(
+  process.env.DB_NAME || 'quanyoumi',
+  process.env.DB_USER || 'root',
+  process.env.DB_PASSWORD || '',
+  {
+    host: process.env.DB_HOST || 'localhost',
+    dialect: 'mysql',
+    logging: false
+  }
+);
+
+module.exports = sequelize;
diff --git a/backend/models/index.js b/backend/models/index.js
new file mode 100644
index 0000000..cffc31b
--- /dev/null
+++ b/backend/models/index.js
@@ -0,0 +1,22 @@
+const sequelize = require('./db');
+const Activity = require('./Activity');
+const Registration = require('./Registration');
+const Expense = require('./Expense');
+const Photo = require('./Photo');
+const Sponsor = require('./Sponsor');
+const Admin = require('./Admin');
+
+// 同步数据库
+sequelize.sync({ alter: true }).then(() => {
+  console.log('数据库同步完成');
+});
+
+module.exports = {
+  sequelize,
+  Activity,
+  Registration,
+  Expense,
+  Photo,
+  Sponsor,
+  Admin
+};
diff --git a/backend/package-lock.json b/backend/package-lock.json
new file mode 100644
index 0000000..f9035e2
--- /dev/null
+++ b/backend/package-lock.json
@@ -0,0 +1,2140 @@
+{
+  "name": "quanyoumi-backend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "quanyoumi-backend",
+      "version": "1.0.0",
+      "dependencies": {
+        "bcryptjs": "^2.4.3",
+        "cors": "^2.8.5",
+        "dotenv": "^16.3.1",
+        "express": "^4.18.2",
+        "jsonwebtoken": "^9.0.2",
+        "minio": "^8.0.7",
+        "multer": "^1.4.5-lts.1",
+        "mysql2": "^3.6.0",
+        "sequelize": "^6.33.0",
+        "uuid": "^9.0.1"
+      },
+      "devDependencies": {
+        "nodemon": "^3.0.1"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmmirror.com/@types/debug/-/debug-4.1.13.tgz",
+      "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "25.5.2",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-25.5.2.tgz",
+      "integrity": "sha512-tO4ZIRKNC+MDWV4qKVZe3Ql/woTnmHDr5JD8UI5hn2pwBrHEwOEMZK7WlNb5RKB6EoJ02gwmQS9OrjuFnZYdpg==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.18.0"
+      }
+    },
+    "node_modules/@types/validator": {
+      "version": "13.15.10",
+      "resolved": "https://registry.npmmirror.com/@types/validator/-/validator-13.15.10.tgz",
+      "integrity": "sha512-T8L6i7wCuyoK8A/ZeLYt1+q0ty3Zb9+qbSSvrIVitzT3YjZqkTZ40IbRsPanlB4h1QB3JVL1SYCdR6ngtFYcuA==",
+      "license": "MIT"
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmmirror.com/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/append-field": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/append-field/-/append-field-1.0.0.tgz",
+      "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==",
+      "license": "MIT"
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmmirror.com/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
+      "license": "MIT"
+    },
+    "node_modules/aws-ssl-profiles": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
+      "integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmmirror.com/bcryptjs/-/bcryptjs-2.4.3.tgz",
+      "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==",
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/block-stream2": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/block-stream2/-/block-stream2-2.1.0.tgz",
+      "integrity": "sha512-suhjmLI57Ewpmq00qaygS8UgEq2ly2PCItenIyhMqVjo4t4pGzqMvfgJuX8iWTeSDdfSSqS6j38fL4ToNL7Pfg==",
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/block-stream2/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmmirror.com/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browser-or-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/browser-or-node/-/browser-or-node-2.1.1.tgz",
+      "integrity": "sha512-8CVjaLJGuSKMVTxJ2DpBl5XnlNDiT4cQFeuCJJrvJmts9YrTZDizTX7PjC2s6W4x+MBGZeEY6dGMrF04/6Hgqg==",
+      "license": "MIT"
+    },
+    "node_modules/buffer-crc32": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/buffer-crc32/-/buffer-crc32-1.0.0.tgz",
+      "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmmirror.com/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmmirror.com/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmmirror.com/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmmirror.com/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "license": "MIT"
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmmirror.com/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmmirror.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/denque": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/denque/-/denque-2.1.0.tgz",
+      "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmmirror.com/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dottie": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmmirror.com/dottie/-/dottie-2.0.7.tgz",
+      "integrity": "sha512-7lAK2A0b3zZr3UC5aE69CPdCFR4RHW1o2Dr74TqFykxkUCBXSRJum/yPc7g8zRHJqWKomPLHwFLLoUnn8PXXRg==",
+      "license": "MIT"
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmmirror.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "license": "MIT"
+    },
+    "node_modules/express": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmmirror.com/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.14.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/fast-xml-builder": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/fast-xml-builder/-/fast-xml-builder-1.1.4.tgz",
+      "integrity": "sha512-f2jhpN4Eccy0/Uz9csxh3Nu6q4ErKxf0XIsasomfOihuSUa3/xw6w8dnOtCDgEItQFJG8KyXPzQXzcODDrrbOg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "path-expression-matcher": "^1.1.3"
+      }
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "5.5.10",
+      "resolved": "https://registry.npmmirror.com/fast-xml-parser/-/fast-xml-parser-5.5.10.tgz",
+      "integrity": "sha512-go2J2xODMc32hT+4Xr/bBGXMaIoiCwrwp2mMtAvKyvEFW6S/v5Gn2pBmE4nvbwNjGhpcAiOwEv7R6/GZ6XRa9w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "fast-xml-builder": "^1.1.4",
+        "path-expression-matcher": "^1.2.1",
+        "strnum": "^2.2.2"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/filter-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/filter-obj/-/filter-obj-1.1.0.tgz",
+      "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmmirror.com/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmmirror.com/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generate-function": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/generate-function/-/generate-function-2.3.1.tgz",
+      "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-property": "^1.0.2"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/inflection": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmmirror.com/inflection/-/inflection-1.13.4.tgz",
+      "integrity": "sha512-6I/HUDeYFfuNCVS3td055BaXBwKYuzw7K3ExVMStBowKo9oOAMJIXIHvdyR3iboTCp1b+1i5DSkIZTcwIktuDw==",
+      "engines": [
+        "node >= 0.4.0"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
+      "license": "MIT"
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmmirror.com/jsonwebtoken/-/jsonwebtoken-9.0.3.tgz",
+      "integrity": "sha512-MT/xP0CrubFRNLNKvxJ2BYfy53Zkm++5bX9dtuPbqAeQpTVe0MQTFhao8+Cp//EmJp244xt6Drw/GVEGCUj40g==",
+      "license": "MIT",
+      "dependencies": {
+        "jws": "^4.0.1",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/jwa": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/jwa/-/jwa-2.0.1.tgz",
+      "integrity": "sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "^1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/jws/-/jws-4.0.1.tgz",
+      "integrity": "sha512-EKI/M/yqPncGUUh44xz0PxSidXFr/+r0pA70+gIYhjv+et7yxM+s29Y+VGDkovRofQem0fs7Uvf4+YmAdyRduA==",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmmirror.com/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmmirror.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
+      "license": "MIT"
+    },
+    "node_modules/long": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/long/-/long-5.3.2.tgz",
+      "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/lru.min": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/lru.min/-/lru.min-1.1.4.tgz",
+      "integrity": "sha512-DqC6n3QQ77zdFpCMASA1a3Jlb64Hv2N2DciFGkO/4L9+q/IpIAuRlKOvCXabtRW6cQf8usbmM6BE/TOPysCdIA==",
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1.0.0",
+        "deno": ">=1.30.0",
+        "node": ">=8.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wellwelwel"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minio": {
+      "version": "8.0.7",
+      "resolved": "https://registry.npmmirror.com/minio/-/minio-8.0.7.tgz",
+      "integrity": "sha512-E737MgufW8CeQAsTAtnEMrxZ9scMSf29kkhZoXzDTKj/Jszzo2SfeZUH9wbDQH2Rsq6TCtl/yQL0+XdVKZansQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "async": "^3.2.4",
+        "block-stream2": "^2.1.0",
+        "browser-or-node": "^2.1.1",
+        "buffer-crc32": "^1.0.0",
+        "eventemitter3": "^5.0.1",
+        "fast-xml-parser": "^5.3.4",
+        "ipaddr.js": "^2.0.1",
+        "lodash": "^4.17.21",
+        "mime-types": "^2.1.35",
+        "query-string": "^7.1.3",
+        "stream-json": "^1.8.0",
+        "through2": "^4.0.2",
+        "xml2js": "^0.5.0 || ^0.6.2"
+      },
+      "engines": {
+        "node": "^16 || ^18 || >=20"
+      }
+    },
+    "node_modules/minio/node_modules/ipaddr.js": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-2.3.0.tgz",
+      "integrity": "sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/moment-timezone": {
+      "version": "0.5.48",
+      "resolved": "https://registry.npmmirror.com/moment-timezone/-/moment-timezone-0.5.48.tgz",
+      "integrity": "sha512-f22b8LV1gbTO2ms2j2z13MuPogNoh5UzxL3nzNAYKGraILnbGc9NEE6dyiiiLv46DGRb8A4kg8UKWLjPthxBHw==",
+      "license": "MIT",
+      "dependencies": {
+        "moment": "^2.29.4"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/multer": {
+      "version": "1.4.5-lts.2",
+      "resolved": "https://registry.npmmirror.com/multer/-/multer-1.4.5-lts.2.tgz",
+      "integrity": "sha512-VzGiVigcG9zUAoCNU+xShztrlr1auZOlurXynNvO9GiWD1/mTBbUljOKY+qMeazBqXgRnjzeEgJI/wyjJUHg9A==",
+      "deprecated": "Multer 1.x is impacted by a number of vulnerabilities, which have been patched in 2.x. You should upgrade to the latest 2.x version.",
+      "license": "MIT",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.0.0",
+        "concat-stream": "^1.5.2",
+        "mkdirp": "^0.5.4",
+        "object-assign": "^4.1.1",
+        "type-is": "^1.6.4",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/mysql2": {
+      "version": "3.20.0",
+      "resolved": "https://registry.npmmirror.com/mysql2/-/mysql2-3.20.0.tgz",
+      "integrity": "sha512-eCLUs7BNbgA6nf/MZXsaBO1SfGs0LtLVrJD3WeWq+jPLDWkSufTD+aGMwykfUVPdZnblaUK1a8G/P63cl9FkKg==",
+      "license": "MIT",
+      "dependencies": {
+        "aws-ssl-profiles": "^1.1.2",
+        "denque": "^2.1.0",
+        "generate-function": "^2.3.1",
+        "iconv-lite": "^0.7.2",
+        "long": "^5.3.2",
+        "lru.min": "^1.1.4",
+        "named-placeholders": "^1.1.6",
+        "sql-escaper": "^1.3.3"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 8"
+      }
+    },
+    "node_modules/mysql2/node_modules/iconv-lite": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.7.2.tgz",
+      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/named-placeholders": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmmirror.com/named-placeholders/-/named-placeholders-1.1.6.tgz",
+      "integrity": "sha512-Tz09sEL2EEuv5fFowm419c1+a/jSMiBjI9gHxVLrVdbUkkNUUfjsVYs9pVZu5oCon/kmRh9TfLEObFtkVxmY0w==",
+      "license": "MIT",
+      "dependencies": {
+        "lru.min": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmmirror.com/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nodemon": {
+      "version": "3.1.14",
+      "resolved": "https://registry.npmmirror.com/nodemon/-/nodemon-3.1.14.tgz",
+      "integrity": "sha512-jakjZi93UtB3jHMWsXL68FXSAosbLfY0In5gtKq3niLSkrWznrVBzXFNOEMJUfc9+Ke7SHWoAZsiMkNP3vq6Jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^10.2.1",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nodemon/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmmirror.com/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-expression-matcher": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/path-expression-matcher/-/path-expression-matcher-1.3.0.tgz",
+      "integrity": "sha512-tkolHg8cWjEFA8+TqYGk0w6aNEZVcb7pVxW8KXZpU+ebaBr3s1ogbLssjK1cL74TtEuKl/qy6cb90RnwTFt3kw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmmirror.com/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
+      "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==",
+      "license": "MIT"
+    },
+    "node_modules/pg-connection-string": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmmirror.com/pg-connection-string/-/pg-connection-string-2.12.0.tgz",
+      "integrity": "sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==",
+      "license": "MIT"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmmirror.com/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmmirror.com/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/qs": {
+      "version": "6.14.2",
+      "resolved": "https://registry.npmmirror.com/qs/-/qs-6.14.2.tgz",
+      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/query-string": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmmirror.com/query-string/-/query-string-7.1.3.tgz",
+      "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
+      "license": "MIT",
+      "dependencies": {
+        "decode-uri-component": "^0.2.2",
+        "filter-obj": "^1.1.0",
+        "split-on-first": "^1.0.0",
+        "strict-uri-encode": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmmirror.com/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/retry-as-promised": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/retry-as-promised/-/retry-as-promised-7.1.1.tgz",
+      "integrity": "sha512-hMD7odLOt3LkTjcif8aRZqi/hybjpLNgSk5oF5FCowfCjok6LukpN2bDX7R5wDmbgBQFn7YoBxSagmtXHaJYJw==",
+      "license": "MIT"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/sax": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/sax/-/sax-1.6.0.tgz",
+      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmmirror.com/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/sequelize": {
+      "version": "6.37.8",
+      "resolved": "https://registry.npmmirror.com/sequelize/-/sequelize-6.37.8.tgz",
+      "integrity": "sha512-HJ0IQFqcTsTiqbEgiuioYFMSD00TP6Cz7zoTti+zVVBwVe9fEhev9cH6WnM3XU31+ABS356durAb99ZuOthnKw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/sequelize"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.1.8",
+        "@types/validator": "^13.7.17",
+        "debug": "^4.3.4",
+        "dottie": "^2.0.6",
+        "inflection": "^1.13.4",
+        "lodash": "^4.17.21",
+        "moment": "^2.29.4",
+        "moment-timezone": "^0.5.43",
+        "pg-connection-string": "^2.6.1",
+        "retry-as-promised": "^7.0.4",
+        "semver": "^7.5.4",
+        "sequelize-pool": "^7.1.0",
+        "toposort-class": "^1.0.1",
+        "uuid": "^8.3.2",
+        "validator": "^13.9.0",
+        "wkx": "^0.5.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ibm_db": {
+          "optional": true
+        },
+        "mariadb": {
+          "optional": true
+        },
+        "mysql2": {
+          "optional": true
+        },
+        "oracledb": {
+          "optional": true
+        },
+        "pg": {
+          "optional": true
+        },
+        "pg-hstore": {
+          "optional": true
+        },
+        "snowflake-sdk": {
+          "optional": true
+        },
+        "sqlite3": {
+          "optional": true
+        },
+        "tedious": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sequelize-pool": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmmirror.com/sequelize-pool/-/sequelize-pool-7.1.0.tgz",
+      "integrity": "sha512-G9c0qlIWQSK29pR/5U2JF5dDQeqqHRragoyahj/Nx4KOOQ3CPPfzxnfqFPCSB7x5UgjOgnZ61nSxz+fjDpRlJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/sequelize/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sequelize/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/sequelize/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmmirror.com/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmmirror.com/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/split-on-first": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/split-on-first/-/split-on-first-1.1.0.tgz",
+      "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/sql-escaper": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/sql-escaper/-/sql-escaper-1.3.3.tgz",
+      "integrity": "sha512-BsTCV265VpTp8tm1wyIm1xqQCS+Q9NHx2Sr+WcnUrgLrQ6yiDIvHYJV5gHxsj1lMBy2zm5twLaZao8Jd+S8JJw==",
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1.0.0",
+        "deno": ">=2.0.0",
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/mysqljs/sql-escaper?sponsor=1"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/stream-chain": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmmirror.com/stream-chain/-/stream-chain-2.2.5.tgz",
+      "integrity": "sha512-1TJmBx6aSWqZ4tx7aTpBDXK0/e2hhcNSTV8+CbFJtDjbb+I1mZ8lHit0Grw9GRT+6JbIrrDd8esncgBi8aBXGA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/stream-json": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmmirror.com/stream-json/-/stream-json-1.9.1.tgz",
+      "integrity": "sha512-uWkjJ+2Nt/LO9Z/JyKZbMusL8Dkh97uUBTv3AJQ74y07lVahLY4eEFsPsE97pxYBwr8nnjMAIch5eqI0gPShyw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "stream-chain": "^2.2.5"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/strict-uri-encode": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
+      "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/strnum": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmmirror.com/strnum/-/strnum-2.2.3.tgz",
+      "integrity": "sha512-oKx6RUCuHfT3oyVjtnrmn19H1SiCqgJSg+54XqURKp5aCMbrXrhLjRN9TjuwMjiYstZ0MzDrHqkGZ5dFTKd+zg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/through2": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/through2/-/through2-4.0.2.tgz",
+      "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "3"
+      }
+    },
+    "node_modules/through2/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/toposort-class": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/toposort-class/-/toposort-class-1.0.1.tgz",
+      "integrity": "sha512-OsLcGGbYF3rMjPUf8oKktyvCiUxSbqMMS39m33MAjLTC1DVIH6x3WSt63/M77ihI09+Sdfk1AXvfhCEeUmC7mg==",
+      "license": "MIT"
+    },
+    "node_modules/touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmmirror.com/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "license": "MIT"
+    },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmmirror.com/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.18.2",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.18.2.tgz",
+      "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
+      "license": "MIT"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/validator": {
+      "version": "13.15.35",
+      "resolved": "https://registry.npmmirror.com/validator/-/validator-13.15.35.tgz",
+      "integrity": "sha512-TQ5pAGhd5whStmqWvYF4OjQROlmv9SMFVt37qoCBdqRffuuklWYQlCNnEs2ZaIBD1kZRNnikiZOS1eqgkar0iw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/wkx": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmmirror.com/wkx/-/wkx-0.5.0.tgz",
+      "integrity": "sha512-Xng/d4Ichh8uN4l0FToV/258EjMGU9MGcA0HV2d9B/ZpZB3lqQm7nkOdZdm5GhKtLLhAE7PiVQwN4eN+2YJJUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/xml2js": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmmirror.com/xml2js/-/xml2js-0.6.2.tgz",
+      "integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
+      "license": "MIT",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmmirror.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    }
+  }
+}
diff --git a/backend/package.json b/backend/package.json
new file mode 100644
index 0000000..c4dc3e0
--- /dev/null
+++ b/backend/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "quanyoumi-backend",
+  "version": "1.0.0",
+  "description": "泉友米车友会管理系统后端",
+  "main": "server.js",
+  "scripts": {
+    "start": "node server.js",
+    "dev": "nodemon server.js"
+  },
+  "dependencies": {
+    "bcryptjs": "^2.4.3",
+    "cors": "^2.8.5",
+    "dotenv": "^16.3.1",
+    "express": "^4.18.2",
+    "jsonwebtoken": "^9.0.2",
+    "minio": "^8.0.7",
+    "multer": "^1.4.5-lts.1",
+    "mysql2": "^3.6.0",
+    "sequelize": "^6.33.0",
+    "uuid": "^9.0.1"
+  },
+  "devDependencies": {
+    "nodemon": "^3.0.1"
+  }
+}
diff --git a/backend/routes/activity.js b/backend/routes/activity.js
new file mode 100644
index 0000000..3881fc3
--- /dev/null
+++ b/backend/routes/activity.js
@@ -0,0 +1,113 @@
+const express = require('express');
+const router = express.Router();
+const { Activity, Photo, Sponsor, Expense, Registration } = require('../models');
+const { upload, uploadFilesToMinio } = require('../middleware/upload');
+
+// 获取活动列表
+router.get('/activities', async (req, res) => {
+  try {
+    const { status } = req.query;
+    const where = status ? { status } : {};
+    const activities = await Activity.findAll({ where, order: [['startTime', 'DESC']] });
+    res.json(activities);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 获取活动详情
+router.get('/activities/:id', async (req, res) => {
+  try {
+    const activity = await Activity.findByPk(req.params.id);
+    // 只返回已审核通过的照片
+    const photos = await Photo.findAll({ 
+      where: { activityId: req.params.id, status: 'approved' } 
+    });
+    const sponsors = await Sponsor.findAll({ where: { activityId: req.params.id } });
+    const expenses = await Expense.findAll({ where: { activityId: req.params.id } });
+    
+    res.json({ activity, photos, sponsors, expenses });
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 获取活动经费（公开接口）
+router.get('/activities/:id/expenses', async (req, res) => {
+  try {
+    const expenses = await Expense.findAll({ where: { activityId: req.params.id } });
+    res.json(expenses);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 用户上传照片（需要审核）
+router.post('/activities/:id/photos', upload.array('photos', 10), async (req, res) => {
+  try {
+    const { uploadedBy } = req.body;
+    const uploaded = await uploadFilesToMinio(req.files);
+    const photos = uploaded.map(file => ({
+      activityId: req.params.id,
+      url: file.url,
+      type: /\.(mp4|mov|avi)$/i.test(file.filename) ? 'video' : 'image',
+      uploadedBy,
+      status: 'pending'
+    }));
+    const created = await Photo.bulkCreate(photos);
+    res.json(created);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 用户验证登录
+router.post('/auth/verify/:activityId', async (req, res) => {
+  try {
+    const { phone, carNumber } = req.body;
+    const { activityId } = req.params;
+    
+    console.log('验证请求:', { phone, carNumber, activityId });
+    
+    if (!phone || !carNumber) {
+      return res.status(400).json({ error: '请输入手机号和车牌号' });
+    }
+    
+    const registration = await Registration.findOne({
+      where: { 
+        activityId, 
+        phone, 
+        carNumber 
+      }
+    });
+    
+    console.log('查询结果:', registration ? '找到' : '未找到');
+    
+    if (!registration) {
+      // 调试：查询该活动下该手机号的所有报名
+      const allRegs = await Registration.findAll({
+        where: { activityId, phone }
+      });
+      console.log('该手机号的所有报名:', allRegs.map(r => ({ id: r.id, carNumber: r.carNumber })));
+      
+      return res.status(404).json({ error: '未找到报名信息，请检查车牌号是否正确' });
+    }
+    
+    res.json({
+      registration: {
+        id: registration.id,
+        name: registration.name,
+        phone: registration.phone,
+        carNumber: registration.carNumber,
+        carModel: registration.carModel,
+        status: registration.status,
+        activityId: registration.activityId
+      }
+    });
+  } catch (error) {
+    console.error('验证错误:', error);
+    res.status(500).json({ error: error.message });
+  }
+});
+
+module.exports = router;
diff --git a/backend/routes/admin.js b/backend/routes/admin.js
new file mode 100644
index 0000000..fbdce2d
--- /dev/null
+++ b/backend/routes/admin.js
@@ -0,0 +1,294 @@
+const express = require('express');
+const router = express.Router();
+const bcrypt = require('bcryptjs');
+const jwt = require('jsonwebtoken');
+const auth = require('../middleware/auth');
+const { upload, uploadFilesToMinio } = require('../middleware/upload');
+const { deleteFile } = require('../utils/minio');
+const { Admin, Activity, Registration, Expense, Photo, Sponsor } = require('../models');
+
+// 管理员登录
+router.post('/login', async (req, res) => {
+  try {
+    const { username, password } = req.body;
+    const admin = await Admin.findOne({ where: { username } });
+    if (!admin || !bcrypt.compareSync(password, admin.password)) {
+      return res.status(401).json({ error: '用户名或密码错误' });
+    }
+    const token = jwt.sign({ id: admin.id }, process.env.JWT_SECRET, { expiresIn: '7d' });
+    res.json({ token, admin: { id: admin.id, username: admin.username, name: admin.name } });
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 创建活动
+router.post('/activities', auth, async (req, res) => {
+  try {
+    const activity = await Activity.create(req.body);
+    res.json(activity);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 编辑活动
+router.put('/activities/:id', auth, async (req, res) => {
+  try {
+    await Activity.update(req.body, { where: { id: req.params.id } });
+    const activity = await Activity.findByPk(req.params.id);
+    res.json(activity);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 审核报名
+router.put('/registrations/:id', auth, async (req, res) => {
+  try {
+    const { status, peopleCount } = req.body;
+    const updateData = {};
+    if (status) updateData.status = status;
+    if (peopleCount !== undefined) updateData.peopleCount = peopleCount;
+    
+    await Registration.update(updateData, { where: { id: req.params.id } });
+    const registration = await Registration.findByPk(req.params.id);
+    res.json(registration);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 签到/取消签到
+router.put('/registrations/:id/checkin', auth, async (req, res) => {
+  try {
+    const registration = await Registration.findByPk(req.params.id);
+    if (!registration) {
+      return res.status(404).json({ error: '报名信息不存在' });
+    }
+    
+    const newStatus = !registration.checkInStatus;
+    await Registration.update({ 
+      checkInStatus: newStatus,
+      checkInTime: newStatus ? new Date() : null
+    }, { where: { id: req.params.id } });
+    
+    const updated = await Registration.findByPk(req.params.id);
+    res.json(updated);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 获取所有报名（含待审核）
+router.get('/registrations', auth, async (req, res) => {
+  try {
+    const { activityId } = req.query;
+    const where = activityId ? { activityId } : {};
+    const registrations = await Registration.findAll({ where, order: [['createdAt', 'DESC']] });
+    res.json(registrations);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 上传经费明细
+router.post('/expenses', auth, upload.array('media', 5), async (req, res) => {
+  try {
+    const { activityId, item, amount, category, note } = req.body;
+    let receipt = null;
+    let media = [];
+    
+    if (req.files && req.files.length > 0) {
+      const uploaded = await uploadFilesToMinio(req.files);
+      media = uploaded.map(file => ({
+        url: file.url,
+        type: file.mimetype.startsWith('video/') ? 'video' : 'image'
+      }));
+    }
+    
+    const expense = await Expense.create({ 
+      activityId, 
+      item, 
+      amount, 
+      category, 
+      receipt, 
+      note,
+      media 
+    });
+    res.json(expense);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 获取经费列表
+router.get('/expenses', auth, async (req, res) => {
+  try {
+    const { activityId } = req.query;
+    const where = activityId ? { activityId } : {};
+    const expenses = await Expense.findAll({ where });
+    res.json(expenses);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 更新经费
+router.put('/expenses/:id', auth, upload.array('media', 5), async (req, res) => {
+  try {
+    const { item, amount, category, note, existingMedia } = req.body;
+    const updateData = { item, amount, category, note };
+    
+    // 处理现有媒体
+    let media = [];
+    if (existingMedia) {
+      try {
+        media = JSON.parse(existingMedia);
+      } catch (e) {
+        media = [];
+      }
+    }
+    
+    // 处理新上传的媒体
+    if (req.files && req.files.length > 0) {
+      const uploaded = await uploadFilesToMinio(req.files);
+      const newMedia = uploaded.map(file => ({
+        url: file.url,
+        type: file.mimetype.startsWith('video/') ? 'video' : 'image'
+      }));
+      media = [...media, ...newMedia].slice(0, 5); // 限制最多5个
+    }
+    
+    updateData.media = media;
+    
+    await Expense.update(updateData, { where: { id: req.params.id } });
+    const expense = await Expense.findByPk(req.params.id);
+    res.json(expense);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 删除经费
+router.delete('/expenses/:id', auth, async (req, res) => {
+  try {
+    await Expense.destroy({ where: { id: req.params.id } });
+    res.json({ message: '删除成功' });
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 上传活动照片
+router.post('/photos', auth, upload.array('photos', 10), async (req, res) => {
+  try {
+    const { activityId } = req.body;
+    const uploaded = await uploadFilesToMinio(req.files);
+    const photos = uploaded.map(file => ({
+      activityId,
+      url: file.url,
+      type: /\.(mp4|mov|avi)$/i.test(file.filename) ? 'video' : 'image',
+      status: 'approved'
+    }));
+    const created = await Photo.bulkCreate(photos);
+    res.json(created);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 获取待审核照片
+router.get('/photos/pending', auth, async (req, res) => {
+  try {
+    const photos = await Photo.findAll({
+      where: { status: 'pending' },
+      order: [['createdAt', 'DESC']]
+    });
+    res.json(photos);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 审核照片
+router.put('/photos/:id', auth, async (req, res) => {
+  try {
+    const { status } = req.body;
+    await Photo.update({ status }, { where: { id: req.params.id } });
+    const photo = await Photo.findByPk(req.params.id);
+    res.json(photo);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 删除照片
+router.delete('/photos/:id', auth, async (req, res) => {
+  try {
+    const photo = await Photo.findByPk(req.params.id);
+    if (!photo) {
+      return res.status(404).json({ error: '照片不存在' });
+    }
+    
+    // 从URL提取文件名
+    const filename = photo.url.split('/').pop();
+    
+    // 从MinIO删除文件
+    await deleteFile(filename);
+    
+    // 从数据库删除记录
+    await photo.destroy();
+    
+    res.json({ message: '删除成功' });
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 添加赞助商
+router.post('/sponsors', auth, upload.single('logo'), async (req, res) => {
+  try {
+    const { activityId, name, type, link } = req.body;
+    let logo = null;
+    if (req.file) {
+      const [uploaded] = await uploadFilesToMinio(req.file);
+      logo = uploaded.url;
+    }
+    const sponsor = await Sponsor.create({ activityId, name, logo, type, link });
+    res.json(sponsor);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 更新赞助商
+router.put('/sponsors/:id', auth, upload.single('logo'), async (req, res) => {
+  try {
+    const { name, type, link } = req.body;
+    const updateData = { name, type, link };
+    
+    if (req.file) {
+      const [uploaded] = await uploadFilesToMinio(req.file);
+      updateData.logo = uploaded.url;
+    }
+    
+    await Sponsor.update(updateData, { where: { id: req.params.id } });
+    const sponsor = await Sponsor.findByPk(req.params.id);
+    res.json(sponsor);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 删除赞助商
+router.delete('/sponsors/:id', auth, async (req, res) => {
+  try {
+    await Sponsor.destroy({ where: { id: req.params.id } });
+    res.json({ message: '删除成功' });
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+module.exports = router;
diff --git a/backend/routes/registration.js b/backend/routes/registration.js
new file mode 100644
index 0000000..6cd8cd5
--- /dev/null
+++ b/backend/routes/registration.js
@@ -0,0 +1,47 @@
+const express = require('express');
+const router = express.Router();
+const { Registration, Activity } = require('../models');
+
+// 提交报名
+router.post('/registrations', async (req, res) => {
+  try {
+    const { activityId, name, phone, carModel, carNumber, note } = req.body;
+    
+    const activity = await Activity.findByPk(activityId);
+    if (!activity) {
+      return res.status(404).json({ error: '活动不存在' });
+    }
+    
+    const registration = await Registration.create({
+      activityId, name, phone, carModel, carNumber, note
+    });
+    
+    res.json(registration);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 查询报名状态
+router.get('/registrations/:id', async (req, res) => {
+  try {
+    const registration = await Registration.findByPk(req.params.id);
+    res.json(registration);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+// 获取活动报名列表（已通过）
+router.get('/activities/:id/registrations', async (req, res) => {
+  try {
+    const registrations = await Registration.findAll({
+      where: { activityId: req.params.id, status: 'approved' }
+    });
+    res.json(registrations);
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+});
+
+module.exports = router;
diff --git a/backend/server.js b/backend/server.js
new file mode 100644
index 0000000..8812c16
--- /dev/null
+++ b/backend/server.js
@@ -0,0 +1,36 @@
+require('dotenv').config();
+const express = require('express');
+const cors = require('cors');
+const path = require('path');
+
+const app = express();
+
+// 中间件
+app.use(cors());
+app.use(express.json());
+
+// API 路由
+app.use('/api', require('./routes/activity'));
+app.use('/api', require('./routes/registration'));
+app.use('/api/admin', require('./routes/admin'));
+
+// 生产环境下提供前端静态文件
+if (process.env.NODE_ENV === 'production') {
+  // 静态文件目录
+  app.use(express.static(path.join(__dirname, 'public')));
+  
+  // 所有其他请求返回 index.html（支持前端路由）
+  app.get('*', (req, res) => {
+    res.sendFile(path.join(__dirname, 'public', 'index.html'));
+  });
+}
+
+const PORT = process.env.PORT || 3000;
+app.listen(PORT, () => {
+  console.log(`服务器运行在 http://localhost:${PORT}`);
+  if (process.env.NODE_ENV === 'production') {
+    console.log('运行模式: 生产环境（前后端一体）');
+  } else {
+    console.log('运行模式: 开发环境（仅后端API）');
+  }
+});
diff --git a/backend/uploads/.gitkeep b/backend/uploads/.gitkeep
new file mode 100644
index 0000000..49cc8ef
Binary files /dev/null and b/backend/uploads/.gitkeep differ
diff --git a/backend/utils/minio.js b/backend/utils/minio.js
new file mode 100644
index 0000000..318ee3b
--- /dev/null
+++ b/backend/utils/minio.js
@@ -0,0 +1,88 @@
+const Minio = require('minio');
+
+const config = {
+  endPoint: process.env.MINIO_ENDPOINT || 'localhost',
+  port: parseInt(process.env.MINIO_PORT) || 9000,
+  useSSL: process.env.MINIO_USE_SSL === 'true',
+  accessKey: process.env.MINIO_ACCESS_KEY || 'minioadmin',
+  secretKey: process.env.MINIO_SECRET_KEY || 'minioadmin'
+};
+
+console.log('MinIO 配置:', {
+  ...config,
+  secretKey: '***' // 隐藏密钥
+});
+
+const client = new Minio.Client(config);
+
+const BUCKET = process.env.MINIO_BUCKET || 'quanyoumi';
+
+// 确保 bucket 存在
+const ensureBucket = async () => {
+  try {
+    console.log(`检查 bucket: ${BUCKET}`);
+    const exists = await client.bucketExists(BUCKET);
+    console.log(`Bucket ${BUCKET} 存在:`, exists);
+    
+    if (!exists) {
+      console.log(`创建 bucket: ${BUCKET}`);
+      await client.makeBucket(BUCKET);
+      
+      // 设置公开读取策略
+      const policy = JSON.stringify({
+        Version: '2012-10-17',
+        Statement: [{
+          Effect: 'Allow',
+          Principal: { AWS: ['*'] },
+          Action: ['s3:GetObject'],
+          Resource: [`arn:aws:s3:::${BUCKET}/*`]
+        }]
+      });
+      await client.setBucketPolicy(BUCKET, policy);
+      console.log(`Bucket ${BUCKET} 创建成功并设置为公开读取`);
+    }
+  } catch (error) {
+    console.error('ensureBucket 错误:', error);
+    throw error;
+  }
+};
+
+// 上传 buffer 到 MinIO，返回公开访问 URL
+const uploadBuffer = async (buffer, filename, mimetype) => {
+  try {
+    console.log(`开始上传文件: ${filename}, 大小: ${buffer.length} bytes`);
+    await ensureBucket();
+    
+    await client.putObject(BUCKET, filename, buffer, buffer.length, { 'Content-Type': mimetype });
+    console.log(`文件上传成功: ${filename}`);
+    
+    // 如果配置了公开 URL 就用，否则用 endpoint 拼接
+    const publicUrl = process.env.MINIO_PUBLIC_URL;
+    if (publicUrl) {
+      return `${publicUrl}/${BUCKET}/${filename}`;
+    }
+    
+    const protocol = process.env.MINIO_USE_SSL === 'true' ? 'https' : 'http';
+    const endpoint = process.env.MINIO_ENDPOINT || 'localhost';
+    const port = process.env.MINIO_PORT || 9000;
+    return `${protocol}://${endpoint}:${port}/${BUCKET}/${filename}`;
+  } catch (error) {
+    console.error('uploadBuffer 错误:', error);
+    throw error;
+  }
+};
+
+// 从 MinIO 删除文件
+const deleteFile = async (filename) => {
+  try {
+    console.log(`开始删除文件: ${filename}`);
+    await client.removeObject(BUCKET, filename);
+    console.log(`文件删除成功: ${filename}`);
+    return true;
+  } catch (error) {
+    console.error('deleteFile 错误:', error);
+    throw error;
+  }
+};
+
+module.exports = { client, BUCKET, uploadBuffer, deleteFile };
diff --git a/build.bat b/build.bat
new file mode 100644
index 0000000..baf8326
--- /dev/null
+++ b/build.bat
@@ -0,0 +1,69 @@
+@echo off
+REM 泉友米车友会 - Docker 构建脚本 (Windows)
+REM 版本: 0.0.1
+
+echo ==========================================
+echo 泉友米车友会 Docker 镜像构建
+echo 版本: 0.0.1
+echo ==========================================
+
+REM 检查 Docker 是否安装
+docker --version >nul 2>&1
+if errorlevel 1 (
+    echo 错误: Docker 未安装，请先安装 Docker Desktop
+    pause
+    exit /b 1
+)
+
+echo.
+echo 开始构建 Docker 镜像...
+docker build -t quanyoumi-app:0.0.1 -t quanyoumi-app:latest .
+
+if errorlevel 1 (
+    echo.
+    echo 构建失败！
+    pause
+    exit /b 1
+)
+
+echo.
+echo ==========================================
+echo 构建完成！
+echo ==========================================
+echo.
+echo 镜像信息:
+docker images | findstr quanyoumi-app
+echo.
+
+REM 标记镜像到阿里云仓库
+echo 正在标记镜像到阿里云仓库...
+docker tag quanyoumi-app:0.0.1 registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1
+docker tag quanyoumi-app:latest registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:latest
+
+echo.
+echo 正在推送镜像到阿里云仓库...
+docker push registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1
+docker push registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:latest
+
+if errorlevel 1 (
+    echo.
+    echo 推送失败！请检查是否已登录阿里云镜像仓库
+    echo 登录命令: docker login --username=你的用户名 registry.cn-hangzhou.aliyuncs.com
+    pause
+    exit /b 1
+)
+
+echo.
+echo ==========================================
+echo 推送完成！
+echo ==========================================
+echo.
+echo 镜像地址:
+echo   registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1
+echo   registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:latest
+echo.
+echo 在 NAS 上使用:
+echo   docker pull registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1
+echo   docker-compose up -d
+echo.
+pause
diff --git a/build.sh b/build.sh
new file mode 100644
index 0000000..4f4ef91
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,55 @@
+#!/bin/bash
+
+# 泉友米车友会 - Docker 构建脚本
+# 版本: 0.0.1
+
+set -e
+
+echo "=========================================="
+echo "泉友米车友会 Docker 镜像构建"
+echo "版本: 0.0.1"
+echo "=========================================="
+
+# 检查 Docker 是否安装
+if ! command -v docker &> /dev/null; then
+    echo "错误: Docker 未安装，请先安装 Docker"
+    exit 1
+fi
+
+# 构建镜像
+echo ""
+echo "开始构建 Docker 镜像..."
+docker build -t quanyoumi-app:0.0.1 -t quanyoumi-app:latest .
+
+echo ""
+echo "=========================================="
+echo "构建完成！"
+echo "=========================================="
+echo ""
+echo "镜像信息:"
+docker images | grep quanyoumi-app
+echo ""
+
+# 标记镜像到阿里云仓库
+echo "正在标记镜像到阿里云仓库..."
+docker tag quanyoumi-app:0.0.1 registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1
+docker tag quanyoumi-app:latest registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:latest
+
+echo ""
+echo "正在推送镜像到阿里云仓库..."
+docker push registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1
+docker push registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:latest
+
+echo ""
+echo "=========================================="
+echo "推送完成！"
+echo "=========================================="
+echo ""
+echo "镜像地址:"
+echo "  registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1"
+echo "  registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:latest"
+echo ""
+echo "在 NAS 上使用:"
+echo "  docker pull registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1"
+echo "  docker-compose up -d"
+echo ""
diff --git a/database-migration-checkin.sql b/database-migration-checkin.sql
new file mode 100644
index 0000000..176d76c
--- /dev/null
+++ b/database-migration-checkin.sql
@@ -0,0 +1,4 @@
+-- 添加签到功能字段
+ALTER TABLE Registrations 
+ADD COLUMN checkInStatus BOOLEAN DEFAULT false COMMENT '是否已签到',
+ADD COLUMN checkInTime DATETIME NULL COMMENT '签到时间';
diff --git a/database.sql b/database.sql
new file mode 100644
index 0000000..07cb768
--- /dev/null
+++ b/database.sql
@@ -0,0 +1,90 @@
+-- 创建数据库
+CREATE DATABASE IF NOT EXISTS quanyoumi CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+USE quanyoumi;
+
+-- 活动表
+CREATE TABLE IF NOT EXISTS Activities (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  title VARCHAR(255) NOT NULL,
+  description TEXT,
+  location VARCHAR(255),
+  locationLat DECIMAL(10, 7),
+  locationLng DECIMAL(10, 7),
+  startTime DATETIME,
+  endTime DATETIME,
+  registrationDeadline DATETIME,
+  maxParticipants INT,
+  budget DECIMAL(10, 2) DEFAULT 0 COMMENT '活动预算',
+  status ENUM('upcoming', 'ongoing', 'completed') DEFAULT 'upcoming',
+  coverImage VARCHAR(255),
+  createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
+  updatedAt DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+);
+
+-- 报名表
+CREATE TABLE IF NOT EXISTS Registrations (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  activityId INT NOT NULL,
+  name VARCHAR(100) NOT NULL,
+  phone VARCHAR(20) NOT NULL,
+  carModel VARCHAR(100),
+  carNumber VARCHAR(20),
+  peopleCount INT DEFAULT 1,
+  status ENUM('pending', 'approved', 'rejected') DEFAULT 'pending',
+  note TEXT,
+  createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
+  updatedAt DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  FOREIGN KEY (activityId) REFERENCES Activities(id) ON DELETE CASCADE
+);
+
+-- 经费表
+CREATE TABLE IF NOT EXISTS Expenses (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  activityId INT NOT NULL,
+  item VARCHAR(255) NOT NULL,
+  amount DECIMAL(10, 2) NOT NULL,
+  category VARCHAR(100),
+  receipt VARCHAR(255),
+  note TEXT,
+  createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
+  updatedAt DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  FOREIGN KEY (activityId) REFERENCES Activities(id) ON DELETE CASCADE
+);
+
+-- 照片表
+CREATE TABLE IF NOT EXISTS Photos (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  activityId INT NOT NULL,
+  url VARCHAR(255) NOT NULL,
+  type ENUM('image', 'video') DEFAULT 'image',
+  description VARCHAR(255),
+  uploadedBy VARCHAR(100),
+  status ENUM('pending', 'approved', 'rejected') DEFAULT 'approved',
+  createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
+  updatedAt DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  FOREIGN KEY (activityId) REFERENCES Activities(id) ON DELETE CASCADE
+);
+
+-- 赞助商表
+CREATE TABLE IF NOT EXISTS Sponsors (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  activityId INT NOT NULL,
+  name VARCHAR(255) NOT NULL,
+  logo VARCHAR(255),
+  type ENUM('title', 'sponsor') DEFAULT 'sponsor',
+  link VARCHAR(255),
+  createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
+  updatedAt DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  FOREIGN KEY (activityId) REFERENCES Activities(id) ON DELETE CASCADE
+);
+
+-- 管理员表
+CREATE TABLE IF NOT EXISTS Admins (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  username VARCHAR(50) NOT NULL UNIQUE,
+  password VARCHAR(255) NOT NULL,
+  name VARCHAR(100),
+  createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
+  updatedAt DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+);
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..6797397
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,99 @@
+version: '3.8'
+
+services:
+  # 应用服务（前端+后端）
+  app:
+    image: registry.cn-hangzhou.aliyuncs.com/yvan329/quanyoumi-app:0.0.1
+    container_name: quanyoumi-app
+    restart: unless-stopped
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+      - PORT=3000
+      # 数据库配置
+      - DB_HOST=db
+      - DB_PORT=3306
+      - DB_USER=root
+      - DB_PASSWORD=quanyoumi2024
+      - DB_NAME=quanyoumi
+      # JWT 密钥（请修改为随机字符串）
+      - JWT_SECRET=quanyoumi_jwt_secret_change_this_in_production_2024
+      # 高德地图配置（必填）
+      - AMAP_KEY=fd5b77136ba34fe6b4f0f86dca7782d9
+      - AMAP_SECURITY_CODE=7f61638e5635d944a534ff747dc615ac
+      # MinIO 配置
+      - MINIO_ENDPOINT=minio
+      - MINIO_PORT=9000
+      - MINIO_ACCESS_KEY=minioadmin
+      - MINIO_SECRET_KEY=minioadmin123
+      - MINIO_BUCKET=quanyoumi
+    volumes:
+      - app-uploads:/app/uploads
+    depends_on:
+      - db
+      - minio
+    networks:
+      - quanyoumi-network
+    healthcheck:
+      test: ["CMD", "node", "-e", "require('http').get('http://localhost:3000/api/activities', (r) => process.exit(r.statusCode === 200 ? 0 : 1))"]
+      interval: 30s
+      timeout: 3s
+      retries: 3
+      start_period: 10s
+
+  # MySQL 数据库
+  db:
+    image: mysql:8.0
+    container_name: quanyoumi-db
+    restart: unless-stopped
+    environment:
+      - MYSQL_ROOT_PASSWORD=quanyoumi2024
+      - MYSQL_DATABASE=quanyoumi
+      - MYSQL_CHARACTER_SET_SERVER=utf8mb4
+      - MYSQL_COLLATION_SERVER=utf8mb4_unicode_ci
+    volumes:
+      - mysql-data:/var/lib/mysql
+      - ./database.sql:/docker-entrypoint-initdb.d/init.sql
+    networks:
+      - quanyoumi-network
+    healthcheck:
+      test: ["CMD", "mysqladmin", "ping", "-h", "localhost", "-u", "root", "-pquanyoumi2024"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+      start_period: 30s
+
+  # MinIO 对象存储
+  minio:
+    image: minio/minio:latest
+    container_name: quanyoumi-minio
+    restart: unless-stopped
+    command: server /data --console-address ":9001"
+    environment:
+      - MINIO_ROOT_USER=minioadmin
+      - MINIO_ROOT_PASSWORD=minioadmin123
+    volumes:
+      - minio-data:/data
+    ports:
+      - "9001:9001"
+    networks:
+      - quanyoumi-network
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:9000/minio/health/live"]
+      interval: 30s
+      timeout: 20s
+      retries: 3
+      start_period: 10s
+
+volumes:
+  mysql-data:
+    driver: local
+  minio-data:
+    driver: local
+  app-uploads:
+    driver: local
+
+networks:
+  quanyoumi-network:
+    driver: bridge
diff --git a/docker-entrypoint.sh b/docker-entrypoint.sh
new file mode 100644
index 0000000..4511471
--- /dev/null
+++ b/docker-entrypoint.sh
@@ -0,0 +1,37 @@
+#!/bin/sh
+set -e
+
+echo "=========================================="
+echo "泉友米车友会 - 启动中..."
+echo "=========================================="
+
+# 替换前端 index.html 中的环境变量占位符
+if [ -f "/app/public/index.html" ]; then
+    echo "配置高德地图 Key..."
+    
+    # 使用环境变量替换占位符（直接修改文件）
+    AMAP_KEY="${AMAP_KEY:-YOUR_AMAP_KEY_PLACEHOLDER}"
+    AMAP_SECURITY_CODE="${AMAP_SECURITY_CODE:-YOUR_AMAP_SECURITY_CODE_PLACEHOLDER}"
+    
+    # 使用 sed -i 直接修改文件
+    sed -i "s|YOUR_AMAP_KEY_PLACEHOLDER|${AMAP_KEY}|g" /app/public/index.html
+    sed -i "s|YOUR_AMAP_SECURITY_CODE_PLACEHOLDER|${AMAP_SECURITY_CODE}|g" /app/public/index.html
+    
+    echo "环境变量注入完成："
+    echo "  AMAP_KEY: ${AMAP_KEY}"
+    echo "  AMAP_SECURITY_CODE: ${AMAP_SECURITY_CODE}"
+    
+    if [ "$AMAP_KEY" != "YOUR_AMAP_KEY_PLACEHOLDER" ] && [ -n "$AMAP_KEY" ]; then
+        echo "✓ 高德地图 Key 已配置"
+    else
+        echo "⚠ 警告: 高德地图 Key 未配置，地图功能将不可用"
+        echo "  请在 docker-compose.yml 中设置 AMAP_KEY 环境变量"
+    fi
+fi
+
+echo "=========================================="
+echo "启动应用服务..."
+echo "=========================================="
+
+# 使用 dumb-init 启动应用
+exec dumb-init "$@"
diff --git a/frontend/.env.example b/frontend/.env.example
new file mode 100644
index 0000000..d625a93
--- /dev/null
+++ b/frontend/.env.example
@@ -0,0 +1,9 @@
+# 高德地图API Key
+VITE_AMAP_KEY=your_amap_key_here
+
+# 高德地图安全密钥（securityJsCode）
+# 获取方式：登录 https://console.amap.com/ -> 应用管理 -> 查看应用详情 -> 安全密钥
+VITE_AMAP_SECURITY_CODE=your_security_code_here
+
+# API基础地址
+VITE_API_BASE_URL=/api
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..0c161e0
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <title>泉友米车友会</title>
+  <script>
+    // 运行时配置（可以通过环境变量注入）
+    window.AMAP_CONFIG = {
+      key: 'YOUR_AMAP_KEY_PLACEHOLDER',
+      securityCode: 'YOUR_AMAP_SECURITY_CODE_PLACEHOLDER'
+    };
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>
diff --git a/frontend/map-test.html b/frontend/map-test.html
new file mode 100644
index 0000000..b6e73ed
--- /dev/null
+++ b/frontend/map-test.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>高德地图搜索测试</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      padding: 20px;
+      max-width: 800px;
+      margin: 0 auto;
+    }
+    #container {
+      width: 100%;
+      height: 400px;
+      margin: 20px 0;
+      border: 1px solid #ccc;
+    }
+    .search-box {
+      margin: 20px 0;
+    }
+    input {
+      padding: 10px;
+      width: 300px;
+      font-size: 14px;
+    }
+    button {
+      padding: 10px 20px;
+      font-size: 14px;
+      cursor: pointer;
+    }
+    .results {
+      margin-top: 20px;
+    }
+    .result-item {
+      padding: 10px;
+      border-bottom: 1px solid #eee;
+      cursor: pointer;
+    }
+    .result-item:hover {
+      background: #f5f5f5;
+    }
+    .log {
+      background: #f5f5f5;
+      padding: 10px;
+      margin-top: 20px;
+      max-height: 300px;
+      overflow-y: auto;
+      font-family: monospace;
+      font-size: 12px;
+    }
+  </style>
+</head>
+<body>
+  <h1>高德地图搜索功能测试</h1>
+  
+  <div class="search-box">
+    <input type="text" id="keyword" placeholder="输入地点名称，如：泉州市政府" />
+    <button onclick="searchPlace()">搜索</button>
+  </div>
+  
+  <div id="container"></div>
+  
+  <div class="results" id="results"></div>
+  
+  <div class="log" id="log"></div>
+
+  <script>
+    // 替换为你的高德地图Key和安全密钥
+    const AMAP_KEY = 'fd5b77136ba34fe6b4f0f86dca7782d9';
+    const SECURITY_CODE = 'b2e67bb4d5eed8848f0b8aae6ca667fc';
+    
+    let map = null;
+    let placeSearch = null;
+    let marker = null;
+    
+    function log(message) {
+      const logDiv = document.getElementById('log');
+      const time = new Date().toLocaleTimeString();
+      logDiv.innerHTML += `[${time}] ${message}<br>`;
+      logDiv.scrollTop = logDiv.scrollHeight;
+      console.log(message);
+    }
+    
+    function initMap() {
+      log('开始初始化地图...');
+      
+      map = new AMap.Map('container', {
+        zoom: 13,
+        center: [118.6762, 24.8742] // 泉州市中心
+      });
+      
+      log('地图初始化成功');
+      
+      // 初始化PlaceSearch
+      AMap.plugin(['AMap.PlaceSearch'], function() {
+        placeSearch = new AMap.PlaceSearch({
+          pageSize: 10,
+          pageIndex: 1,
+          city: '泉州',
+          citylimit: false,
+          extensions: 'base'
+        });
+        log('PlaceSearch插件加载成功');
+        log('配置信息：city=泉州, citylimit=false, extensions=base');
+      });
+    }
+    
+    function searchPlace() {
+      const keyword = document.getElementById('keyword').value.trim();
+      
+      if (!keyword) {
+        alert('请输入搜索关键词');
+        return;
+      }
+      
+      if (!placeSearch) {
+        log('错误：PlaceSearch未初始化');
+        alert('地图搜索功能未就绪，请刷新页面重试');
+        return;
+      }
+      
+      log(`开始搜索：${keyword}`);
+      
+      placeSearch.search(keyword, function(status, result) {
+        log(`搜索状态：${status}`);
+        
+        const resultsDiv = document.getElementById('results');
+        resultsDiv.innerHTML = '';
+        
+        if (status === 'complete' && result.info === 'OK') {
+          if (result.poiList && result.poiList.pois && result.poiList.pois.length > 0) {
+            log(`找到 ${result.poiList.pois.length} 个结果`);
+            
+            result.poiList.pois.forEach((poi, index) => {
+              const div = document.createElement('div');
+              div.className = 'result-item';
+              div.innerHTML = `
+                <strong>${index + 1}. ${poi.name}</strong><br>
+                地址：${poi.address || '无'}<br>
+                坐标：${poi.location.lng}, ${poi.location.lat}
+              `;
+              div.onclick = () => showOnMap(poi);
+              resultsDiv.appendChild(div);
+            });
+          } else {
+            log('搜索结果为空');
+            resultsDiv.innerHTML = '<p>未找到相关地点</p>';
+          }
+        } else if (status === 'no_data') {
+          log('无搜索结果');
+          resultsDiv.innerHTML = '<p>未找到相关地点</p>';
+        } else {
+          log(`搜索失败：${status} - ${result.info || '未知错误'}`);
+          log(`完整结果：${JSON.stringify(result)}`);
+          resultsDiv.innerHTML = `<p style="color: red;">搜索失败：${result.info || status}</p>`;
+        }
+      });
+    }
+    
+    function showOnMap(poi) {
+      const position = [poi.location.lng, poi.location.lat];
+      
+      if (marker) {
+        marker.setPosition(position);
+      } else {
+        marker = new AMap.Marker({
+          position: position,
+          map: map
+        });
+      }
+      
+      map.setCenter(position);
+      map.setZoom(16);
+      
+      log(`在地图上显示：${poi.name}`);
+    }
+    
+    // 配置安全密钥（必须在加载地图前配置）
+    window._AMapSecurityConfig = {
+      securityJsCode: SECURITY_CODE
+    };
+    
+    log(`配置安全密钥：${SECURITY_CODE}`);
+    
+    // 加载高德地图脚本
+    const script = document.createElement('script');
+    script.src = `https://webapi.amap.com/maps?v=2.0&key=${AMAP_KEY}`;
+    script.onload = () => {
+      log('高德地图脚本加载成功');
+      initMap();
+    };
+    script.onerror = () => {
+      log('错误：高德地图脚本加载失败');
+      alert('地图加载失败，请检查网络连接或API Key配置');
+    };
+    document.head.appendChild(script);
+  </script>
+</body>
+</html>
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..f7ed9ac
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,1135 @@
+{
+  "name": "quanyoumi-frontend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "quanyoumi-frontend",
+      "version": "1.0.0",
+      "dependencies": {
+        "axios": "^1.5.0",
+        "vant": "^4.7.1",
+        "vue": "^3.3.4",
+        "vue-router": "^4.2.5"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^4.4.0",
+        "vite": "^4.5.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw==",
+      "license": "MIT"
+    },
+    "node_modules/@vant/use": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/@vant/use/-/use-1.6.0.tgz",
+      "integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz",
+      "integrity": "sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0 || ^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.32.tgz",
+      "integrity": "sha512-4x74Tbtqnda8s/NSD6e1Dr5p1c8HdMU5RWSjMSUzb8RTcUQqevDCxVAitcLBKT+ie3o0Dl9crc/S/opJM7qBGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/shared": "3.5.32",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.32.tgz",
+      "integrity": "sha512-ybHAu70NtiEI1fvAUz3oXZqkUYEe5J98GjMDpTGl5iHb0T15wQYLR4wE3h9xfuTNA+Cm2f4czfe8B4s+CCH57Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.32",
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.32.tgz",
+      "integrity": "sha512-8UYUYo71cP/0YHMO814TRZlPuUUw3oifHuMR7Wp9SNoRSrxRQnhMLNlCeaODNn6kNTJsjFoQ/kqIj4qGvya4Xg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/compiler-core": "3.5.32",
+        "@vue/compiler-dom": "3.5.32",
+        "@vue/compiler-ssr": "3.5.32",
+        "@vue/shared": "3.5.32",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.8",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.32.tgz",
+      "integrity": "sha512-Gp4gTs22T3DgRotZ8aA/6m2jMR+GMztvBXUBEUOYOcST+giyGWJ4WvFd7QLHBkzTxkfOt8IELKNdpzITLbA2rw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.32",
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.32.tgz",
+      "integrity": "sha512-/ORasxSGvZ6MN5gc+uE364SxFdJ0+WqVG0CENXaGW58TOCdrAW76WWaplDtECeS1qphvtBZtR+3/o1g1zL4xPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.32.tgz",
+      "integrity": "sha512-pDrXCejn4UpFDFmMd27AcJEbHaLemaE5o4pbb7sLk79SRIhc6/t34BQA7SGNgYtbMnvbF/HHOftYBgFJtUoJUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.32",
+        "@vue/shared": "3.5.32"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.32.tgz",
+      "integrity": "sha512-1CDVv7tv/IV13V8Nip1k/aaObVbWqRlVCVezTwx3K07p7Vxossp5JU1dcPNhJk3w347gonIUT9jQOGutyJrSVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.32",
+        "@vue/runtime-core": "3.5.32",
+        "@vue/shared": "3.5.32",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.32.tgz",
+      "integrity": "sha512-IOjm2+JQwRFS7W28HNuJeXQle9KdZbODFY7hFGVtnnghF51ta20EWAZJHX+zLGtsHhaU6uC9BGPV52KVpYryMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.32",
+        "@vue/shared": "3.5.32"
+      },
+      "peerDependencies": {
+        "vue": "3.5.32"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.32.tgz",
+      "integrity": "sha512-ksNyrmRQzWJJ8n3cRDuSF7zNNontuJg1YHnmWRJd2AMu8Ij2bqwiiri2lH5rHtYPZjj4STkNcgcmiQqlOjiYGg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.14.0.tgz",
+      "integrity": "sha512-3Y8yrqLSwjuzpXuZ0oIYZ/XGgLwUIBU3uLvbcpb0pidD9ctpShJd43KSlEEkVQg6DS0G9NKyzOvBfUtDKEyHvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.11",
+        "form-data": "^4.0.5",
+        "proxy-from-env": "^2.1.0"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.8",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.8.tgz",
+      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
+      "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "3.30.0",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-3.30.0.tgz",
+      "integrity": "sha512-kQvGasUgN+AlWGliFn2POSajRQEsULVYFGTvOZmK06d7vCD+YhZztt70kGk3qaeAXeWYL5eO7zx+rAubBc55eA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vant": {
+      "version": "4.9.24",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-4.9.24.tgz",
+      "integrity": "sha512-tP1A7Vjzv1/B1ljb95Jhv9Q9w6acaaZDJvy6wcKrwGgY0gQZlg+FXLZH/AIKZBE3xvYGDUsv/M7AuGcr/Pqd6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vant/popperjs": "^1.3.0",
+        "@vant/use": "^1.6.0",
+        "@vue/shared": "^3.5.31"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.5.14",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-4.5.14.tgz",
+      "integrity": "sha512-+v57oAaoYNnO3hIu5Z/tJRZjq5aHM2zDve9YZ8HngVHbhk66RStobhb1sqPMIPEleV6cNKYK4eGrAbE9Ulbl2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.18.10",
+        "postcss": "^8.4.27",
+        "rollup": "^3.27.1"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.32",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.32.tgz",
+      "integrity": "sha512-vM4z4Q9tTafVfMAK7IVzmxg34rSzTFMyIe0UUEijUCkn9+23lj0WRfA83dg7eQZIUlgOSGrkViIaCfqSAUXsMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.32",
+        "@vue/compiler-sfc": "3.5.32",
+        "@vue/runtime-dom": "3.5.32",
+        "@vue/server-renderer": "3.5.32",
+        "@vue/shared": "3.5.32"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.6.4",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz",
+      "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..5f624ee
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "quanyoumi-frontend",
+  "version": "1.0.0",
+  "description": "泉友米车友会前端",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.5",
+    "vant": "^4.7.1",
+    "axios": "^1.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.4.0",
+    "vite": "^4.5.0"
+  }
+}
diff --git a/frontend/public/are-you-ok.mp3 b/frontend/public/are-you-ok.mp3
new file mode 100644
index 0000000..5fe3565
Binary files /dev/null and b/frontend/public/are-you-ok.mp3 differ
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
new file mode 100644
index 0000000..429f05d
--- /dev/null
+++ b/frontend/src/App.vue
@@ -0,0 +1,19 @@
+<template>
+  <router-view />
+</template>
+
+<script setup>
+</script>
+
+<style>
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  background: #f7f8fa;
+}
+</style>
diff --git a/frontend/src/api/index.js b/frontend/src/api/index.js
new file mode 100644
index 0000000..93cb2b8
--- /dev/null
+++ b/frontend/src/api/index.js
@@ -0,0 +1,69 @@
+import axios from 'axios';
+
+const api = axios.create({
+  baseURL: '/api',
+  timeout: 10000
+});
+
+api.interceptors.request.use(config => {
+  const token = localStorage.getItem('token');
+  if (token) {
+    config.headers.Authorization = `Bearer ${token}`;
+  }
+  return config;
+});
+
+export default {
+  // 活动相关
+  getActivities: (params) => api.get('/activities', { params }),
+  getActivity: (id) => api.get(`/activities/${id}`),
+  
+  // 报名相关
+  submitRegistration: (data) => api.post('/registrations', data),
+  getRegistration: (id) => api.get(`/registrations/${id}`),
+  getActivityRegistrations: (id) => api.get(`/activities/${id}/registrations`),
+  
+  // 用户上传照片
+  uploadUserPhotos: (id, data) => api.post(`/activities/${id}/photos`, data, {
+    headers: { 'Content-Type': 'multipart/form-data' },
+    timeout: 300000 // 5分钟超时
+  }),
+  
+  // 用户验证登录
+  verifyUser: (activityId, data) => api.post(`/auth/verify/${activityId}`, data),
+  
+  // 管理员相关
+  adminLogin: (data) => api.post('/admin/login', data),
+  createActivity: (data) => api.post('/admin/activities', data),
+  updateActivity: (id, data) => api.put(`/admin/activities/${id}`, data),
+  approveRegistration: (id, status) => api.put(`/admin/registrations/${id}`, { status }),
+  updateRegistration: (id, data) => api.put(`/admin/registrations/${id}`, data),
+  checkInRegistration: (id) => api.put(`/admin/registrations/${id}/checkin`),
+  getAllRegistrations: (params) => api.get('/admin/registrations', { params }),
+  addExpense: (data) => api.post('/admin/expenses', data, {
+    headers: { 'Content-Type': 'multipart/form-data' },
+    timeout: 60000
+  }),
+  getExpenses: (params) => api.get('/admin/expenses', { params }),
+  updateExpense: (id, data) => api.put(`/admin/expenses/${id}`, data, {
+    headers: { 'Content-Type': 'multipart/form-data' },
+    timeout: 60000
+  }),
+  deleteExpense: (id) => api.delete(`/admin/expenses/${id}`),
+  uploadPhotos: (data) => api.post('/admin/photos', data, {
+    headers: { 'Content-Type': 'multipart/form-data' },
+    timeout: 300000 // 5分钟超时，适配大文件上传
+  }),
+  getPendingPhotos: () => api.get('/admin/photos/pending'),
+  approvePhoto: (id, status) => api.put(`/admin/photos/${id}`, { status }),
+  deletePhoto: (id) => api.delete(`/admin/photos/${id}`),
+  addSponsor: (data) => api.post('/admin/sponsors', data, {
+    headers: { 'Content-Type': 'multipart/form-data' },
+    timeout: 60000 // 1分钟超时
+  }),
+  updateSponsor: (id, data) => api.put(`/admin/sponsors/${id}`, data, {
+    headers: { 'Content-Type': 'multipart/form-data' },
+    timeout: 60000
+  }),
+  deleteSponsor: (id) => api.delete(`/admin/sponsors/${id}`)
+};
diff --git a/frontend/src/main.js b/frontend/src/main.js
new file mode 100644
index 0000000..e1a78ac
--- /dev/null
+++ b/frontend/src/main.js
@@ -0,0 +1,118 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import router from './router';
+import Vant from 'vant';
+import 'vant/lib/index.css';
+
+// 全局样式 - 防止移动端输入框自动缩放
+const globalStyle = document.createElement('style');
+globalStyle.textContent = `
+  /* 防止iOS输入框自动缩放 */
+  input, textarea, select {
+    font-size: 16px !important;
+  }
+  
+  /* 防止页面缩放 */
+  * {
+    touch-action: manipulation;
+  }
+  
+  /* 优化输入框体验 */
+  input:focus, textarea:focus, select:focus {
+    font-size: 16px !important;
+  }
+`;
+document.head.appendChild(globalStyle);
+
+// 获取高德地图配置（优先使用运行时配置，其次使用构建时环境变量）
+const getAmapKey = () => {
+  if (window.AMAP_CONFIG && window.AMAP_CONFIG.key && window.AMAP_CONFIG.key !== 'YOUR_AMAP_KEY_PLACEHOLDER') {
+    return window.AMAP_CONFIG.key;
+  }
+  return import.meta.env.VITE_AMAP_KEY;
+};
+
+const getAmapSecurityCode = () => {
+  if (window.AMAP_CONFIG && window.AMAP_CONFIG.securityCode && window.AMAP_CONFIG.securityCode !== 'YOUR_AMAP_SECURITY_CODE_PLACEHOLDER') {
+    return window.AMAP_CONFIG.securityCode;
+  }
+  return import.meta.env.VITE_AMAP_SECURITY_CODE || 'b2e67bb4d5eed8848f0b8aae6ca667fc';
+};
+
+// 配置高德地图安全密钥（必须在加载地图前配置）
+window._AMapSecurityConfig = {
+  securityJsCode: getAmapSecurityCode()
+};
+
+console.log('高德地图配置:', {
+  hasKey: !!getAmapKey(),
+  keySource: window.AMAP_CONFIG && window.AMAP_CONFIG.key !== 'YOUR_AMAP_KEY_PLACEHOLDER' ? 'runtime' : 'build-time',
+  hasSecurityCode: !!getAmapSecurityCode()
+});
+
+const app = createApp(App);
+app.use(router);
+app.use(Vant);
+app.mount('#app');
+
+// 动态加载高德地图（含插件）
+const loadAMap = () => {
+  return new Promise((resolve, reject) => {
+    const amapKey = getAmapKey();
+    
+    if (!amapKey || amapKey === 'YOUR_AMAP_KEY_PLACEHOLDER' || amapKey === 'YOUR_AMAP_KEY') {
+      console.error('高德地图Key未配置！');
+      console.error('请在 docker-compose.yml 中配置 AMAP_KEY 环境变量');
+      console.error('当前 Key 值:', amapKey);
+      reject(new Error('高德地图Key未配置'));
+      return;
+    }
+
+    if (window.AMap) {
+      // 如果已加载，检查插件是否可用
+      if (window.AMap.Geocoder && window.AMap.PlaceSearch) {
+        console.log('高德地图已加载，插件可用');
+        resolve(window.AMap);
+      } else {
+        // 插件未加载，异步加载
+        console.log('加载高德地图插件...');
+        window.AMap.plugin(['AMap.Geocoder', 'AMap.PlaceSearch', 'AMap.AutoComplete'], () => {
+          console.log('高德地图插件加载完成');
+          resolve(window.AMap);
+        });
+      }
+      return;
+    }
+
+    console.log('开始加载高德地图脚本...');
+    const script = document.createElement('script');
+    script.src = `https://webapi.amap.com/maps?v=2.0&key=${amapKey}&plugin=AMap.Geocoder,AMap.PlaceSearch,AMap.AutoComplete`;
+    script.async = true;
+    script.onload = () => {
+      if (window.AMap) {
+        console.log('高德地图脚本加载成功');
+        // 脚本加载后再确保插件加载
+        window.AMap.plugin(['AMap.Geocoder', 'AMap.PlaceSearch', 'AMap.AutoComplete'], () => {
+          console.log('高德地图插件初始化完成');
+          resolve(window.AMap);
+        });
+      } else {
+        console.error('高德地图加载失败：window.AMap未定义');
+        reject(new Error('高德地图加载失败'));
+      }
+    };
+    script.onerror = (error) => {
+      console.error('高德地图脚本加载失败:', error);
+      reject(new Error('高德地图脚本加载失败'));
+    };
+    document.head.appendChild(script);
+  });
+};
+
+// 导出加载函数供其他组件使用
+window.loadAMap = loadAMap;
+
+// 预加载地图
+loadAMap().catch(err => {
+  console.error('地图预加载失败:', err);
+});
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
new file mode 100644
index 0000000..4925153
--- /dev/null
+++ b/frontend/src/router/index.js
@@ -0,0 +1,61 @@
+import { createRouter, createWebHistory } from 'vue-router';
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('../views/Home.vue')
+  },
+  {
+    path: '/landing',
+    name: 'LandingPage',
+    component: () => import('../views/LandingPage.vue')
+  },
+  {
+    path: '/activity/:id',
+    name: 'ActivityDetail',
+    component: () => import('../views/ActivityDetail.vue')
+  },
+  {
+    path: '/register/:id',
+    name: 'Register',
+    component: () => import('../views/Register.vue')
+  },
+  {
+    path: '/share/:id',
+    name: 'SharePage',
+    component: () => import('../views/SharePage.vue')
+  },
+  {
+    path: '/admin/login',
+    name: 'AdminLogin',
+    component: () => import('../views/admin/Login.vue')
+  },
+  {
+    path: '/admin',
+    name: 'Admin',
+    component: () => import('../views/admin/Dashboard.vue'),
+    meta: { requiresAuth: true }
+  },
+  {
+    path: '/admin/activity/:id',
+    name: 'ActivityManage',
+    component: () => import('../views/admin/ActivityManage.vue'),
+    meta: { requiresAuth: true }
+  }
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+});
+
+router.beforeEach((to, from, next) => {
+  if (to.meta.requiresAuth && !localStorage.getItem('token')) {
+    next('/admin/login');
+  } else {
+    next();
+  }
+});
+
+export default router;
diff --git a/frontend/src/views/ActivityDetail.vue b/frontend/src/views/ActivityDetail.vue
new file mode 100644
index 0000000..0a4e7d9
--- /dev/null
+++ b/frontend/src/views/ActivityDetail.vue
@@ -0,0 +1,1442 @@
+<template>
+  <div class="detail">
+    <div class="detail-header" :style="{ backgroundImage: `url(${activity.coverImage || 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/5.jpg'})` }">
+      <div class="header-overlay"></div>
+      <div class="header-back" @click="$router.back()">
+        <van-icon name="arrow-left" />
+      </div>
+      <div class="header-content">
+        <h1 class="activity-title">{{ activity.title }}</h1>
+      </div>
+    </div>
+    
+    <div class="content">
+      <div class="info-card">
+        <div class="info-item">
+          <van-icon name="clock-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">活动时间</div>
+            <div class="info-value">{{ formatDate(activity.startTime) }}</div>
+          </div>
+        </div>
+        <div class="info-item" @click="showMap">
+          <van-icon name="location-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">活动地点</div>
+            <div class="info-value">{{ activity.location }}</div>
+          </div>
+          <van-icon name="arrow" class="info-arrow" />
+        </div>
+        <div class="info-item">
+          <van-icon name="calendar-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">报名截止</div>
+            <div class="info-value">{{ formatDate(activity.registrationDeadline) }}</div>
+          </div>
+        </div>
+        <div class="info-item">
+          <van-icon name="gold-coin-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">人均费用</div>
+            <div class="info-value price-value">{{ activity.price > 0 ? `¥${activity.price}` : '免费' }}</div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="section">
+        <h3 class="section-title">活动介绍</h3>
+        <p class="description">{{ activity.description }}</p>
+      </div>
+      
+      <div class="section">
+        <h3 class="section-title">活动流程</h3>
+        <div class="timeline">
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content">
+              <div class="timeline-time">14:00 - 14:30</div>
+              <div class="timeline-title">签到与集结</div>
+              <div class="timeline-desc">
+                车辆到场 → 指引至临时停车点 → 签到处签名 → 扫码入群 → 领取积分卡
+                <div class="game-rule">
+                  <div class="rule-title">📋 积分卡说明</div>
+                  <div class="rule-content">
+                    • 每人领取一张积分卡（红绿双色章）<br>
+                    • 初始积分：0分<br>
+                    • 游戏得分范围：+1至+5分<br>
+                    • 游戏扣分范围：-1至-5分<br>
+                    • 最终积分可兑换礼品
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content">
+              <div class="timeline-time">14:30 - 16:30</div>
+              <div class="timeline-title">观赏素材拍摄</div>
+              <div class="timeline-desc">全员车前合影、签到墙合照、地标合影、动态全员上车、点火、拍“泉州”俩个字</div>
+            </div>
+          </div>
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content">
+              <div class="timeline-time">16:30 - 18:00</div>
+              <div class="timeline-title">互动游戏时间</div>
+              <div class="timeline-desc">
+                <div class="game-rule">
+                  <div class="rule-title">🎮 游戏项目清单</div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🎯 套圈圈</div>
+                    <div class="game-score">得分规则：套中1个+1分，套中3个+3分，套中5个+5分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🏺 投壶</div>
+                    <div class="game-score">得分规则：投中3个+2分，投中5个+4分，全中+5分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🎲 摇筛子</div>
+                    <div class="game-score">得分规则：豹子+5分，顺子+3分，对子+1分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🃏 牛牛/划拳</div>
+                    <div class="game-score">得分规则：赢一局+1分，连赢3局+3分，连赢5局+5分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">⚽ 足球射门</div>
+                    <div class="game-score">得分规则：进1球+1分，进3球+3分，进5球+5分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🎮 王者荣耀</div>
+                    <div class="game-score">得分规则：获胜+3分，MVP+5分，失败-1分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">💧 抛水瓶</div>
+                    <div class="game-score">得分规则：立住1个+2分，立住3个+4分，立住5个+5分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🎴 扑克游戏</div>
+                    <div class="game-score">得分规则：根据游戏类型，赢家+2分，输家-1分</div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🐊 鳄鱼/插剑玩具</div>
+                    <div class="game-score">得分规则：挑战成功+3分，失败-2分</div>
+                  </div>
+                  
+                  <div class="game-item highlight-game">
+                    <div class="game-name">🪑 最终复活挑战 - 抢椅子</div>
+                    <div class="game-score">
+                      规则：音乐停止时抢座位，未抢到者淘汰<br>
+                      得分：冠军+5分，亚军+3分，季军+2分，淘汰-1分
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content">
+              <div class="timeline-time">18:00 - 19:30</div>
+              <div class="timeline-title">落日BBQ</div>
+              <div class="timeline-desc">
+                落日余晖下午餐串成一排、齐开大灯、拍摄氛围感大片、边烤肉边欣赏晚霞
+                <div class="game-rule">
+                  <div class="rule-content">
+                    💡 提示：分享美食照片到朋友圈并@活动官方账号可获得 <span class="score-badge">+1分</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content">
+              <div class="timeline-time">19:00 - 20:00</div>
+              <div class="timeline-title">篝火歌舞会</div>
+              <div class="timeline-desc">
+                <div class="game-rule">
+                  <div class="rule-title">🎤 互动游戏环节</div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🥁 击鼓传花（10轮）</div>
+                    <div class="game-score">
+                      规则：音乐停止时持花者上台，吃柠檬或苦瓜<br>
+                      得分：勇敢完成+2分，拒绝挑战-3分
+                    </div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🤝 喊数抱团（10轮）</div>
+                    <div class="game-score">
+                      规则：主持人喊数字，参与者按数字抱团，落单者淘汰<br>
+                      惩罚：上台自我介绍（1分钟）<br>
+                      得分：成功抱团+1分，落单但完成自我介绍+2分，拒绝-2分
+                    </div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🎵 大合唱</div>
+                    <div class="game-score">
+                      全员参与，气氛热烈，每人+1分
+                    </div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">🎭 个人才艺表演</div>
+                    <div class="game-score">
+                      规则：自愿上台唱歌、跳舞、表演才艺<br>
+                      提示：需提前到后台准备BGM<br>
+                      得分：参与表演+3分，精彩表演+5分
+                    </div>
+                  </div>
+                  
+                  <div class="game-item">
+                    <div class="game-name">👶 小朋友互动</div>
+                    <div class="game-score">
+                      主持人邀请小朋友上台互动，参与即有礼品<br>
+                      家长陪同参与+2分
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content">
+              <div class="timeline-time">20:00 - 20:30</div>
+              <div class="timeline-title">璀璨烟火秀</div>
+              <div class="timeline-desc">
+                <div class="game-rule">
+                  <div class="rule-title">🎆 烟花表演</div>
+                  <div class="rule-content">
+                    <strong>1. 米兰之夜</strong> - 大型专业烟火表演<br>
+                    <strong>2. 仙女棒</strong> - 每车配发手持烟花，拍照打卡<br>
+                    <strong>3. 加特林压轴</strong> - 震撼收尾，全场欢呼<br>
+                    <br>
+                    💡 提示：拍摄烟花视频并分享可获得 <span class="score-badge">+2分</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="timeline-item timeline-item-last">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content">
+              <div class="timeline-time">20:30 以后</div>
+              <div class="timeline-title">积分兑奖 & 自由交流</div>
+              <div class="timeline-desc">
+                <div class="game-rule">
+                  <div class="rule-title">🏆 积分兑换礼品</div>
+                  <div class="rule-content">
+                    <strong>积分排行榜：</strong><br>
+                    • 第1名（20分以上）：神秘大奖<br>
+                    • 第2-3名（15-19分）：精美礼品<br>
+                    • 第4-10名（10-14分）：纪念品<br>
+                    • 参与奖（5-9分）：小礼物<br>
+                    <br>
+                    随后自由合影、整理垃圾、提醒安全驾驶返程
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div v-if="expenses.length && isApproved" class="section">
+        <h3 class="section-title">活动经费 <span class="count">¥{{ totalExpense }}</span></h3>
+        <div class="expense-list">
+          <div v-for="expense in expenses" :key="expense.id" class="expense-item">
+            <div class="expense-info">
+              <div class="expense-name">{{ expense.item }}</div>
+              <div class="expense-category">{{ expense.category }}</div>
+            </div>
+            <div v-if="expense.media && expense.media.length" class="expense-media">
+              <div v-for="(media, index) in expense.media" :key="index" class="expense-media-item">
+                <van-image 
+                  v-if="media.type === 'image'" 
+                  :src="media.url" 
+                  fit="cover"
+                  @click="previewImage(media.url)"
+                />
+                <div v-else class="expense-video" @click="playExpenseVideo(media.url)">
+                  <video :src="media.url"></video>
+                  <van-icon name="play-circle-o" class="play-icon" />
+                </div>
+              </div>
+            </div>
+            <div class="expense-amount">金额：¥{{ expense.amount }}</div>
+          </div>
+        </div>
+      </div>
+      
+      <div v-if="!isApproved && hasRegistered" class="section">
+        <div class="permission-tip">
+          <van-icon name="info-o" />
+          <span v-if="userRegistration.status === 'pending'">您的报名正在审核中，审核通过后可查看活动经费</span>
+          <span v-else-if="userRegistration.status === 'rejected'">您的报名未通过审核</span>
+        </div>
+      </div>
+      
+      <div v-if="sponsors.length" class="section">
+        <h3 class="section-title">赞助商</h3>
+        <div class="sponsor-grid">
+          <div v-for="sponsor in sponsors" :key="sponsor.id" class="sponsor-card">
+            <div class="sponsor-logo" :style="{ backgroundImage: `url(${sponsor.logo})` }"></div>
+            <div class="sponsor-name">{{ sponsor.name }}</div>
+          </div>
+        </div>
+      </div>
+      
+      <div v-if="photos.length || videos.length" class="section">
+        <h3 class="section-title">活动照片与视频</h3>
+        
+        <div v-if="photos.length" class="media-section">
+          <div class="media-label">照片</div>
+          <div class="photo-grid">
+            <div v-for="photo in photos" :key="photo.id" class="photo-item" @click="previewImage(photo.url)">
+              <div class="photo-img" :style="{ backgroundImage: `url(${photo.url})` }"></div>
+            </div>
+          </div>
+        </div>
+        
+        <div v-if="videos.length" class="media-section">
+          <div class="media-label">视频</div>
+          <div class="video-list">
+            <div v-for="video in videos" :key="video.id" class="video-item">
+              <video :src="video.url" controls class="video-player"></video>
+            </div>
+          </div>
+        </div>
+        
+        <div v-if="hasRegistered && isApproved" class="upload-section">
+          <van-uploader 
+            v-model="userMedia" 
+            multiple 
+            :max-count="5" 
+            :after-read="uploadUserMedia"
+            accept="image/*,video/*"
+          >
+            <van-button icon="photograph" type="primary" size="small">上传照片/视频</van-button>
+          </van-uploader>
+          <div class="upload-tip">您可以上传活动照片或视频，审核后将展示给所有人</div>
+        </div>
+        
+        <div v-if="hasRegistered && !isApproved" class="upload-section">
+          <div class="permission-tip">
+            <van-icon name="info-o" />
+            <span v-if="userRegistration.status === 'pending'">审核通过后可上传照片/视频</span>
+            <span v-else-if="userRegistration.status === 'rejected'">您的报名未通过审核</span>
+          </div>
+        </div>
+      </div>
+      
+      <div class="section">
+        <h3 class="section-title">报名名单 <span class="count">({{ registrations.length }}人)</span></h3>
+        <div class="member-list">
+          <div v-for="reg in registrations" :key="reg.id" class="member-item">
+            <div class="member-avatar">{{ reg.name.charAt(0) }}</div>
+            <div class="member-info">
+              <div class="member-name">{{ reg.name }}</div>
+              <div class="member-car">{{ reg.carModel }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div v-if="!hasRegistered && activity.registrationEnabled" class="footer-action">
+      <van-button 
+        type="primary" 
+        block 
+        round 
+        size="large" 
+        @click="$router.push(`/register/${activity.id}`)"
+        class="action-button"
+      >
+        <van-icon name="add-o" /> 立即报名
+      </van-button>
+      <van-button 
+        plain
+        type="primary" 
+        block 
+        round 
+        size="large" 
+        @click="handleLogin"
+        class="action-button login-button"
+      >
+        <van-icon name="user-o" /> 已报名？点击登录
+      </van-button>
+    </div>
+    
+    <div v-else-if="!hasRegistered && !activity.registrationEnabled" class="footer-action">
+      <van-button type="default" block round size="large" disabled class="action-button">
+        <van-icon name="warning-o" /> 报名已结束
+      </van-button>
+      <van-button 
+        plain
+        type="primary" 
+        block 
+        round 
+        size="large" 
+        @click="handleLogin"
+        class="action-button login-button"
+      >
+        <van-icon name="user-o" /> 已报名？点击登录
+      </van-button>
+    </div>
+    
+    <div v-else-if="!isApproved" class="footer-action">
+      <van-button type="default" block round size="large" disabled class="action-button">
+        <van-icon name="clock-o" /> 
+        <span v-if="userRegistration.status === 'pending'">等待审核中</span>
+        <span v-else>报名未通过</span>
+      </van-button>
+    </div>
+    
+    <div v-else class="footer-action">
+      <van-button type="success" block round size="large" disabled class="action-button">
+        <van-icon name="success" /> 已报名
+      </van-button>
+    </div>
+    
+    <!-- 分享按钮（右上角） -->
+    <div class="share-btn" @click="handleShare">
+      <van-icon name="share-o" />
+      <span>分享</span>
+    </div>
+    
+    <!-- 地图弹窗 -->
+    <van-popup v-model:show="showMapPopup" position="bottom" :style="{ height: '70%' }">
+      <div class="map-container">
+        <div class="map-header">
+          <h3>{{ activity.location }}</h3>
+          <van-icon name="cross" @click="showMapPopup = false" />
+        </div>
+        <div id="amap-container" style="width: 100%; height: calc(100% - 50px);"></div>
+      </div>
+    </van-popup>
+    
+    <!-- 登录弹窗 -->
+    <van-dialog 
+      v-model:show="showLoginDialog" 
+      title="验证报名信息" 
+      show-cancel-button
+      @confirm="submitLogin"
+    >
+      <div class="login-form">
+        <van-field 
+          v-model="loginForm.phone" 
+          label="手机号" 
+          placeholder="请输入报名时的手机号"
+          type="tel"
+          maxlength="11"
+        />
+        <van-field 
+          label="车牌号"
+        >
+          <template #input>
+            <div class="license-plate-input">
+              <span class="plate-prefix">闽</span>
+              <input 
+                v-model="carLetter"
+                @input="handleLetterInput"
+                placeholder="_"
+                maxlength="1"
+                class="plate-letter"
+              />
+              <span class="plate-dot">·</span>
+              <input 
+                v-model="carDigits"
+                @input="handleDigitsInput"
+                placeholder="______"
+                maxlength="6"
+                class="plate-digits"
+              />
+            </div>
+          </template>
+        </van-field>
+      </div>
+    </van-dialog>
+    
+    <!-- 经费视频播放弹窗 -->
+    <van-popup v-model:show="showExpenseVideoPopup" position="center" round :style="{ width: '90%' }">
+      <div class="video-player-popup">
+        <video :src="currentExpenseVideo" controls autoplay class="popup-video"></video>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { showImagePreview, showToast } from 'vant';
+import api from '../api';
+
+const route = useRoute();
+const activity = ref({});
+const photos = ref([]);
+const videos = ref([]);
+const sponsors = ref([]);
+const registrations = ref([]);
+const expenses = ref([]);
+const userMedia = ref([]);
+const showMapPopup = ref(false);
+const showLoginDialog = ref(false);
+const showExpenseVideoPopup = ref(false);
+const currentExpenseVideo = ref('');
+const loginForm = ref({ phone: '', carNumber: '' });
+const carLetter = ref('');
+const carDigits = ref('');
+const userRegistration = ref(null);
+const expandedTimeline = ref(null); // 当前展开的时间线项
+let map = null;
+
+const handleLetterInput = (e) => {
+  const value = e.target.value.toUpperCase().replace(/[^A-Z]/g, '');
+  carLetter.value = value;
+  loginForm.value.carNumber = value + carDigits.value;
+  
+  // 自动聚焦到数字输入框
+  if (value.length === 1) {
+    e.target.nextElementSibling?.nextElementSibling?.focus();
+  }
+};
+
+const handleDigitsInput = (e) => {
+  const value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
+  carDigits.value = value;
+  loginForm.value.carNumber = carLetter.value + value;
+};
+
+// 切换时间线展开状态
+const toggleTimeline = (index) => {
+  if (expandedTimeline.value === index) {
+    expandedTimeline.value = null; // 关闭当前展开的
+  } else {
+    expandedTimeline.value = index; // 打开新的
+  }
+};
+
+const totalExpense = computed(() => {
+  return expenses.value.reduce((sum, e) => sum + parseFloat(e.amount), 0).toFixed(2);
+});
+
+// 检查是否已登录且审核通过
+const isApproved = computed(() => {
+  return userRegistration.value && userRegistration.value.status === 'approved';
+});
+
+// 检查是否已报名（任何状态）
+const hasRegistered = computed(() => {
+  return userRegistration.value !== null;
+});
+
+const loadData = async () => {
+  const { data } = await api.getActivity(route.params.id);
+  activity.value = data.activity;
+  
+  // 分离照片和视频
+  const allMedia = data.photos || [];
+  photos.value = allMedia.filter(m => m.type === 'image');
+  videos.value = allMedia.filter(m => m.type === 'video');
+  
+  sponsors.value = data.sponsors;
+  
+  // 加载经费数据(所有已报名用户都可以看到)
+  expenses.value = data.expenses || [];
+  
+  const { data: regs } = await api.getActivityRegistrations(route.params.id);
+  registrations.value = regs;
+  
+  // 从localStorage恢复登录状态
+  const savedReg = localStorage.getItem(`user_reg_${route.params.id}`);
+  if (savedReg) {
+    userRegistration.value = JSON.parse(savedReg);
+  }
+};
+
+const formatDate = (date) => {
+  return new Date(date).toLocaleString('zh-CN');
+};
+
+const previewImage = (url) => {
+  showImagePreview([url]);
+};
+
+const playExpenseVideo = (url) => {
+  currentExpenseVideo.value = url;
+  showExpenseVideoPopup.value = true;
+};
+
+const showMap = () => {
+  if (!activity.value.locationLat || !activity.value.locationLng) {
+    showToast('暂无地图信息');
+    return;
+  }
+  showMapPopup.value = true;
+  setTimeout(() => {
+    initMap();
+  }, 300);
+};
+
+const initMap = async () => {
+  try {
+    console.log('开始初始化活动详情地图...');
+    const AMap = await window.loadAMap();
+    console.log('地图API加载完成');
+    
+    if (map) {
+      console.log('销毁旧地图实例');
+      map.destroy();
+    }
+    
+    const center = [activity.value.locationLng, activity.value.locationLat];
+    console.log('地图中心点:', center);
+    
+    map = new AMap.Map('amap-container', { zoom: 15, center });
+    new AMap.Marker({ position: center, map, title: activity.value.location });
+    
+    console.log('地图初始化完成');
+  } catch (e) {
+    console.error('地图加载失败:', e);
+    showToast('地图加载失败: ' + e.message);
+  }
+};
+
+const uploadUserMedia = async (files) => {
+  if (!isApproved.value) {
+    showToast('请先登录并等待审核通过');
+    return;
+  }
+  
+  const loadingToast = showToast({
+    type: 'loading',
+    message: '上传中...',
+    forbidClick: true,
+    duration: 0
+  });
+  
+  try {
+    const formData = new FormData();
+    formData.append('uploadedBy', userRegistration.value.name);
+    
+    if (Array.isArray(files)) {
+      files.forEach(file => formData.append('photos', file.file));
+    } else {
+      formData.append('photos', files.file);
+    }
+    
+    await api.uploadUserPhotos(route.params.id, formData);
+    loadingToast.clear();
+    showToast('上传成功，等待审核');
+    userMedia.value = [];
+  } catch (error) {
+    loadingToast.clear();
+    showToast('上传失败');
+  }
+};
+
+const handleLogin = () => {
+  showLoginDialog.value = true;
+};
+
+// 删除formatCarNumber，已被handleLetterInput和handleDigitsInput替代
+
+const submitLogin = async () => {
+  if (!loginForm.value.phone || !loginForm.value.carNumber) {
+    showToast('请输入手机号和车牌号');
+    return;
+  }
+  
+  try {
+    // 添加"闽"前缀到车牌号
+    const carNumberWithPrefix = `闽${loginForm.value.carNumber}`;
+    
+    console.log('登录验证:', {
+      phone: loginForm.value.phone,
+      carNumber: carNumberWithPrefix,
+      activityId: route.params.id
+    });
+    
+    const { data } = await api.verifyUser(route.params.id, {
+      phone: loginForm.value.phone,
+      carNumber: carNumberWithPrefix
+    });
+    
+    console.log('验证成功:', data.registration);
+    
+    userRegistration.value = data.registration;
+    
+    // 保存到localStorage
+    localStorage.setItem(`user_reg_${route.params.id}`, JSON.stringify(data.registration));
+    
+    showLoginDialog.value = false;
+    
+    if (data.registration.status === 'approved') {
+      showToast('登录成功');
+      // 重新加载数据无需调用,因为经费已经加载了
+    } else if (data.registration.status === 'pending') {
+      showToast('您的报名正在审核中');
+    } else {
+      showToast('您的报名未通过审核');
+    }
+  } catch (error) {
+    console.error('登录验证失败:', error.response?.data);
+    showToast(error.response?.data?.error || '验证失败');
+  }
+};
+
+const handleShare = () => {
+  const shareUrl = `${window.location.origin}/share/${route.params.id}`;
+  
+  if (navigator.share) {
+    navigator.share({
+      title: activity.value.title,
+      text: `${activity.value.title} - 泉友米车友会`,
+      url: shareUrl
+    }).catch(() => {
+      copyShareLink(shareUrl);
+    });
+  } else {
+    copyShareLink(shareUrl);
+  }
+};
+
+const copyShareLink = (url) => {
+  navigator.clipboard.writeText(url).then(() => {
+    showToast('分享链接已复制');
+  }).catch(() => {
+    showToast('复制失败，请手动复制：' + url);
+  });
+};
+
+onMounted(loadData);
+</script>
+
+<style scoped>
+.detail {
+  min-height: 100vh;
+  background: #f8f9fa;
+  padding-bottom: 140px;
+}
+
+.detail-header {
+  position: relative;
+  height: 280px;
+  background-size: cover;
+  background-position: center;
+  background-color: #e8e8e8;
+}
+
+.header-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);
+}
+
+.header-back {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  z-index: 2;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255,255,255,0.3);
+  border-radius: 50%;
+  color: #fff;
+  font-size: 20px;
+  backdrop-filter: blur(10px);
+}
+
+.header-content {
+  position: absolute;
+  bottom: 24px;
+  left: 16px;
+  right: 16px;
+  z-index: 1;
+}
+
+.activity-title {
+  font-size: 24px;
+  font-weight: bold;
+  color: #fff;
+  margin: 0;
+  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
+}
+
+.content {
+  padding: 16px;
+  margin-top: -20px;
+  position: relative;
+  z-index: 1;
+}
+
+.info-card {
+  background: #fff;
+  border-radius: 16px;
+  padding: 16px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+  margin-bottom: 16px;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.info-item:last-child {
+  border-bottom: none;
+}
+
+.info-arrow {
+  font-size: 16px;
+  color: #999;
+  margin-left: 8px;
+}
+
+.info-icon {
+  font-size: 24px;
+  color: #FF6700;
+  margin-right: 12px;
+}
+
+.info-text {
+  flex: 1;
+}
+
+.info-label {
+  font-size: 12px;
+  color: #999;
+  margin-bottom: 4px;
+}
+
+.info-value {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+}
+
+.price-value {
+  color: #FF6700;
+  font-weight: 600;
+  font-size: 16px;
+}
+
+.section {
+  background: #fff;
+  border-radius: 16px;
+  padding: 16px;
+  margin-bottom: 16px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: bold;
+  margin: 0 0 16px;
+  color: #333;
+}
+
+.section-title .count {
+  color: #FF6700;
+  font-size: 14px;
+}
+
+.description {
+  font-size: 14px;
+  line-height: 1.8;
+  color: #666;
+  white-space: pre-line;
+}
+
+.sponsor-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 12px;
+}
+
+.sponsor-card {
+  text-align: center;
+}
+
+.sponsor-logo {
+  width: 50px;
+  height: 50px;
+  margin: 0 auto 6px;
+  background-size: cover;
+  background-position: center;
+  background-color: #f5f5f5;
+  border-radius: 10px;
+}
+
+.sponsor-name {
+  font-size: 11px;
+  color: #666;
+  line-height: 1.3;
+}
+
+.photo-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+}
+
+.photo-item {
+  aspect-ratio: 1;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.photo-img {
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center;
+  background-color: #f5f5f5;
+}
+
+.media-section {
+  margin-bottom: 20px;
+}
+
+.media-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #666;
+  margin-bottom: 12px;
+}
+
+.video-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.video-item {
+  border-radius: 12px;
+  overflow: hidden;
+  background: #000;
+}
+
+.video-player {
+  width: 100%;
+  max-height: 300px;
+  display: block;
+}
+
+.member-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.member-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.member-avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.member-info {
+  flex: 1;
+}
+
+.member-name {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  margin-bottom: 4px;
+}
+
+.member-car {
+  font-size: 12px;
+  color: #999;
+}
+
+.expense-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.expense-item {
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  background: #fff;
+  border-radius: 12px;
+  border: 1px solid #f0f0f0;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+}
+
+.expense-info {
+  flex: 1;
+}
+
+.expense-name {
+  font-size: 15px;
+  color: #333;
+  font-weight: 600;
+  margin-bottom: 6px;
+}
+
+.expense-category {
+  display: inline-block;
+  font-size: 11px;
+  color: #FF6700;
+  background: #fff7e6;
+  padding: 2px 8px;
+  border-radius: 4px;
+  margin-bottom: 8px;
+}
+
+.expense-media {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.expense-media-item {
+  width: 100%;
+  aspect-ratio: 1;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #f5f5f5;
+  cursor: pointer;
+  transition: transform 0.2s;
+}
+
+.expense-media-item:active {
+  transform: scale(0.95);
+}
+
+.expense-media-item .van-image {
+  width: 100%;
+  height: 100%;
+}
+
+.expense-video {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+
+.expense-video video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.expense-video .play-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 28px;
+  color: #fff;
+  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
+}
+
+.expense-amount {
+  font-size: 15px;
+  color: #FF6700;
+  font-weight: bold;
+  text-align: right;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px dashed #f0f0f0;
+}
+
+.upload-section {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid #f0f0f0;
+}
+
+.upload-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 8px;
+}
+
+.map-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.map-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.map-header h3 {
+  margin: 0;
+  font-size: 16px;
+}
+
+.map-header .van-icon {
+  font-size: 20px;
+  color: #999;
+}
+
+.footer-action {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 12px 16px;
+  background: #fff;
+  box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.action-button {
+  height: 48px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border: none;
+  font-weight: 600;
+}
+
+.action-button .van-icon {
+  margin-right: 4px;
+}
+
+.login-button {
+  margin-top: 0;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%) !important;
+  color: #fff !important;
+}
+
+.share-btn {
+  position: fixed;
+  top: 16px;
+  right: 16px;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 16px;
+  background: rgba(255,255,255,0.95);
+  border-radius: 20px;
+  color: #FF6700;
+  font-size: 14px;
+  font-weight: 500;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+  backdrop-filter: blur(10px);
+  cursor: pointer;
+}
+
+.login-form {
+  padding: 16px;
+}
+
+.permission-tip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  background: #fff7e6;
+  border-radius: 8px;
+  color: #ff9800;
+  font-size: 14px;
+}
+
+.permission-tip .van-icon {
+  font-size: 18px;
+}
+
+.video-player-popup {
+  padding: 20px;
+  background: #000;
+  border-radius: 16px;
+}
+
+.popup-video {
+  width: 100%;
+  max-height: 60vh;
+  border-radius: 12px;
+}
+
+/* 车牌输入样式 */
+.license-plate-input {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 10px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(255, 103, 0, 0.3);
+  width: fit-content;
+  margin-left: auto;
+}
+
+.plate-prefix {
+  color: #fff;
+  font-weight: 700;
+  font-size: 16px;
+  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
+}
+
+.plate-letter {
+  width: 22px;
+  height: 28px;
+  border: 2px solid rgba(255,255,255,0.9);
+  border-radius: 3px;
+  background: #fff;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+  outline: none;
+  text-transform: uppercase;
+  padding: 0;
+}
+
+.plate-dot {
+  color: #fff;
+  font-size: 18px;
+  font-weight: 700;
+  margin: 0 1px;
+}
+
+.plate-digits {
+  width: 110px;
+  height: 28px;
+  border: 2px solid rgba(255,255,255,0.9);
+  border-radius: 3px;
+  background: #fff;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+  outline: none;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  padding: 0;
+}
+
+.plate-letter::placeholder,
+.plate-digits::placeholder {
+  color: #ddd;
+  font-weight: 400;
+}
+
+.timeline {
+  position: relative;
+  padding-left: 32px;
+}
+
+.timeline::before {
+  content: '';
+  position: absolute;
+  left: 8px;
+  top: 8px;
+  bottom: 8px;
+  width: 2px;
+  background: linear-gradient(180deg, #FF6700 0%, #FF8533 100%);
+}
+
+.timeline-item {
+  position: relative;
+  padding-bottom: 24px;
+}
+
+.timeline-item-last {
+  padding-bottom: 0;
+}
+
+.timeline-dot {
+  position: absolute;
+  left: -28px;
+  top: 4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #fff;
+  border: 3px solid #FF6700;
+  box-shadow: 0 0 0 3px rgba(255, 103, 0, 0.1);
+  z-index: 1;
+}
+
+.timeline-content {
+  background: #fff;
+  border-radius: 12px;
+  padding: 12px 16px;
+  border: 1px solid #f0f0f0;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+
+.timeline-content:active {
+  transform: scale(0.98);
+}
+
+.timeline-content.expanded {
+  box-shadow: 0 4px 12px rgba(255, 103, 0, 0.15);
+  border-color: #FF6700;
+}
+
+.timeline-time {
+  font-size: 13px;
+  color: #FF6700;
+  font-weight: 600;
+  margin-bottom: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.timeline-time::before {
+  content: '🕐';
+  margin-right: 4px;
+}
+
+.expand-icon {
+  font-size: 16px;
+  color: #999;
+  transition: transform 0.3s;
+}
+
+.expand-icon.expanded {
+  transform: rotate(180deg);
+}
+
+.timeline-title {
+  font-size: 15px;
+  color: #333;
+  font-weight: 600;
+  margin-bottom: 8px;
+}
+
+.timeline-desc {
+  font-size: 13px;
+  color: #666;
+  line-height: 1.6;
+}
+
+.timeline-brief {
+  font-size: 13px;
+  color: #666;
+  line-height: 1.6;
+  margin-bottom: 0;
+}
+
+.timeline-detail {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease-out;
+}
+
+.timeline-detail.expanded {
+  max-height: 2000px;
+  transition: max-height 0.5s ease-in;
+}
+
+/* 游戏规则样式 */
+.game-rule {
+  margin-top: 12px;
+  padding: 12px;
+  background: #f8f9fa;
+  border-radius: 8px;
+  border-left: 3px solid #FF6700;
+}
+
+.rule-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 8px;
+}
+
+.rule-content {
+  font-size: 13px;
+  color: #666;
+  line-height: 1.8;
+}
+
+.game-item {
+  margin-bottom: 12px;
+  padding: 10px;
+  background: #fff;
+  border-radius: 6px;
+  border: 1px solid #e8e8e8;
+}
+
+.game-item:last-child {
+  margin-bottom: 0;
+}
+
+.highlight-game {
+  background: linear-gradient(135deg, #fff7e6 0%, #fff 100%);
+  border-color: #FF6700;
+}
+
+.game-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 6px;
+}
+
+.game-score {
+  font-size: 12px;
+  color: #666;
+  line-height: 1.6;
+}
+
+.score-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  color: #fff;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 600;
+  margin: 0 2px;
+}
+
+</style>
diff --git a/frontend/src/views/ActivityDetail_fixed.vue b/frontend/src/views/ActivityDetail_fixed.vue
new file mode 100644
index 0000000..33ea90c
--- /dev/null
+++ b/frontend/src/views/ActivityDetail_fixed.vue
@@ -0,0 +1,1577 @@
+<template>
+  <div class="detail">
+    <div class="detail-header" :style="{ backgroundImage: `url(${activity.coverImage || 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/5.jpg'})` }">
+      <div class="header-overlay"></div>
+      <div class="header-back" @click="$router.back()">
+        <van-icon name="arrow-left" />
+      </div>
+      <div class="header-content">
+        <h1 class="activity-title">{{ activity.title }}</h1>
+      </div>
+    </div>
+    
+    <div class="content">
+      <div class="info-card">
+        <div class="info-item">
+          <van-icon name="clock-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">活动时间</div>
+            <div class="info-value">{{ formatDate(activity.startTime) }}</div>
+          </div>
+        </div>
+        <div class="info-item" @click="showMap">
+          <van-icon name="location-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">活动地点</div>
+            <div class="info-value">{{ activity.location }}</div>
+          </div>
+          <van-icon name="arrow" class="info-arrow" />
+        </div>
+        <div class="info-item">
+          <van-icon name="calendar-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">报名截止</div>
+            <div class="info-value">{{ formatDate(activity.registrationDeadline) }}</div>
+          </div>
+        </div>
+        <div class="info-item">
+          <van-icon name="gold-coin-o" class="info-icon" />
+          <div class="info-text">
+            <div class="info-label">人均费用</div>
+            <div class="info-value price-value">{{ activity.price > 0 ? `¥${activity.price}` : '免费' }}</div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="section">
+        <h3 class="section-title">活动介绍</h3>
+        <p class="description">{{ activity.description }}</p>
+      </div>
+      
+      <div class="section">
+        <h3 class="section-title">活动流程</h3>
+        <div class="timeline">
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content" @click="openTimelineDetail(0)">
+              <div class="timeline-time">
+                14:00 - 14:30
+                <van-icon name="arrow" class="detail-arrow" />
+              </div>
+              <div class="timeline-title">签到与集�?/div>
+              <div class="timeline-brief">车辆到场 �?签到处签�?�?扫码入群 �?领取积分�?/div>
+            </div>
+          </div>
+          
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content" @click="openTimelineDetail(1)">
+              <div class="timeline-time">
+                14:30 - 16:30
+                <van-icon name="arrow" class="detail-arrow" />
+              </div>
+              <div class="timeline-title">观赏素材拍摄</div>
+              <div class="timeline-brief">全员车前合影、签到墙合照、地标合�?/div>
+            </div>
+          </div>
+          
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content" @click="openTimelineDetail(2)">
+              <div class="timeline-time">
+                16:30 - 18:00
+                <van-icon name="arrow" class="detail-arrow" />
+              </div>
+              <div class="timeline-title">互动游戏时间</div>
+              <div class="timeline-brief">套圈圈、投壶、摇筛子、足球射门等10+游戏项目</div>
+            </div>
+          </div>
+          
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content" @click="openTimelineDetail(3)">
+              <div class="timeline-time">
+                18:00 - 19:30
+                <van-icon name="arrow" class="detail-arrow" />
+              </div>
+              <div class="timeline-title">落日BBQ</div>
+              <div class="timeline-brief">落日余晖下烤肉、拍摄氛围感大片</div>
+            </div>
+          </div>
+          
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content" @click="openTimelineDetail(4)">
+              <div class="timeline-time">
+                19:00 - 20:00
+                <van-icon name="arrow" class="detail-arrow" />
+              </div>
+              <div class="timeline-title">篝火歌舞�?/div>
+              <div class="timeline-brief">击鼓传花、喊数抱团、才艺表演等互动游戏</div>
+            </div>
+          </div>
+          
+          <div class="timeline-item">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content" @click="openTimelineDetail(5)">
+              <div class="timeline-time">
+                20:00 - 20:30
+                <van-icon name="arrow" class="detail-arrow" />
+              </div>
+              <div class="timeline-title">璀璨烟火秀</div>
+              <div class="timeline-brief">米兰之夜、仙女棒、加特林压轴</div>
+            </div>
+          </div>
+          
+          <div class="timeline-item timeline-item-last">
+            <div class="timeline-dot"></div>
+            <div class="timeline-content" @click="openTimelineDetail(6)">
+              <div class="timeline-time">
+                20:30 以后
+                <van-icon name="arrow" class="detail-arrow" />
+              </div>
+              <div class="timeline-title">积分兑奖 & 自由交流</div>
+              <div class="timeline-brief">积分兑换礼品、自由合影、安全返�?/div>
+            </div>
+          </div>
+        </div>
+      </div>
+        <h3 class="section-title">活动经费 <span class="count">¥{{ totalExpense }}</span></h3>
+        <div class="expense-list">
+          <div v-for="expense in expenses" :key="expense.id" class="expense-item">
+            <div class="expense-info">
+              <div class="expense-name">{{ expense.item }}</div>
+              <div class="expense-category">{{ expense.category }}</div>
+            </div>
+            <div v-if="expense.media && expense.media.length" class="expense-media">
+              <div v-for="(media, index) in expense.media" :key="index" class="expense-media-item">
+                <van-image 
+                  v-if="media.type === 'image'" 
+                  :src="media.url" 
+                  fit="cover"
+                  @click="previewImage(media.url)"
+                />
+                <div v-else class="expense-video" @click="playExpenseVideo(media.url)">
+                  <video :src="media.url"></video>
+                  <van-icon name="play-circle-o" class="play-icon" />
+                </div>
+              </div>
+            </div>
+            <div class="expense-amount">金额：¥{{ expense.amount }}</div>
+          </div>
+        </div>
+      </div>
+      
+      <div v-if="!isApproved && hasRegistered" class="section">
+        <div class="permission-tip">
+          <van-icon name="info-o" />
+          <span v-if="userRegistration.status === 'pending'">您的报名正在审核中，审核通过后可查看活动经费</span>
+          <span v-else-if="userRegistration.status === 'rejected'">您的报名未通过审核</span>
+        </div>
+      </div>
+      
+      <div v-if="sponsors.length" class="section">
+        <h3 class="section-title">赞助商</h3>
+        <div class="sponsor-grid">
+          <div v-for="sponsor in sponsors" :key="sponsor.id" class="sponsor-card">
+            <div class="sponsor-logo" :style="{ backgroundImage: `url(${sponsor.logo})` }"></div>
+            <div class="sponsor-name">{{ sponsor.name }}</div>
+          </div>
+        </div>
+      </div>
+      
+      <div v-if="photos.length || videos.length" class="section">
+        <h3 class="section-title">活动照片与视频</h3>
+        
+        <div v-if="photos.length" class="media-section">
+          <div class="media-label">照片</div>
+          <div class="photo-grid">
+            <div v-for="photo in photos" :key="photo.id" class="photo-item" @click="previewImage(photo.url)">
+              <div class="photo-img" :style="{ backgroundImage: `url(${photo.url})` }"></div>
+            </div>
+          </div>
+        </div>
+        
+        <div v-if="videos.length" class="media-section">
+          <div class="media-label">视频</div>
+          <div class="video-list">
+            <div v-for="video in videos" :key="video.id" class="video-item">
+              <video :src="video.url" controls class="video-player"></video>
+            </div>
+          </div>
+        </div>
+        
+        <div v-if="hasRegistered && isApproved" class="upload-section">
+          <van-uploader 
+            v-model="userMedia" 
+            multiple 
+            :max-count="5" 
+            :after-read="uploadUserMedia"
+            accept="image/*,video/*"
+          >
+            <van-button icon="photograph" type="primary" size="small">上传照片/视频</van-button>
+          </van-uploader>
+          <div class="upload-tip">您可以上传活动照片或视频，审核后将展示给所有人</div>
+        </div>
+        
+        <div v-if="hasRegistered && !isApproved" class="upload-section">
+          <div class="permission-tip">
+            <van-icon name="info-o" />
+            <span v-if="userRegistration.status === 'pending'">审核通过后可上传照片/视频</span>
+            <span v-else-if="userRegistration.status === 'rejected'">您的报名未通过审核</span>
+          </div>
+        </div>
+      </div>
+      
+      <div class="section">
+        <h3 class="section-title">报名名单 <span class="count">({{ registrations.length }}�?</span></h3>
+        <div class="member-list">
+          <div v-for="reg in registrations" :key="reg.id" class="member-item">
+            <div class="member-avatar">{{ reg.name.charAt(0) }}</div>
+            <div class="member-info">
+              <div class="member-name">{{ reg.name }}</div>
+              <div class="member-car">{{ reg.carModel }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div v-if="!hasRegistered && activity.registrationEnabled" class="footer-action">
+      <van-button 
+        type="primary" 
+        block 
+        round 
+        size="large" 
+        @click="$router.push(`/register/${activity.id}`)"
+        class="action-button"
+      >
+        <van-icon name="add-o" /> 立即报名
+      </van-button>
+      <van-button 
+        plain
+        type="primary" 
+        block 
+        round 
+        size="large" 
+        @click="handleLogin"
+        class="action-button login-button"
+      >
+        <van-icon name="user-o" /> 已报名？点击登录
+      </van-button>
+    </div>
+    
+    <div v-else-if="!hasRegistered && !activity.registrationEnabled" class="footer-action">
+      <van-button type="default" block round size="large" disabled class="action-button">
+        <van-icon name="warning-o" /> 报名已结�?
+      </van-button>
+      <van-button 
+        plain
+        type="primary" 
+        block 
+        round 
+        size="large" 
+        @click="handleLogin"
+        class="action-button login-button"
+      >
+        <van-icon name="user-o" /> 已报名？点击登录
+      </van-button>
+    </div>
+    
+    <div v-else-if="!isApproved" class="footer-action">
+      <van-button type="default" block round size="large" disabled class="action-button">
+        <van-icon name="clock-o" /> 
+        <span v-if="userRegistration.status === 'pending'">等待审核�?/span>
+        <span v-else>报名未通过</span>
+      </van-button>
+    </div>
+    
+    <div v-else class="footer-action">
+      <van-button type="success" block round size="large" disabled class="action-button">
+        <van-icon name="success" /> 已报�?
+      </van-button>
+    </div>
+    
+    <!-- 分享按钮（右上角�?-->
+    <div class="share-btn" @click="handleShare">
+      <van-icon name="share-o" />
+      <span>分享</span>
+    </div>
+    
+    <!-- 地图弹窗 -->
+    <van-popup v-model:show="showMapPopup" position="bottom" :style="{ height: '70%' }">
+      <div class="map-container">
+        <div class="map-header">
+          <h3>{{ activity.location }}</h3>
+          <van-icon name="cross" @click="showMapPopup = false" />
+        </div>
+        <div id="amap-container" style="width: 100%; height: calc(100% - 50px);"></div>
+      </div>
+    </van-popup>
+    
+    <!-- 登录弹窗 -->
+    <van-dialog 
+      v-model:show="showLoginDialog" 
+      title="验证报名信息" 
+      show-cancel-button
+      @confirm="submitLogin"
+    >
+      <div class="login-form">
+        <van-field 
+          v-model="loginForm.phone" 
+          label="手机�? 
+          placeholder="请输入报名时的手机号"
+          type="tel"
+          maxlength="11"
+        />
+        <van-field 
+          label="车牌�?
+        >
+          <template #input>
+            <div class="license-plate-input">
+              <span class="plate-prefix">�?/span>
+              <input 
+                v-model="carLetter"
+                @input="handleLetterInput"
+                placeholder="_"
+                maxlength="1"
+                class="plate-letter"
+              />
+              <span class="plate-dot">·</span>
+              <input 
+                v-model="carDigits"
+                @input="handleDigitsInput"
+                placeholder="______"
+                maxlength="6"
+                class="plate-digits"
+              />
+            </div>
+          </template>
+        </van-field>
+      </div>
+    </van-dialog>
+    
+    <!-- 经费视频播放弹窗 -->
+    <van-popup v-model:show="showExpenseVideoPopup" position="center" round :style="{ width: '90%' }">
+      <div class="video-player-popup">
+        <video :src="currentExpenseVideo" controls autoplay class="popup-video"></video>
+      </div>
+    </van-popup>
+    
+    <!-- 活动流程详情弹窗 -->
+    <van-popup v-model:show="showTimelinePopup" position="bottom" round :style="{ height: '70%' }">
+      <div class="timeline-popup">
+        <div class="popup-header">
+          <h3>{{ timelineData[currentTimelineIndex]?.title }}</h3>
+          <van-icon name="cross" @click="showTimelinePopup = false" />
+        </div>
+        <div class="popup-content">
+          <div class="popup-time">
+            <van-icon name="clock-o" />
+            {{ timelineData[currentTimelineIndex]?.time }}
+          </div>
+          <div class="popup-detail" v-html="timelineData[currentTimelineIndex]?.detail"></div>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { showImagePreview, showToast } from 'vant';
+import api from '../api';
+
+const route = useRoute();
+const activity = ref({});
+const photos = ref([]);
+const videos = ref([]);
+const sponsors = ref([]);
+const registrations = ref([]);
+const expenses = ref([]);
+const userMedia = ref([]);
+const showMapPopup = ref(false);
+const showLoginDialog = ref(false);
+const showExpenseVideoPopup = ref(false);
+const showTimelinePopup = ref(false);
+const currentExpenseVideo = ref('');
+const currentTimelineIndex = ref(0);
+const loginForm = ref({ phone: '', carNumber: '' });
+const carLetter = ref('');
+const carDigits = ref('');
+const userRegistration = ref(null);
+let map = null;
+
+// 活动流程详细数据
+const timelineData = ref([
+  {
+    title: '签到与集�?,
+    time: '14:00 - 14:30',
+    detail: `
+      <div class="game-rule">
+        <div class="rule-title">📋 积分卡说�?/div>
+        <div class="rule-content">
+          �?每人领取一张积分卡（红绿双色章�?br>
+          �?初始积分�?�?br>
+          �?游戏得分范围�?1�?5�?br>
+          �?游戏扣分范围�?1�?5�?br>
+          �?最终积分可兑换礼品
+        </div>
+      </div>
+    `
+  },
+  {
+    title: '观赏素材拍摄',
+    time: '14:30 - 16:30',
+    detail: `
+      <div class="game-rule">
+        <div class="rule-title">📸 拍照打卡点位</div>
+        <div class="rule-content">
+          <strong>1. 宝船门口</strong> - 全员车前合影、签到墙合照<br>
+          <strong>2. 隧道三个点位</strong> - 地标合影、动态全员上车、点�?br>
+          <strong>3. 特色造型</strong> - �?泉州"两个字造型<br>
+          <br>
+          💡 提示：完成所有点位拍照可获得 <span class="score-badge">+2�?/span>
+        </div>
+      </div>
+    `
+  },
+  {
+    title: '互动游戏时间',
+    time: '16:30 - 18:00',
+    detail: `
+      <div class="game-rule">
+        <div class="rule-title">🎮 游戏项目清单</div>
+        
+        <div class="game-item">
+          <div class="game-name">🎯 套圈�?/div>
+          <div class="game-score">得分规则：套�?�?1分，套中3�?3分，套中5�?5�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🏺 投壶</div>
+          <div class="game-score">得分规则：投�?�?2分，投中5�?4分，全中+5�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🎲 摇筛�?/div>
+          <div class="game-score">得分规则：豹�?5分，顺子+3分，对子+1�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🃏 牛牛/划拳</div>
+          <div class="game-score">得分规则：赢一局+1分，连赢3局+3分，连赢5局+5�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">�?足球射门</div>
+          <div class="game-score">得分规则：进1�?1分，�?�?3分，�?�?5�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🎮 王者荣耀</div>
+          <div class="game-score">得分规则：获�?3分，MVP+5分，失败-1�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">💧 抛水�?/div>
+          <div class="game-score">得分规则：立�?�?2分，立住3�?4分，立住5�?5�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🎴 扑克游戏</div>
+          <div class="game-score">得分规则：根据游戏类型，赢家+2分，输家-1�?/div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🐊 鳄鱼/插剑玩具</div>
+          <div class="game-score">得分规则：挑战成�?3分，失败-2�?/div>
+        </div>
+        
+        <div class="game-item highlight-game">
+          <div class="game-name">🪑 最终复活挑�?- 抢椅�?/div>
+          <div class="game-score">
+            规则：音乐停止时抢座位，未抢到者淘�?br>
+            得分：冠�?5分，亚军+3分，季军+2分，淘汰-1�?
+          </div>
+        </div>
+      </div>
+    `
+  },
+  {
+    title: '落日BBQ',
+    time: '18:00 - 19:30',
+    detail: `
+      <div class="game-rule">
+        <div class="rule-content">
+          落日余晖下午餐串成一排、齐开大灯、拍摄氛围感大片、边烤肉边欣赏晚�?br>
+          <br>
+          💡 提示：分享美食照片到朋友圈并@活动官方账号可获�?<span class="score-badge">+1�?/span>
+        </div>
+      </div>
+    `
+  },
+  {
+    title: '篝火歌舞�?,
+    time: '19:00 - 20:00',
+    detail: `
+      <div class="game-rule">
+        <div class="rule-title">🎤 互动游戏环节</div>
+        
+        <div class="game-item">
+          <div class="game-name">🥁 击鼓传花�?0轮）</div>
+          <div class="game-score">
+            规则：音乐停止时持花者上台，吃柠檬或苦瓜<br>
+            得分：勇敢完�?2分，拒绝挑战-3�?
+          </div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🤝 喊数抱团�?0轮）</div>
+          <div class="game-score">
+            规则：主持人喊数字，参与者按数字抱团，落单者淘�?br>
+            惩罚：上台自我介绍（1分钟�?br>
+            得分：成功抱�?1分，落单但完成自我介�?2分，拒绝-2�?
+          </div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🎵 大合�?/div>
+          <div class="game-score">
+            全员参与，气氛热烈，每人+1�?
+          </div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">🎭 个人才艺表演</div>
+          <div class="game-score">
+            规则：自愿上台唱歌、跳舞、表演才�?br>
+            提示：需提前到后台准备BGM<br>
+            得分：参与表�?3分，精彩表演+5�?
+          </div>
+        </div>
+        
+        <div class="game-item">
+          <div class="game-name">👶 小朋友互�?/div>
+          <div class="game-score">
+            主持人邀请小朋友上台互动，参与即有礼�?br>
+            家长陪同参与+2�?
+          </div>
+        </div>
+      </div>
+    `
+  },
+  {
+    title: '璀璨烟火秀',
+    time: '20:00 - 20:30',
+    detail: `
+      <div class="game-rule">
+        <div class="rule-title">🎆 烟花表演</div>
+        <div class="rule-content">
+          <strong>1. 米兰之夜</strong> - 大型专业烟火表演<br>
+          <strong>2. 仙女�?/strong> - 每车配发手持烟花，拍照打�?br>
+          <strong>3. 加特林压�?/strong> - 震撼收尾，全场欢�?br>
+          <br>
+          💡 提示：拍摄烟花视频并分享可获�?<span class="score-badge">+2�?/span>
+        </div>
+      </div>
+    `
+  },
+  {
+    title: '积分兑奖 & 自由交流',
+    time: '20:30 以后',
+    detail: `
+      <div class="game-rule">
+        <div class="rule-title">🏆 积分兑换礼品</div>
+        <div class="rule-content">
+          <strong>积分排行榜：</strong><br>
+          �?�?名（20分以上）：神秘大�?br>
+          �?�?-3名（15-19分）：精美礼�?br>
+          �?�?-10名（10-14分）：纪念品<br>
+          �?参与奖（5-9分）：小礼物<br>
+          <br>
+          随后自由合影、整理垃圾、提醒安全驾驶返�?
+        </div>
+      </div>
+    `
+  }
+]);
+
+const handleLetterInput = (e) => {
+  const value = e.target.value.toUpperCase().replace(/[^A-Z]/g, '');
+  carLetter.value = value;
+  loginForm.value.carNumber = value + carDigits.value;
+  
+  // 自动聚焦到数字输入框
+  if (value.length === 1) {
+    e.target.nextElementSibling?.nextElementSibling?.focus();
+  }
+};
+
+const handleDigitsInput = (e) => {
+  const value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
+  carDigits.value = value;
+  loginForm.value.carNumber = carLetter.value + value;
+};
+
+// 打开时间线详情弹�?
+const openTimelineDetail = (index) => {
+  currentTimelineIndex.value = index;
+  showTimelinePopup.value = true;
+};
+
+const totalExpense = computed(() => {
+  return expenses.value.reduce((sum, e) => sum + parseFloat(e.amount), 0).toFixed(2);
+});
+
+// 检查是否已登录且审核通过
+const isApproved = computed(() => {
+  return userRegistration.value && userRegistration.value.status === 'approved';
+});
+
+// 检查是否已报名（任何状态）
+const hasRegistered = computed(() => {
+  return userRegistration.value !== null;
+});
+
+const loadData = async () => {
+  const { data } = await api.getActivity(route.params.id);
+  activity.value = data.activity;
+  
+  // 分离照片和视�?
+  const allMedia = data.photos || [];
+  photos.value = allMedia.filter(m => m.type === 'image');
+  videos.value = allMedia.filter(m => m.type === 'video');
+  
+  sponsors.value = data.sponsors;
+  
+  // 加载经费数据(所有已报名用户都可以看�?
+  expenses.value = data.expenses || [];
+  
+  const { data: regs } = await api.getActivityRegistrations(route.params.id);
+  registrations.value = regs;
+  
+  // 从localStorage恢复登录状�?
+  const savedReg = localStorage.getItem(`user_reg_${route.params.id}`);
+  if (savedReg) {
+    userRegistration.value = JSON.parse(savedReg);
+  }
+};
+
+const formatDate = (date) => {
+  return new Date(date).toLocaleString('zh-CN');
+};
+
+const previewImage = (url) => {
+  showImagePreview([url]);
+};
+
+const playExpenseVideo = (url) => {
+  currentExpenseVideo.value = url;
+  showExpenseVideoPopup.value = true;
+};
+
+const showMap = () => {
+  if (!activity.value.locationLat || !activity.value.locationLng) {
+    showToast('暂无地图信息');
+    return;
+  }
+  showMapPopup.value = true;
+  setTimeout(() => {
+    initMap();
+  }, 300);
+};
+
+const initMap = async () => {
+  try {
+    console.log('开始初始化活动详情地图...');
+    const AMap = await window.loadAMap();
+    console.log('地图API加载完成');
+    
+    if (map) {
+      console.log('销毁旧地图实例');
+      map.destroy();
+    }
+    
+    const center = [activity.value.locationLng, activity.value.locationLat];
+    console.log('地图中心�?', center);
+    
+    map = new AMap.Map('amap-container', { zoom: 15, center });
+    new AMap.Marker({ position: center, map, title: activity.value.location });
+    
+    console.log('地图初始化完�?);
+  } catch (e) {
+    console.error('地图加载失败:', e);
+    showToast('地图加载失败: ' + e.message);
+  }
+};
+
+const uploadUserMedia = async (files) => {
+  if (!isApproved.value) {
+    showToast('请先登录并等待审核通过');
+    return;
+  }
+  
+  const loadingToast = showToast({
+    type: 'loading',
+    message: '上传�?..',
+    forbidClick: true,
+    duration: 0
+  });
+  
+  try {
+    const formData = new FormData();
+    formData.append('uploadedBy', userRegistration.value.name);
+    
+    if (Array.isArray(files)) {
+      files.forEach(file => formData.append('photos', file.file));
+    } else {
+      formData.append('photos', files.file);
+    }
+    
+    await api.uploadUserPhotos(route.params.id, formData);
+    loadingToast.clear();
+    showToast('上传成功，等待审�?);
+    userMedia.value = [];
+  } catch (error) {
+    loadingToast.clear();
+    showToast('上传失败');
+  }
+};
+
+const handleLogin = () => {
+  showLoginDialog.value = true;
+};
+
+// 删除formatCarNumber，已被handleLetterInput和handleDigitsInput替代
+
+const submitLogin = async () => {
+  if (!loginForm.value.phone || !loginForm.value.carNumber) {
+    showToast('请输入手机号和车牌号');
+    return;
+  }
+  
+  try {
+    // 添加"�?前缀到车牌号
+    const carNumberWithPrefix = `�?{loginForm.value.carNumber}`;
+    
+    console.log('登录验证:', {
+      phone: loginForm.value.phone,
+      carNumber: carNumberWithPrefix,
+      activityId: route.params.id
+    });
+    
+    const { data } = await api.verifyUser(route.params.id, {
+      phone: loginForm.value.phone,
+      carNumber: carNumberWithPrefix
+    });
+    
+    console.log('验证成功:', data.registration);
+    
+    userRegistration.value = data.registration;
+    
+    // 保存到localStorage
+    localStorage.setItem(`user_reg_${route.params.id}`, JSON.stringify(data.registration));
+    
+    showLoginDialog.value = false;
+    
+    if (data.registration.status === 'approved') {
+      showToast('登录成功');
+      // 重新加载数据无需调用,因为经费已经加载�?
+    } else if (data.registration.status === 'pending') {
+      showToast('您的报名正在审核�?);
+    } else {
+      showToast('您的报名未通过审核');
+    }
+  } catch (error) {
+    console.error('登录验证失败:', error.response?.data);
+    showToast(error.response?.data?.error || '验证失败');
+  }
+};
+
+const handleShare = () => {
+  const shareUrl = `${window.location.origin}/share/${route.params.id}`;
+  
+  if (navigator.share) {
+    navigator.share({
+      title: activity.value.title,
+      text: `${activity.value.title} - 泉友米车友会`,
+      url: shareUrl
+    }).catch(() => {
+      copyShareLink(shareUrl);
+    });
+  } else {
+    copyShareLink(shareUrl);
+  }
+};
+
+const copyShareLink = (url) => {
+  navigator.clipboard.writeText(url).then(() => {
+    showToast('分享链接已复�?);
+  }).catch(() => {
+    showToast('复制失败，请手动复制�? + url);
+  });
+};
+
+onMounted(loadData);
+</script>
+
+<style scoped>
+.detail {
+  min-height: 100vh;
+  background: #f8f9fa;
+  padding-bottom: 140px;
+}
+
+.detail-header {
+  position: relative;
+  height: 280px;
+  background-size: cover;
+  background-position: center;
+  background-color: #e8e8e8;
+}
+
+.header-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);
+}
+
+.header-back {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  z-index: 2;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255,255,255,0.3);
+  border-radius: 50%;
+  color: #fff;
+  font-size: 20px;
+  backdrop-filter: blur(10px);
+}
+
+.header-content {
+  position: absolute;
+  bottom: 24px;
+  left: 16px;
+  right: 16px;
+  z-index: 1;
+}
+
+.activity-title {
+  font-size: 24px;
+  font-weight: bold;
+  color: #fff;
+  margin: 0;
+  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
+}
+
+.content {
+  padding: 16px;
+  margin-top: -20px;
+  position: relative;
+  z-index: 1;
+}
+
+.info-card {
+  background: #fff;
+  border-radius: 16px;
+  padding: 16px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+  margin-bottom: 16px;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.info-item:last-child {
+  border-bottom: none;
+}
+
+.info-arrow {
+  font-size: 16px;
+  color: #999;
+  margin-left: 8px;
+}
+
+.info-icon {
+  font-size: 24px;
+  color: #FF6700;
+  margin-right: 12px;
+}
+
+.info-text {
+  flex: 1;
+}
+
+.info-label {
+  font-size: 12px;
+  color: #999;
+  margin-bottom: 4px;
+}
+
+.info-value {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+}
+
+.price-value {
+  color: #FF6700;
+  font-weight: 600;
+  font-size: 16px;
+}
+
+.section {
+  background: #fff;
+  border-radius: 16px;
+  padding: 16px;
+  margin-bottom: 16px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: bold;
+  margin: 0 0 16px;
+  color: #333;
+}
+
+.section-title .count {
+  color: #FF6700;
+  font-size: 14px;
+}
+
+.description {
+  font-size: 14px;
+  line-height: 1.8;
+  color: #666;
+  white-space: pre-line;
+}
+
+.sponsor-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 12px;
+}
+
+.sponsor-card {
+  text-align: center;
+}
+
+.sponsor-logo {
+  width: 50px;
+  height: 50px;
+  margin: 0 auto 6px;
+  background-size: cover;
+  background-position: center;
+  background-color: #f5f5f5;
+  border-radius: 10px;
+}
+
+.sponsor-name {
+  font-size: 11px;
+  color: #666;
+  line-height: 1.3;
+}
+
+.photo-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+}
+
+.photo-item {
+  aspect-ratio: 1;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.photo-img {
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center;
+  background-color: #f5f5f5;
+}
+
+.media-section {
+  margin-bottom: 20px;
+}
+
+.media-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #666;
+  margin-bottom: 12px;
+}
+
+.video-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.video-item {
+  border-radius: 12px;
+  overflow: hidden;
+  background: #000;
+}
+
+.video-player {
+  width: 100%;
+  max-height: 300px;
+  display: block;
+}
+
+.member-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.member-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.member-avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.member-info {
+  flex: 1;
+}
+
+.member-name {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  margin-bottom: 4px;
+}
+
+.member-car {
+  font-size: 12px;
+  color: #999;
+}
+
+.expense-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.expense-item {
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  background: #fff;
+  border-radius: 12px;
+  border: 1px solid #f0f0f0;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+}
+
+.expense-info {
+  flex: 1;
+}
+
+.expense-name {
+  font-size: 15px;
+  color: #333;
+  font-weight: 600;
+  margin-bottom: 6px;
+}
+
+.expense-category {
+  display: inline-block;
+  font-size: 11px;
+  color: #FF6700;
+  background: #fff7e6;
+  padding: 2px 8px;
+  border-radius: 4px;
+  margin-bottom: 8px;
+}
+
+.expense-media {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.expense-media-item {
+  width: 100%;
+  aspect-ratio: 1;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #f5f5f5;
+  cursor: pointer;
+  transition: transform 0.2s;
+}
+
+.expense-media-item:active {
+  transform: scale(0.95);
+}
+
+.expense-media-item .van-image {
+  width: 100%;
+  height: 100%;
+}
+
+.expense-video {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+
+.expense-video video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.expense-video .play-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 28px;
+  color: #fff;
+  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
+}
+
+.expense-amount {
+  font-size: 15px;
+  color: #FF6700;
+  font-weight: bold;
+  text-align: right;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px dashed #f0f0f0;
+}
+
+.upload-section {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid #f0f0f0;
+}
+
+.upload-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 8px;
+}
+
+.map-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.map-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.map-header h3 {
+  margin: 0;
+  font-size: 16px;
+}
+
+.map-header .van-icon {
+  font-size: 20px;
+  color: #999;
+}
+
+.footer-action {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 12px 16px;
+  background: #fff;
+  box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.action-button {
+  height: 48px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border: none;
+  font-weight: 600;
+}
+
+.action-button .van-icon {
+  margin-right: 4px;
+}
+
+.login-button {
+  margin-top: 0;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%) !important;
+  color: #fff !important;
+}
+
+.share-btn {
+  position: fixed;
+  top: 16px;
+  right: 16px;
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 16px;
+  background: rgba(255,255,255,0.95);
+  border-radius: 20px;
+  color: #FF6700;
+  font-size: 14px;
+  font-weight: 500;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+  backdrop-filter: blur(10px);
+  cursor: pointer;
+}
+
+.login-form {
+  padding: 16px;
+}
+
+.permission-tip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  background: #fff7e6;
+  border-radius: 8px;
+  color: #ff9800;
+  font-size: 14px;
+}
+
+.permission-tip .van-icon {
+  font-size: 18px;
+}
+
+.video-player-popup {
+  padding: 20px;
+  background: #000;
+  border-radius: 16px;
+}
+
+.popup-video {
+  width: 100%;
+  max-height: 60vh;
+  border-radius: 12px;
+}
+
+/* 车牌输入样式 */
+.license-plate-input {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 10px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(255, 103, 0, 0.3);
+  width: fit-content;
+  margin-left: auto;
+}
+
+.plate-prefix {
+  color: #fff;
+  font-weight: 700;
+  font-size: 16px;
+  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
+}
+
+.plate-letter {
+  width: 22px;
+  height: 28px;
+  border: 2px solid rgba(255,255,255,0.9);
+  border-radius: 3px;
+  background: #fff;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+  outline: none;
+  text-transform: uppercase;
+  padding: 0;
+}
+
+.plate-dot {
+  color: #fff;
+  font-size: 18px;
+  font-weight: 700;
+  margin: 0 1px;
+}
+
+.plate-digits {
+  width: 110px;
+  height: 28px;
+  border: 2px solid rgba(255,255,255,0.9);
+  border-radius: 3px;
+  background: #fff;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+  outline: none;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  padding: 0;
+}
+
+.plate-letter::placeholder,
+.plate-digits::placeholder {
+  color: #ddd;
+  font-weight: 400;
+}
+
+.timeline {
+  position: relative;
+  padding-left: 32px;
+}
+
+.timeline::before {
+  content: '';
+  position: absolute;
+  left: 8px;
+  top: 8px;
+  bottom: 8px;
+  width: 2px;
+  background: linear-gradient(180deg, #FF6700 0%, #FF8533 100%);
+}
+
+.timeline-item {
+  position: relative;
+  padding-bottom: 24px;
+}
+
+.timeline-item-last {
+  padding-bottom: 0;
+}
+
+.timeline-dot {
+  position: absolute;
+  left: -28px;
+  top: 4px;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #fff;
+  border: 3px solid #FF6700;
+  box-shadow: 0 0 0 3px rgba(255, 103, 0, 0.1);
+  z-index: 1;
+}
+
+.timeline-content {
+  background: #fff;
+  border-radius: 12px;
+  padding: 12px 16px;
+  border: 1px solid #f0f0f0;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  transition: all 0.2s;
+  cursor: pointer;
+}
+
+.timeline-content:active {
+  transform: scale(0.98);
+  box-shadow: 0 4px 12px rgba(255, 103, 0, 0.15);
+}
+
+.timeline-time {
+  font-size: 13px;
+  color: #FF6700;
+  font-weight: 600;
+  margin-bottom: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.timeline-time::before {
+  content: '🕐';
+  margin-right: 4px;
+}
+
+.detail-arrow {
+  font-size: 14px;
+  color: #FF6700;
+  transition: transform 0.2s;
+}
+
+.timeline-content:active .detail-arrow {
+  transform: translateX(3px);
+}
+
+.timeline-title {
+  font-size: 15px;
+  color: #333;
+  font-weight: 600;
+  margin-bottom: 8px;
+}
+
+.timeline-desc {
+  font-size: 13px;
+  color: #666;
+  line-height: 1.6;
+}
+
+.timeline-brief {
+  font-size: 13px;
+  color: #666;
+  line-height: 1.6;
+  margin-bottom: 0;
+}
+
+/* 弹窗样式 */
+.timeline-popup {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+}
+
+.popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid #f0f0f0;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+}
+
+.popup-header h3 {
+  margin: 0;
+  font-size: 17px;
+  font-weight: 600;
+  color: #fff;
+}
+
+.popup-header .van-icon {
+  font-size: 22px;
+  color: #fff;
+  cursor: pointer;
+}
+
+.popup-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+
+.popup-time {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  color: #FF6700;
+  font-weight: 600;
+  margin-bottom: 16px;
+  padding: 8px 12px;
+  background: #fff7e6;
+  border-radius: 8px;
+  width: fit-content;
+}
+
+.popup-time .van-icon {
+  font-size: 16px;
+}
+
+.popup-detail {
+  font-size: 14px;
+  line-height: 1.8;
+  color: #333;
+}
+
+/* 游戏规则样式 */
+.game-rule {
+  margin-top: 12px;
+  padding: 12px;
+  background: #f8f9fa;
+  border-radius: 8px;
+  border-left: 3px solid #FF6700;
+}
+
+.rule-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 8px;
+}
+
+.rule-content {
+  font-size: 13px;
+  color: #666;
+  line-height: 1.8;
+}
+
+.game-item {
+  margin-bottom: 12px;
+  padding: 10px;
+  background: #fff;
+  border-radius: 6px;
+  border: 1px solid #e8e8e8;
+}
+
+.game-item:last-child {
+  margin-bottom: 0;
+}
+
+.highlight-game {
+  background: linear-gradient(135deg, #fff7e6 0%, #fff 100%);
+  border-color: #FF6700;
+}
+
+.game-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 6px;
+}
+
+.game-score {
+  font-size: 12px;
+  color: #666;
+  line-height: 1.6;
+}
+
+.score-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  color: #fff;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 600;
+  margin: 0 2px;
+}
+
+</style>
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
new file mode 100644
index 0000000..b5b3b0d
--- /dev/null
+++ b/frontend/src/views/Home.vue
@@ -0,0 +1,314 @@
+<template>
+  <div class="home">
+    <div class="hero">
+      <van-swipe class="hero-swipe" :autoplay="3000" indicator-color="white">
+        <van-swipe-item v-for="(image, index) in bannerImages" :key="index">
+          <div class="swipe-item" :style="{ backgroundImage: `url(${image})` }"></div>
+        </van-swipe-item>
+      </van-swipe>
+      <div class="hero-content">
+        <h1 class="club-name">泉友米车友会</h1>
+        <p class="club-slogan">驾驭激情 · 共享旅程</p>
+        <van-button 
+          type="primary" 
+          round 
+          size="small"
+          @click="$router.push('/landing')"
+          class="landing-btn"
+        >
+          查看宣传页
+        </van-button>
+      </div>
+    </div>
+    
+    <van-tabs v-model:active="activeTab" @change="loadActivities" class="custom-tabs">
+      <van-tab title="精彩活动" name="upcoming"></van-tab>
+      <van-tab title="往期回顾" name="completed"></van-tab>
+    </van-tabs>
+    
+    <div class="activity-list">
+      <div v-if="loading" class="loading-state">
+        <van-loading size="24px">加载中...</van-loading>
+      </div>
+      <div v-else-if="activities.length === 0" class="empty-state">
+        <van-empty description="暂无活动" />
+      </div>
+      <div v-else class="activity-cards">
+        <div
+          v-for="activity in activities"
+          :key="activity.id"
+          class="activity-card"
+          @click="$router.push(`/activity/${activity.id}`)"
+        >
+          <div class="card-image" :style="{ backgroundImage: `url(${activity.coverImage || 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/5.jpg'})` }">
+            <div class="card-badge">{{ activity.status === 'upcoming' ? '报名中' : '已结束' }}</div>
+          </div>
+          <div class="card-content">
+            <h3 class="card-title">{{ activity.title }}</h3>
+            <p class="card-desc">{{ activity.description }}</p>
+            <div class="card-meta">
+              <div class="meta-item">
+                <van-icon name="clock-o" />
+                <span>{{ formatDate(activity.startTime) }}</span>
+              </div>
+              <div class="meta-item">
+                <van-icon name="location-o" />
+                <span>{{ activity.location }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <footer class="footer">
+      <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="beian-link">
+        闽ICP备2021011414号-1
+      </a>
+    </footer>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+import api from '../api';
+
+const router = useRouter();
+const activeTab = ref('upcoming');
+const activities = ref([]);
+const loading = ref(false);
+const finished = ref(false);
+
+// 轮播图图片 - 小米汽车官方高清图片
+const bannerImages = ref([
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_20260319/pc/2-1.png',
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/1.jpg',
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/yu7_20250626/pc/1.png',
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_20260319/pc/4-1.png'
+]);
+
+const loadActivities = async () => {
+  loading.value = true;
+  try {
+    const { data } = await api.getActivities({ status: activeTab.value });
+    activities.value = data;
+    finished.value = true;
+  } catch (error) {
+    console.error(error);
+  }
+  loading.value = false;
+};
+
+const formatDate = (date) => {
+  return new Date(date).toLocaleDateString('zh-CN');
+};
+
+loadActivities();
+</script>
+
+<style scoped>
+.home {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%);
+}
+
+.hero {
+  position: relative;
+  height: 240px;
+  overflow: hidden;
+}
+
+.hero-swipe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+}
+
+.swipe-item {
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center;
+  position: relative;
+}
+
+.swipe-item::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
+}
+
+.swipe-item::after {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  right: 0;
+  height: 60px;
+  background: #f8f9fa;
+  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
+}
+
+.hero-content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: #fff;
+  text-align: center;
+}
+
+.club-name {
+  font-size: 32px;
+  font-weight: bold;
+  margin: 0;
+  text-shadow: 0 2px 8px rgba(0,0,0,0.2);
+  letter-spacing: 2px;
+}
+
+.club-slogan {
+  font-size: 14px;
+  margin: 12px 0 0;
+  opacity: 0.9;
+  letter-spacing: 4px;
+}
+
+.landing-btn {
+  margin-top: 20px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border: none;
+  font-size: 14px;
+  font-weight: 600;
+  padding: 0 24px;
+  box-shadow: 0 4px 12px rgba(255, 103, 0, 0.4);
+}
+
+.custom-tabs {
+  margin-top: -30px;
+  position: relative;
+  z-index: 2;
+}
+
+.activity-list {
+  padding: 16px;
+}
+
+.loading-state,
+.empty-state {
+  padding: 60px 0;
+  text-align: center;
+}
+
+.activity-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.activity-card {
+  background: #fff;
+  border-radius: 16px;
+  overflow: hidden;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.activity-card:active {
+  transform: scale(0.98);
+}
+
+.card-image {
+  height: 180px;
+  background-size: cover;
+  background-position: center;
+  background-color: #e8e8e8;
+  position: relative;
+}
+
+.card-badge {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  color: #fff;
+  padding: 4px 12px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: bold;
+  box-shadow: 0 2px 8px rgba(255, 103, 0, 0.3);
+}
+
+.card-content {
+  padding: 16px;
+}
+
+.card-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin: 0 0 8px;
+  color: #333;
+}
+
+.card-desc {
+  font-size: 14px;
+  color: #666;
+  margin: 0 0 12px;
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.card-meta {
+  display: flex;
+  gap: 16px;
+}
+
+.meta-item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: #999;
+}
+
+.meta-item .van-icon {
+  font-size: 14px;
+  color: #FF6700;
+}
+
+.footer {
+  padding: 24px 16px;
+  text-align: center;
+  background: #fff;
+  border-top: 1px solid #f0f0f0;
+  margin-top: 32px;
+}
+
+.beian-link {
+  font-size: 13px;
+  color: #999;
+  text-decoration: none;
+  transition: color 0.3s ease;
+}
+
+.beian-link:hover {
+  color: #FF6700;
+}
+
+.beian-link:active {
+  color: #FF8533;
+}
+</style>
diff --git a/frontend/src/views/LandingPage.vue b/frontend/src/views/LandingPage.vue
new file mode 100644
index 0000000..e6f8baa
--- /dev/null
+++ b/frontend/src/views/LandingPage.vue
@@ -0,0 +1,957 @@
+<template>
+  <div class="landing-page">
+    <!-- 背景音乐控制 -->
+    <div class="music-control" @click="toggleMusic">
+      <van-icon :name="isPlaying ? 'volume-o' : 'volume'" :class="{ playing: isPlaying }" />
+    </div>
+    <audio ref="audioPlayer" loop>
+      <source src="/are-you-ok.mp3" type="audio/mpeg">
+    </audio>
+
+    <!-- 顶部导航栏 -->
+    <div class="top-nav">
+      <van-icon name="arrow-left" class="nav-back" @click="$router.push('/')" />
+      <span class="nav-title">小米汽车车友会</span>
+      <div class="nav-placeholder"></div>
+    </div>
+
+    <!-- Hero轮播区 -->
+    <div class="hero-section">
+      <van-swipe class="hero-swipe" :autoplay="4000" indicator-color="#FF6700">
+        <van-swipe-item v-for="(image, index) in heroImages" :key="index">
+          <div class="swipe-item" :style="{ backgroundImage: `url(${image})` }">
+            <div class="swipe-overlay"></div>
+          </div>
+        </van-swipe-item>
+      </van-swipe>
+      
+      <div class="hero-content">
+        <div class="hero-badge">小米汽车车友会</div>
+        <h1 class="hero-title">驾驭未来 · 智享生活</h1>
+        <p class="hero-subtitle">Are You OK? 一起探索小米汽车的无限可能</p>
+        <div class="hero-stats">
+          <div class="stat-item">
+            <div class="stat-number">1000+</div>
+            <div class="stat-label">车友</div>
+          </div>
+          <div class="stat-divider"></div>
+          <div class="stat-item">
+            <div class="stat-number">50+</div>
+            <div class="stat-label">活动</div>
+          </div>
+          <div class="stat-divider"></div>
+          <div class="stat-item">
+            <div class="stat-number">20+</div>
+            <div class="stat-label">城市</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 特色卡片区 -->
+    <div class="features-section">
+      <h2 class="section-title">
+        <span class="title-icon">✨</span>
+        车友会特色
+      </h2>
+      
+      <div class="feature-cards">
+        <div 
+          v-for="(feature, index) in features" 
+          :key="index"
+          class="feature-card"
+          :style="{ backgroundImage: `url(${feature.image})` }"
+        >
+          <div class="card-overlay"></div>
+          <div class="card-content">
+            <div class="card-icon">{{ feature.icon }}</div>
+            <h3 class="card-title">{{ feature.title }}</h3>
+            <p class="card-desc">{{ feature.desc }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 活动预览区 -->
+    <div class="activities-section">
+      <h2 class="section-title">
+        <span class="title-icon">🎯</span>
+        精彩活动
+      </h2>
+      
+      <div v-if="loading" class="loading-state">
+        <van-loading size="24px">加载中...</van-loading>
+      </div>
+      
+      <div v-else-if="activities.length === 0" class="empty-state">
+        <van-empty description="敬请期待更多精彩活动" />
+      </div>
+      
+      <div v-else class="activity-preview">
+        <div
+          v-for="activity in activities.slice(0, 3)"
+          :key="activity.id"
+          class="activity-card"
+          @click="$router.push(`/activity/${activity.id}`)"
+        >
+          <div class="activity-image" :style="{ backgroundImage: `url(${activity.coverImage || heroImages[0]})` }">
+            <div class="activity-badge">报名中</div>
+          </div>
+          <div class="activity-info">
+            <h3 class="activity-title">{{ activity.title }}</h3>
+            <div class="activity-meta">
+              <van-icon name="clock-o" />
+              <span>{{ formatDate(activity.startTime) }}</span>
+            </div>
+            <div class="activity-meta">
+              <van-icon name="location-o" />
+              <span>{{ activity.location }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <van-button 
+        type="primary" 
+        block 
+        round 
+        size="large"
+        @click="$router.push('/')"
+        class="view-more-btn"
+      >
+        查看全部活动
+        <van-icon name="arrow" />
+      </van-button>
+    </div>
+
+    <!-- 赞助商区域 -->
+    <div class="sponsors-section">
+      <h2 class="section-title">
+        <span class="title-icon">🤝</span>
+        合作伙伴
+      </h2>
+      
+      <div class="sponsors-grid">
+        <div class="sponsor-card">
+          <div class="sponsor-logo xiaomi-logo">
+            <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+              <rect x="10" y="10" width="80" height="80" rx="20" fill="#FF6700"/>
+              <text x="50" y="65" font-family="Arial, sans-serif" font-size="40" font-weight="bold" fill="white" text-anchor="middle">MI</text>
+            </svg>
+          </div>
+          <div class="sponsor-info">
+            <h3 class="sponsor-name">小米汽车泉州信兴汽车城授权服务中心</h3>
+            <p class="sponsor-desc">泉州德劲新能源科技有限公司</p>
+          </div>
+        </div>
+        
+        <div class="sponsor-card">
+          <div class="sponsor-logo europark-logo">
+            <svg viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
+              <defs>
+                <linearGradient id="europark-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" style="stop-color:#4A90E2;stop-opacity:1" />
+                  <stop offset="100%" style="stop-color:#7B68EE;stop-opacity:1" />
+                </linearGradient>
+              </defs>
+              <rect width="200" height="80" rx="12" fill="url(#europark-gradient)"/>
+              <text x="100" y="50" font-family="Microsoft YaHei, Arial, sans-serif" font-size="32" font-weight="bold" fill="white" text-anchor="middle">欧乐堡</text>
+            </svg>
+          </div>
+          <div class="sponsor-info">
+            <h3 class="sponsor-name">泉州欧乐堡</h3>
+            <p class="sponsor-desc">童话世界 · 海洋王国</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- CTA区域 -->
+    <div class="cta-section">
+      <div class="cta-content">
+        <h2 class="cta-title">加入我们</h2>
+        <p class="cta-desc">与千位小米汽车车主一起，探索智能出行新体验</p>
+        <van-button 
+          type="primary" 
+          round 
+          size="large"
+          @click="$router.push('/')"
+          class="cta-btn"
+        >
+          立即加入车友会
+        </van-button>
+      </div>
+      <div class="cta-bg"></div>
+    </div>
+
+    <!-- 页脚 -->
+    <footer class="footer">
+      <div class="footer-content">
+        <div class="footer-logo">
+          <div class="logo-icon">🚗</div>
+          <div class="logo-text">
+            <div class="logo-name">小米汽车车友会</div>
+            <div class="logo-slogan">驾驭未来 · 智享生活</div>
+          </div>
+        </div>
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="beian-link">
+          闽ICP备2021011414号-1
+        </a>
+      </div>
+    </footer>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue';
+import { useRouter } from 'vue-router';
+import api from '../api';
+
+const router = useRouter();
+const audioPlayer = ref(null);
+const isPlaying = ref(false);
+const activities = ref([]);
+const loading = ref(false);
+
+// Hero轮播图 - 小米汽车官方高清图片
+const heroImages = ref([
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_20260319/pc/2-1.png',
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/1.jpg',
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/yu7_20250626/pc/1.png',
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_20260319/pc/4-1.png',
+  'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/4.jpg'
+]);
+
+// 特色功能 - 使用小米汽车真实图片
+const features = ref([
+  {
+    icon: '🚀',
+    title: '极致性能',
+    desc: '零百加速2.78秒，800V超级快充，续航800km+',
+    image: 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/5.jpg'
+  },
+  {
+    icon: '🤝',
+    title: '车友互动',
+    desc: '定期组织自驾游、车友聚会、技术交流等活动',
+    image: 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/yu7_20250522/pc/3.jpg'
+  },
+  {
+    icon: '🎁',
+    title: '专属福利',
+    desc: '车友专属优惠、保养折扣、配件优惠等福利',
+    image: 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_20260319/pc/8-1.png'
+  },
+  {
+    icon: '🌟',
+    title: '智能生态',
+    desc: '小米全生态互联，打造智能出行新体验',
+    image: 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/yu7_20250626/pc/15.png'
+  }
+]);
+
+// 音乐控制
+const toggleMusic = () => {
+  if (!audioPlayer.value) return;
+  
+  if (isPlaying.value) {
+    audioPlayer.value.pause();
+    isPlaying.value = false;
+  } else {
+    audioPlayer.value.play().catch(err => {
+      console.log('音乐播放需要用户交互:', err);
+    });
+    isPlaying.value = true;
+  }
+};
+
+// 尝试自动播放音乐(需要用户交互)
+const tryAutoPlay = () => {
+  if (!audioPlayer.value || isPlaying.value) return;
+  
+  audioPlayer.value.play().then(() => {
+    isPlaying.value = true;
+    // 移除事件监听
+    document.removeEventListener('click', tryAutoPlay);
+    document.removeEventListener('touchstart', tryAutoPlay);
+  }).catch(() => {
+    // 自动播放失败,等待用户点击
+  });
+};
+
+// 加载活动
+const loadActivities = async () => {
+  loading.value = true;
+  try {
+    const { data } = await api.getActivities({ status: 'upcoming' });
+    activities.value = data;
+  } catch (error) {
+    console.error('加载活动失败:', error);
+  }
+  loading.value = false;
+};
+
+const formatDate = (date) => {
+  return new Date(date).toLocaleDateString('zh-CN', {
+    month: '2-digit',
+    day: '2-digit'
+  });
+};
+
+onMounted(() => {
+  loadActivities();
+  
+  // 监听用户交互,尝试自动播放音乐
+  document.addEventListener('click', tryAutoPlay, { once: true });
+  document.addEventListener('touchstart', tryAutoPlay, { once: true });
+  
+  // 3秒后如果还没播放,尝试一次
+  setTimeout(() => {
+    if (!isPlaying.value) {
+      tryAutoPlay();
+    }
+  }, 3000);
+});
+
+onUnmounted(() => {
+  if (audioPlayer.value && isPlaying.value) {
+    audioPlayer.value.pause();
+  }
+  // 清理事件监听
+  document.removeEventListener('click', tryAutoPlay);
+  document.removeEventListener('touchstart', tryAutoPlay);
+});
+</script>
+
+<style scoped>
+.landing-page {
+  min-height: 100vh;
+  background: #fff;
+}
+
+/* 顶部导航栏 */
+.top-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 46px;
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  z-index: 999;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
+}
+
+.nav-back {
+  font-size: 20px;
+  color: #333;
+  cursor: pointer;
+  padding: 8px;
+}
+
+.nav-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+
+.nav-placeholder {
+  width: 36px;
+}
+
+/* 音乐控制 */
+.music-control {
+  position: fixed;
+  top: 60px;
+  right: 20px;
+  z-index: 1000;
+  width: 44px;
+  height: 44px;
+  background: rgba(255, 255, 255, 0.9);
+  backdrop-filter: blur(10px);
+  color: #FF6700;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s;
+}
+
+.music-control:hover {
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0 4px 16px rgba(255, 103, 0, 0.2);
+}
+
+.music-control:active {
+  transform: scale(0.95);
+}
+
+.music-control .van-icon {
+  font-size: 22px;
+  transition: transform 0.3s;
+}
+
+.music-control .van-icon.playing {
+  animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.1); }
+}
+
+.music-text {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+/* Hero区域 */
+.hero-section {
+  position: relative;
+  height: 100vh;
+  min-height: 600px;
+  overflow: hidden;
+  margin-top: 46px;
+}
+
+.hero-swipe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+}
+
+.swipe-item {
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center;
+  position: relative;
+}
+
+.swipe-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);
+}
+
+.hero-content {
+  position: relative;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: #fff;
+  text-align: center;
+  padding: 20px;
+}
+
+.hero-badge {
+  display: inline-block;
+  background: rgba(255, 103, 0, 0.9);
+  padding: 8px 24px;
+  border-radius: 30px;
+  font-size: 14px;
+  font-weight: 600;
+  margin-bottom: 24px;
+  letter-spacing: 2px;
+  box-shadow: 0 4px 16px rgba(255, 103, 0, 0.4);
+  animation: fadeInDown 1s;
+}
+
+.hero-title {
+  font-size: 48px;
+  font-weight: bold;
+  margin: 0 0 16px;
+  text-shadow: 0 4px 16px rgba(0,0,0,0.3);
+  letter-spacing: 4px;
+  animation: fadeInUp 1s 0.2s both;
+}
+
+.hero-subtitle {
+  font-size: 18px;
+  margin: 0 0 48px;
+  opacity: 0.95;
+  letter-spacing: 2px;
+  animation: fadeInUp 1s 0.4s both;
+}
+
+.hero-stats {
+  display: flex;
+  gap: 32px;
+  align-items: center;
+  animation: fadeInUp 1s 0.6s both;
+}
+
+.stat-item {
+  text-align: center;
+}
+
+.stat-number {
+  font-size: 36px;
+  font-weight: bold;
+  color: #FF6700;
+  margin-bottom: 8px;
+}
+
+.stat-label {
+  font-size: 14px;
+  opacity: 0.9;
+}
+
+.stat-divider {
+  width: 1px;
+  height: 40px;
+  background: rgba(255,255,255,0.3);
+}
+
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* 特色区域 */
+.features-section,
+.activities-section {
+  padding: 80px 16px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  font-size: 32px;
+  font-weight: bold;
+  color: #333;
+  margin: 0 0 48px;
+  text-align: center;
+}
+
+.title-icon {
+  font-size: 36px;
+}
+
+.feature-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 24px;
+  margin-bottom: 32px;
+}
+
+.feature-card {
+  position: relative;
+  height: 320px;
+  border-radius: 24px;
+  overflow: hidden;
+  background-size: cover;
+  background-position: center;
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.feature-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 32px rgba(0,0,0,0.15);
+}
+
+.card-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);
+}
+
+.card-content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  padding: 24px;
+  color: #fff;
+}
+
+.card-icon {
+  font-size: 48px;
+  margin-bottom: 16px;
+}
+
+.card-title {
+  font-size: 24px;
+  font-weight: bold;
+  margin: 0 0 12px;
+}
+
+.card-desc {
+  font-size: 14px;
+  line-height: 1.6;
+  opacity: 0.95;
+  margin: 0;
+}
+
+/* 活动预览 */
+.activity-preview {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 24px;
+  margin-bottom: 32px;
+}
+
+.activity-card {
+  background: #fff;
+  border-radius: 20px;
+  overflow: hidden;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.activity-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
+}
+
+.activity-image {
+  height: 200px;
+  background-size: cover;
+  background-position: center;
+  position: relative;
+}
+
+.activity-badge {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  background: #FF6700;
+  color: #fff;
+  padding: 6px 16px;
+  border-radius: 20px;
+  font-size: 13px;
+  font-weight: 600;
+  box-shadow: 0 2px 8px rgba(255, 103, 0, 0.3);
+}
+
+.activity-info {
+  padding: 20px;
+}
+
+.activity-title {
+  font-size: 18px;
+  font-weight: bold;
+  color: #333;
+  margin: 0 0 16px;
+}
+
+.activity-meta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 8px;
+}
+
+.activity-meta .van-icon {
+  color: #FF6700;
+}
+
+.view-more-btn {
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border: none;
+  font-size: 17px;
+  font-weight: 600;
+  height: 52px;
+  box-shadow: 0 4px 16px rgba(255, 103, 0, 0.3);
+}
+
+.view-more-btn .van-icon {
+  margin-left: 8px;
+}
+
+/* 赞助商区域 */
+.sponsors-section {
+  padding: 60px 16px;
+  max-width: 900px;
+  margin: 0 auto;
+  background: #fafafa;
+}
+
+.sponsors-grid {
+  display: flex;
+  justify-content: center;
+  align-items: stretch;
+  gap: 16px;
+  margin-top: 32px;
+  flex-wrap: wrap;
+}
+
+.sponsor-card {
+  background: #fff;
+  border-radius: 12px;
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+  transition: transform 0.3s, box-shadow 0.3s;
+  flex: 0 1 140px;
+  max-width: 150px;
+  min-width: 120px;
+}
+
+.sponsor-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+}
+
+.sponsor-logo {
+  width: 45px;
+  height: 45px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 8px;
+}
+
+.sponsor-logo svg {
+  width: 100%;
+  height: 100%;
+}
+
+.xiaomi-logo svg {
+  filter: drop-shadow(0 2px 8px rgba(255, 103, 0, 0.2));
+}
+
+.europark-logo svg {
+  filter: drop-shadow(0 2px 8px rgba(74, 144, 226, 0.2));
+}
+
+.sponsor-info {
+  width: 100%;
+}
+
+.sponsor-name {
+  font-size: 11px;
+  font-weight: 600;
+  color: #333;
+  margin: 0 0 4px;
+  line-height: 1.3;
+  word-break: break-all;
+}
+
+.sponsor-desc {
+  font-size: 10px;
+  color: #999;
+  margin: 0;
+  line-height: 1.4;
+  word-break: break-all;
+}
+
+/* CTA区域 */
+.cta-section {
+  position: relative;
+  padding: 100px 20px;
+  text-align: center;
+  overflow: hidden;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+}
+
+.cta-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 0.1;
+  background-image: url('https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/7-1-1.jpeg');
+  background-size: cover;
+  background-position: center;
+}
+
+.cta-content {
+  position: relative;
+  z-index: 1;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.cta-title {
+  font-size: 40px;
+  font-weight: bold;
+  color: #fff;
+  margin: 0 0 16px;
+}
+
+.cta-desc {
+  font-size: 18px;
+  color: rgba(255,255,255,0.95);
+  margin: 0 0 32px;
+  line-height: 1.6;
+}
+
+.cta-btn {
+  background: #fff;
+  color: #FF6700;
+  font-size: 17px;
+  font-weight: 600;
+  height: 52px;
+  padding: 0 48px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
+}
+
+/* 页脚 */
+.footer {
+  background: #1a1a1a;
+  padding: 48px 20px;
+}
+
+.footer-content {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+}
+
+.footer-logo {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.logo-icon {
+  font-size: 48px;
+}
+
+.logo-text {
+  text-align: left;
+}
+
+.logo-name {
+  font-size: 20px;
+  font-weight: bold;
+  color: #fff;
+  margin-bottom: 4px;
+}
+
+.logo-slogan {
+  font-size: 14px;
+  color: #999;
+  letter-spacing: 2px;
+}
+
+.beian-link {
+  font-size: 13px;
+  color: #666;
+  text-decoration: none;
+  transition: color 0.3s;
+}
+
+.beian-link:hover {
+  color: #FF6700;
+}
+
+.loading-state,
+.empty-state {
+  padding: 60px 0;
+  text-align: center;
+}
+
+/* 响应式 */
+@media (max-width: 768px) {
+  .hero-title {
+    font-size: 32px;
+  }
+  
+  .hero-subtitle {
+    font-size: 16px;
+  }
+  
+  .hero-stats {
+    gap: 20px;
+  }
+  
+  .stat-number {
+    font-size: 28px;
+  }
+  
+  .section-title {
+    font-size: 28px;
+  }
+  
+  .feature-cards {
+    grid-template-columns: 1fr;
+  }
+  
+  .activity-preview {
+    grid-template-columns: 1fr;
+  }
+  
+  .cta-title {
+    font-size: 32px;
+  }
+  
+  .sponsors-grid {
+    gap: 12px;
+  }
+  
+  .sponsor-card {
+    flex: 0 1 calc(20% - 10px);
+    min-width: 100px;
+    max-width: 130px;
+    padding: 10px;
+  }
+  
+  .sponsor-logo {
+    width: 40px;
+    height: 40px;
+    margin-bottom: 6px;
+  }
+  
+  .sponsor-name {
+    font-size: 10px;
+  }
+  
+  .sponsor-desc {
+    font-size: 9px;
+  }
+}
+</style>
diff --git a/frontend/src/views/Register.vue b/frontend/src/views/Register.vue
new file mode 100644
index 0000000..f9603b0
--- /dev/null
+++ b/frontend/src/views/Register.vue
@@ -0,0 +1,370 @@
+<template>
+  <div class="register">
+    <div class="register-header">
+      <div class="header-back" @click="$router.back()">
+        <van-icon name="arrow-left" />
+      </div>
+      <h1 class="header-title">活动报名</h1>
+    </div>
+    
+    <div class="register-content">
+      <div class="form-card">
+        <van-form @submit="onSubmit">
+          <div class="form-section">
+            <div class="section-label">基本信息</div>
+            <van-field
+              v-model="form.name"
+              label="姓名"
+              placeholder="请输入您的姓名"
+              required
+              :rules="[{ required: true, message: '请输入姓名' }]"
+            />
+            <van-field
+              v-model="form.phone"
+              label="手机号"
+              type="tel"
+              placeholder="请输入手机号"
+              maxlength="11"
+              required
+              :rules="[{ required: true, message: '请输入手机号' }, { pattern: /^1\d{10}$/, message: '请输入正确的手机号' }]"
+            />
+            <van-field
+              v-model.number="form.peopleCount"
+              label="人数"
+              type="number"
+              placeholder="请输入参加人数"
+              required
+              :rules="[{ required: true, message: '请输入人数' }]"
+            />
+          </div>
+          
+          <div class="form-section">
+            <div class="section-label">车辆信息</div>
+            <van-field
+              v-model="form.carModel"
+              label="车型"
+              placeholder="请选择车型"
+              readonly
+              is-link
+              @click="showCarModelPicker = true"
+            />
+            <van-field
+              label="车牌号"
+              :rules="[{ required: true, message: '请输入车牌号' }]"
+              class="car-number-field"
+            >
+              <template #input>
+                <div class="license-plate-input">
+                  <span class="plate-prefix">闽</span>
+                  <input 
+                    ref="letterInput"
+                    v-model="carLetter"
+                    @input="handleLetterInput"
+                    placeholder="_"
+                    maxlength="1"
+                    class="plate-letter"
+                  />
+                  <span class="plate-dot">·</span>
+                  <input 
+                    ref="digitsInput"
+                    v-model="carDigits"
+                    @input="handleDigitsInput"
+                    placeholder="______"
+                    maxlength="6"
+                    class="plate-digits"
+                  />
+                </div>
+              </template>
+            </van-field>
+          </div>
+          
+          <div class="form-section">
+            <div class="section-label">其他信息</div>
+            <van-field
+              v-model="form.note"
+              label="备注"
+              type="textarea"
+              placeholder="有什么想说的吗？"
+              rows="3"
+              maxlength="200"
+              show-word-limit
+            />
+          </div>
+          
+          <div class="submit-btn">
+            <van-button round block type="primary" native-type="submit" size="large" color="#FF6700">
+              提交报名
+            </van-button>
+          </div>
+        </van-form>
+      </div>
+    </div>
+    
+    <!-- 车型选择器 -->
+    <van-popup v-model:show="showCarModelPicker" position="bottom" round>
+      <van-picker
+        :columns="carModels"
+        @confirm="onCarModelConfirm"
+        @cancel="showCarModelPicker = false"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { showToast, showDialog } from 'vant';
+import api from '../api';
+
+const route = useRoute();
+const router = useRouter();
+
+const showCarModelPicker = ref(false);
+const carModels = ref([
+  { text: '小米SU7', value: '小米SU7' },
+  { text: '小米YU7', value: '小米YU7' },
+  { text: '小米SU7 Ultra', value: '小米SU7 Ultra' }
+]);
+
+const form = ref({
+  name: '',
+  phone: '',
+  peopleCount: 1,
+  carModel: '',
+  carNumber: '',
+  note: ''
+});
+
+const carLetter = ref('');
+const carDigits = ref('');
+const letterInput = ref(null);
+const digitsInput = ref(null);
+
+const handleLetterInput = (e) => {
+  const value = e.target.value.toUpperCase().replace(/[^A-Z]/g, '');
+  carLetter.value = value;
+  form.value.carNumber = value + carDigits.value;
+  
+  // 输入完1位字母后自动跳到数字输入框
+  if (value.length === 1) {
+    setTimeout(() => {
+      digitsInput.value?.focus();
+    }, 0);
+  }
+};
+
+const handleDigitsInput = (e) => {
+  const value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
+  carDigits.value = value;
+  form.value.carNumber = carLetter.value + value;
+};
+
+// 车型选择确认
+const onCarModelConfirm = ({ selectedOptions }) => {
+  form.value.carModel = selectedOptions[0].value;
+  showCarModelPicker.value = false;
+};
+
+// 车牌号格式化已被handleLetterInput和handleDigitsInput替代
+
+// 从缓存加载数据
+onMounted(() => {
+  const cached = localStorage.getItem('userRegistrationInfo');
+  if (cached) {
+    try {
+      const data = JSON.parse(cached);
+      form.value = { ...form.value, ...data };
+    } catch (e) {
+      console.error('加载缓存失败', e);
+    }
+  }
+});
+
+const onSubmit = async () => {
+  try {
+    // 添加"闽"前缀到车牌号
+    const fullCarNumber = form.value.carNumber ? `闽${form.value.carNumber}` : '';
+    
+    // 保存到缓存
+    localStorage.setItem('userRegistrationInfo', JSON.stringify({
+      name: form.value.name,
+      phone: form.value.phone,
+      carModel: form.value.carModel,
+      carNumber: fullCarNumber
+    }));
+    
+    const { data } = await api.submitRegistration({
+      activityId: route.params.id,
+      ...form.value,
+      carNumber: fullCarNumber
+    });
+    
+    // 保存报名ID和登录信息
+    const registrations = JSON.parse(localStorage.getItem('myRegistrations') || '[]');
+    registrations.push({
+      activityId: route.params.id,
+      registrationId: data.id,
+      date: new Date().toISOString()
+    });
+    localStorage.setItem('myRegistrations', JSON.stringify(registrations));
+    
+    // 自动保存登录状态
+    localStorage.setItem(`user_reg_${route.params.id}`, JSON.stringify({
+      id: data.id,
+      name: form.value.name,
+      phone: form.value.phone,
+      carNumber: fullCarNumber,
+      carModel: form.value.carModel,
+      status: 'pending',
+      activityId: route.params.id
+    }));
+    
+    await showDialog({
+      title: '报名成功',
+      message: `您的报名ID: ${data.id}\n已自动登录，请等待管理员审核`
+    });
+    
+    router.back();
+  } catch (error) {
+    showToast('报名失败');
+  }
+};
+</script>
+
+<style scoped>
+.register {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #FF6700 0%, #FF8533 100%);
+}
+
+.register-header {
+  position: relative;
+  padding: 16px;
+  color: #fff;
+}
+
+.header-back {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255,255,255,0.2);
+  border-radius: 50%;
+  font-size: 20px;
+  backdrop-filter: blur(10px);
+  margin-bottom: 16px;
+}
+
+.header-title {
+  font-size: 28px;
+  font-weight: bold;
+  margin: 0;
+}
+
+.register-content {
+  padding: 0 16px 16px;
+}
+
+.form-card {
+  background: #fff;
+  border-radius: 20px;
+  padding: 24px;
+  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
+}
+
+.form-section {
+  margin-bottom: 24px;
+}
+
+.form-section:last-of-type {
+  margin-bottom: 32px;
+}
+
+.section-label {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 12px;
+  padding-left: 8px;
+  border-left: 3px solid #FF6700;
+}
+
+/* 车牌号字段特殊样式 - 垂直居中 */
+.car-number-field :deep(.van-cell) {
+  align-items: center !important;
+}
+
+.car-number-field :deep(.van-field__label) {
+  padding-top: 5px !important;
+}
+
+.submit-btn {
+  margin-top: 24px;
+}
+
+/* 车牌输入样式 - 橙色主题 */
+.license-plate-input {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(255, 103, 0, 0.3);
+  width: fit-content;
+  margin-left: auto;
+}
+
+.plate-prefix {
+  color: #fff;
+  font-weight: 700;
+  font-size: 16px;
+  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
+}
+
+.plate-letter {
+  width: 22px;
+  height: 28px;
+  border: 2px solid rgba(255,255,255,0.9);
+  border-radius: 3px;
+  background: #fff;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+  outline: none;
+  text-transform: uppercase;
+  padding: 0;
+}
+
+.plate-dot {
+  color: #fff;
+  font-size: 18px;
+  font-weight: 700;
+  margin: 0 1px;
+}
+
+.plate-digits {
+  width: 110px;
+  height: 28px;
+  border: 2px solid rgba(255,255,255,0.9);
+  border-radius: 3px;
+  background: #fff;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+  outline: none;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  padding: 0;
+}
+
+.plate-letter::placeholder,
+.plate-digits::placeholder {
+  color: #ddd;
+  font-weight: 400;
+}
+</style>
diff --git a/frontend/src/views/SharePage.vue b/frontend/src/views/SharePage.vue
new file mode 100644
index 0000000..4d859c2
--- /dev/null
+++ b/frontend/src/views/SharePage.vue
@@ -0,0 +1,450 @@
+<template>
+  <div class="share-page">
+    <div v-if="loading" class="loading-container">
+      <van-loading size="32px">加载中...</van-loading>
+    </div>
+    
+    <div v-else-if="activity.id" class="share-content">
+      <div class="share-header" :style="{ backgroundImage: `url(${activity.coverImage || 'https://s1.xiaomiev.com/activity-outer-assets/0328/images/su7_ultra_20250227/pc/5.jpg'})` }">
+        <div class="header-overlay"></div>
+        <div class="header-back" @click="$router.push('/')">
+          <van-icon name="arrow-left" />
+        </div>
+        <div class="header-info">
+          <div class="club-badge">泉友米车友会</div>
+          <h1 class="activity-title">{{ activity.title }}</h1>
+          <div class="activity-status">
+            <span class="status-badge" :class="activity.status">
+              {{ activity.status === 'upcoming' ? '🔥 报名中' : '✅ 已结束' }}
+            </span>
+          </div>
+        </div>
+      </div>
+      
+      <div class="share-body">
+        <div class="info-cards">
+          <div class="info-card">
+            <van-icon name="clock-o" class="card-icon" />
+            <div class="card-content">
+              <div class="card-label">活动时间</div>
+              <div class="card-value">{{ formatDate(activity.startTime) }}</div>
+            </div>
+          </div>
+          
+          <div class="info-card">
+            <van-icon name="location-o" class="card-icon" />
+            <div class="card-content">
+              <div class="card-label">活动地点</div>
+              <div class="card-value">{{ activity.location }}</div>
+            </div>
+          </div>
+          
+          <div class="info-card">
+            <van-icon name="calendar-o" class="card-icon" />
+            <div class="card-content">
+              <div class="card-label">报名截止</div>
+              <div class="card-value">{{ formatDate(activity.registrationDeadline) }}</div>
+            </div>
+          </div>
+        </div>
+        
+        <div class="description-section">
+          <h3 class="section-title">
+            <van-icon name="notes-o" />
+            活动介绍
+          </h3>
+          <p class="description-text">{{ activity.description }}</p>
+        </div>
+        
+        <div v-if="registrations.length" class="members-section">
+          <h3 class="section-title">
+            <van-icon name="friends-o" />
+            已报名 <span class="member-count">{{ registrations.length }}人</span>
+          </h3>
+          <div class="member-avatars">
+            <div v-for="(reg, index) in registrations.slice(0, 10)" :key="reg.id" class="member-avatar" :style="{ zIndex: 10 - index }">
+              {{ reg.name.charAt(0) }}
+            </div>
+            <div v-if="registrations.length > 10" class="member-more">
+              +{{ registrations.length - 10 }}
+            </div>
+          </div>
+        </div>
+        
+        <div class="action-section">
+          <van-button 
+            type="primary" 
+            block 
+            round 
+            size="large"
+            @click="goToDetail"
+            class="action-btn"
+          >
+            <van-icon name="arrow" />
+            查看详情并报名
+          </van-button>
+          
+          <div class="share-tip">
+            <van-icon name="info-o" />
+            点击按钮查看完整活动信息
+          </div>
+        </div>
+      </div>
+      
+      <div class="share-footer">
+        <div class="footer-logo">
+          <div class="logo-icon">🚗</div>
+          <div class="logo-text">
+            <div class="logo-name">泉友米车友会</div>
+            <div class="logo-slogan">驾驭激情 · 共享旅程</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div v-else class="error-state">
+      <van-empty description="活动不存在或已删除" />
+      <van-button type="primary" round @click="$router.push('/')">返回首页</van-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import api from '../api';
+
+const route = useRoute();
+const router = useRouter();
+const activity = ref({});
+const registrations = ref([]);
+const loading = ref(true);
+
+const loadData = async () => {
+  try {
+    const activityId = route.params.id || route.query.id;
+    if (!activityId) {
+      loading.value = false;
+      return;
+    }
+    
+    const { data } = await api.getActivity(activityId);
+    activity.value = data.activity;
+    
+    const { data: regs } = await api.getActivityRegistrations(activityId);
+    registrations.value = regs;
+  } catch (error) {
+    console.error('加载失败:', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const formatDate = (date) => {
+  return new Date(date).toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+};
+
+const goToDetail = () => {
+  router.push(`/activity/${activity.value.id}`);
+};
+
+onMounted(loadData);
+</script>
+
+<style scoped>
+.share-page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%);
+}
+
+.loading-container,
+.error-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  gap: 20px;
+  padding: 20px;
+}
+
+.share-header {
+  position: relative;
+  height: 320px;
+  background-size: cover;
+  background-position: center;
+  display: flex;
+  align-items: flex-end;
+  padding: 24px;
+}
+
+.header-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);
+}
+
+.header-back {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  z-index: 2;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255,255,255,0.3);
+  border-radius: 50%;
+  color: #fff;
+  font-size: 20px;
+  backdrop-filter: blur(10px);
+  cursor: pointer;
+}
+
+.header-info {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+}
+
+.club-badge {
+  display: inline-block;
+  background: rgba(255,255,255,0.25);
+  backdrop-filter: blur(10px);
+  color: #fff;
+  padding: 6px 16px;
+  border-radius: 20px;
+  font-size: 13px;
+  font-weight: 500;
+  margin-bottom: 12px;
+  border: 1px solid rgba(255,255,255,0.3);
+}
+
+.activity-title {
+  font-size: 28px;
+  font-weight: bold;
+  color: #fff;
+  margin: 0 0 12px;
+  text-shadow: 0 2px 12px rgba(0,0,0,0.4);
+  line-height: 1.3;
+}
+
+.activity-status {
+  display: flex;
+  gap: 8px;
+}
+
+.status-badge {
+  display: inline-block;
+  padding: 6px 16px;
+  border-radius: 20px;
+  font-size: 14px;
+  font-weight: 600;
+  backdrop-filter: blur(10px);
+}
+
+.status-badge.upcoming {
+  background: rgba(255,107,107,0.9);
+  color: #fff;
+  box-shadow: 0 4px 12px rgba(255,107,107,0.4);
+}
+
+.status-badge.completed {
+  background: rgba(76,175,80,0.9);
+  color: #fff;
+}
+
+.share-body {
+  padding: 20px 16px;
+}
+
+.info-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.info-card {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  background: #fff;
+  padding: 16px;
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+}
+
+.card-icon {
+  font-size: 28px;
+  color: #667eea;
+}
+
+.card-content {
+  flex: 1;
+}
+
+.card-label {
+  font-size: 13px;
+  color: #999;
+  margin-bottom: 4px;
+}
+
+.card-value {
+  font-size: 15px;
+  color: #333;
+  font-weight: 500;
+}
+
+.description-section,
+.members-section {
+  background: #fff;
+  padding: 20px;
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+  margin-bottom: 16px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 17px;
+  font-weight: bold;
+  color: #333;
+  margin: 0 0 16px;
+}
+
+.section-title .van-icon {
+  font-size: 20px;
+  color: #667eea;
+}
+
+.member-count {
+  color: #667eea;
+  font-size: 15px;
+}
+
+.description-text {
+  font-size: 15px;
+  line-height: 1.8;
+  color: #666;
+  margin: 0;
+  white-space: pre-line;
+}
+
+.member-avatars {
+  display: flex;
+  align-items: center;
+}
+
+.member-avatar {
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  font-weight: bold;
+  border: 3px solid #fff;
+  margin-left: -12px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.member-avatar:first-child {
+  margin-left: 0;
+}
+
+.member-more {
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  background: #f0f0f0;
+  color: #666;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  font-weight: 600;
+  border: 3px solid #fff;
+  margin-left: -12px;
+}
+
+.action-section {
+  margin-top: 24px;
+}
+
+.action-btn {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border: none;
+  font-size: 17px;
+  font-weight: 600;
+  height: 52px;
+  box-shadow: 0 4px 16px rgba(102,126,234,0.4);
+}
+
+.action-btn .van-icon {
+  margin-left: 8px;
+}
+
+.share-tip {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  margin-top: 12px;
+  font-size: 13px;
+  color: #999;
+}
+
+.share-tip .van-icon {
+  font-size: 16px;
+}
+
+.share-footer {
+  padding: 32px 16px;
+  border-top: 1px solid #f0f0f0;
+  background: #fff;
+}
+
+.footer-logo {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  justify-content: center;
+}
+
+.logo-icon {
+  font-size: 48px;
+}
+
+.logo-text {
+  text-align: left;
+}
+
+.logo-name {
+  font-size: 18px;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.logo-slogan {
+  font-size: 13px;
+  color: #999;
+  letter-spacing: 2px;
+}
+</style>
diff --git a/frontend/src/views/admin/ActivityManage.vue b/frontend/src/views/admin/ActivityManage.vue
new file mode 100644
index 0000000..1639d12
--- /dev/null
+++ b/frontend/src/views/admin/ActivityManage.vue
@@ -0,0 +1,2747 @@
+<template>
+  <div class="activity-manage">
+    <van-nav-bar 
+      :title="activity.title" 
+      left-arrow 
+      @click-left="$router.back()"
+    >
+      <template #right>
+        <van-icon name="edit" @click="editActivity" />
+      </template>
+    </van-nav-bar>
+    
+    <van-tabs v-model:active="activeTab" color="#FF6700" title-active-color="#FF6700">
+      <van-tab title="基本信息" name="info">
+        <div class="tab-content">
+          <!-- 统计摘要 -->
+          <div class="info-stats">
+            <div class="stat-box">
+              <van-icon name="bill-o" color="#FF6700" />
+              <div class="stat-text">
+                <div class="stat-num">¥{{ totalExpense }}</div>
+                <div class="stat-desc">总支出</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="friends-o" color="#f5576c" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.length }}</div>
+                <div class="stat-desc">报名人数</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="photo-o" color="#00f2fe" />
+              <div class="stat-text">
+                <div class="stat-num">{{ approvedPhotos.length + pendingPhotos.length }}</div>
+                <div class="stat-desc">媒体数量</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="clock-o" color="#ffa940" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.filter(r => r.status === 'pending').length + pendingPhotos.length }}</div>
+                <div class="stat-desc">待审核</div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- 基本信息 -->
+          <van-cell-group>
+            <van-cell title="活动标题" :value="activity.title" />
+            <van-cell title="人均费用" :value="activity.price ? `¥${activity.price}` : '免费'" />
+            <van-cell title="活动预算" :value="activity.budget ? `¥${activity.budget}` : '未设置'" />
+            <van-cell title="活动地点" :value="activity.location" />
+            <van-cell title="开始时间" :value="formatDate(activity.startTime)" />
+            <van-cell title="报名截止" :value="formatDate(activity.registrationDeadline)" />
+            <van-cell title="状态" :value="activity.status === 'upcoming' ? '进行中' : '已结束'" />
+            <van-cell title="报名开关" center>
+              <template #right-icon>
+                <van-switch 
+                  v-model="activity.registrationEnabled" 
+                  size="24px"
+                  @change="toggleRegistration"
+                  active-color="#FF6700"
+                />
+              </template>
+            </van-cell>
+            <van-cell title="活动描述" :label="activity.description" />
+          </van-cell-group>
+        </div>
+      </van-tab>
+      
+      <van-tab title="经费管理" name="expenses">
+        <div class="tab-content">
+          <!-- 经费统计 -->
+          <div class="info-stats">
+            <div class="stat-box">
+              <van-icon name="balance-pay" color="#FF6700" />
+              <div class="stat-text">
+                <div class="stat-num">¥{{ totalExpense }}</div>
+                <div class="stat-desc">总支出</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="balance-o" color="#07c160" />
+              <div class="stat-text">
+                <div class="stat-num">¥{{ activity.budget || '0' }}</div>
+                <div class="stat-desc">预算</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="chart-trending-o" :color="activity.budget && totalExpense > activity.budget ? '#ee0a24' : '#ffa940'" />
+              <div class="stat-text">
+                <div class="stat-num" :style="{ color: activity.budget && totalExpense > activity.budget ? '#ee0a24' : '#333' }">
+                  {{ activity.budget ? ((totalExpense / activity.budget) * 100).toFixed(1) : '0' }}%
+                </div>
+                <div class="stat-desc">使用率</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="records" color="#f5576c" />
+              <div class="stat-text">
+                <div class="stat-num">{{ expenses.length }}</div>
+                <div class="stat-desc">经费项</div>
+              </div>
+            </div>
+          </div>
+          
+          <div class="expense-list">
+            <div v-for="expense in expenses" :key="expense.id" class="expense-item">
+              <div class="expense-icon" :style="{ background: getCategoryStyle(expense.category).gradient }">
+                <van-icon :name="getCategoryStyle(expense.category).icon" />
+              </div>
+              <div class="expense-content">
+                <div class="expense-name">{{ expense.item }}</div>
+                <div class="expense-meta">
+                  <span class="expense-cat">{{ expense.category }}</span>
+                  <span v-if="expense.note" class="expense-note">{{ expense.note }}</span>
+                </div>
+              </div>
+              <div class="expense-right">
+                <div class="expense-amount">¥{{ expense.amount }}</div>
+                <div class="expense-actions">
+                  <van-icon name="edit" @click="editExpense(expense)" />
+                  <van-icon name="delete-o" @click="deleteExpenseItem(expense.id)" />
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- 悬浮添加按钮 -->
+          <div class="float-add-btn" @click="showExpenseForm = true">
+            <van-icon name="plus" />
+          </div>
+        </div>
+      </van-tab>
+      
+      <van-tab title="赞助商" name="sponsors">
+        <div class="tab-content">
+          <div class="sponsor-list">
+            <div v-for="sponsor in sponsors" :key="sponsor.id" class="sponsor-card">
+              <div class="sponsor-logo-wrapper">
+                <div class="sponsor-logo" :style="sponsor.logo ? { backgroundImage: `url(${sponsor.logo})` } : {}">
+                  <van-icon v-if="!sponsor.logo" name="shop-o" />
+                </div>
+              </div>
+              <div class="sponsor-details">
+                <div class="sponsor-header">
+                  <span class="sponsor-name">{{ sponsor.name }}</span>
+                  <span class="sponsor-badge" :class="sponsor.type === 'title' ? 'badge-title' : 'badge-sponsor'">
+                    {{ sponsor.type === 'title' ? '冠名' : '赞助' }}
+                  </span>
+                </div>
+                <div v-if="sponsor.link" class="sponsor-link">
+                  <van-icon name="link-o" />
+                  <span>{{ sponsor.link }}</span>
+                </div>
+              </div>
+              <div class="sponsor-ops">
+                <van-icon name="edit" @click="editSponsor(sponsor)" />
+                <van-icon name="delete-o" @click="deleteSponsorItem(sponsor.id)" />
+              </div>
+            </div>
+          </div>
+          
+          <van-empty v-if="!sponsors.length" description="暂无赞助商" />
+          
+          <!-- 悬浮添加按钮 -->
+          <div class="float-add-btn" @click="showSponsorForm = true">
+            <van-icon name="plus" />
+          </div>
+        </div>
+      </van-tab>
+      
+      <van-tab title="报名情况" name="registrations">
+        <div class="tab-content">
+          <!-- 统计栏 -->
+          <div class="info-stats reg-stats">
+            <div class="stat-box" :class="{ active: activeFilter === 'pending' }" @click="setFilter('pending')">
+              <van-icon name="clock-o" color="#ffa940" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.filter(r => r.status === 'pending').length }}</div>
+                <div class="stat-desc">待审核</div>
+              </div>
+            </div>
+            <div class="stat-box" :class="{ active: activeFilter === 'approved' }" @click="setFilter('approved')">
+              <van-icon name="passed" color="#07c160" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.filter(r => r.status === 'approved').length }}</div>
+                <div class="stat-desc">已通过</div>
+              </div>
+            </div>
+            <div class="stat-box" :class="{ active: activeFilter === 'rejected' }" @click="setFilter('rejected')">
+              <van-icon name="close" color="#ee0a24" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.filter(r => r.status === 'rejected').length }}</div>
+                <div class="stat-desc">已拒绝</div>
+              </div>
+            </div>
+            <div class="stat-box" :class="{ active: activeFilter === 'all' }" @click="setFilter('all')">
+              <van-icon name="friends-o" color="#FF6700" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.length }}</div>
+                <div class="stat-desc">总报名</div>
+              </div>
+            </div>
+            <div class="stat-box" :class="{ active: activeFilter === 'checkedIn' }" @click="setFilter('checkedIn')">
+              <van-icon name="success" color="#07c160" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.filter(r => r.checkInStatus).length }}</div>
+                <div class="stat-desc">已签到</div>
+              </div>
+            </div>
+            <div class="stat-box" :class="{ active: activeFilter === 'notCheckedIn' }" @click="setFilter('notCheckedIn')">
+              <van-icon name="clock" color="#999" />
+              <div class="stat-text">
+                <div class="stat-num">{{ registrations.filter(r => !r.checkInStatus).length }}</div>
+                <div class="stat-desc">未签到</div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- 搜索框 -->
+          <div class="search-box">
+            <van-search 
+              v-model="regSearchKeyword" 
+              placeholder="搜索手机号或车牌号"
+              @search="onRegSearch"
+              @clear="onRegSearchClear"
+            />
+          </div>
+          
+          <div class="reg-list">
+            <div v-for="reg in filteredRegistrations" :key="reg.id" class="reg-item" :class="{ 'checked-in': reg.checkInStatus, 'status-approved': reg.status === 'approved', 'status-rejected': reg.status === 'rejected' }" @click="showRegDetail(reg)">
+              <div class="reg-left">
+                <div class="reg-avatar">{{ reg.name ? reg.name.charAt(0) : '?' }}</div>
+                <div class="reg-main">
+                  <div class="reg-top">
+                    <span class="reg-name">{{ reg.name || '未知' }}</span>
+                    <div class="reg-tags">
+                      <van-tag v-if="reg.checkInStatus" type="success" size="medium">
+                        <van-icon name="success" /> 已签到
+                      </van-tag>
+                    </div>
+                  </div>
+                  <div class="reg-info">
+                    <a :href="`tel:${reg.phone}`" class="info-link" @click.stop>
+                      <van-icon name="phone-o" />{{ reg.phone }}
+                    </a>
+                    <span v-if="reg.carNumber" class="info-text car-number" @click.stop="copyCarNumber(reg.carNumber)">
+                      <van-icon name="certificate" />{{ reg.carNumber }}
+                    </span>
+                    <span class="info-text people-count">
+                      <van-icon name="friends-o" />{{ reg.peopleCount || 1 }}人
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div class="reg-right">
+                <van-icon name="arrow" color="#ccc" />
+              </div>
+            </div>
+          </div>
+          
+          <van-empty v-if="filteredRegistrations.length === 0" :description="regSearchKeyword ? '未找到匹配的报名' : '暂无报名'" />
+        </div>
+      </van-tab>
+      
+      <van-tab title="媒体管理" name="media">
+        <div class="tab-content">
+          <!-- 统计摘要 -->
+          <div class="info-stats">
+            <div class="stat-box">
+              <van-icon name="photo-o" color="#FF6700" />
+              <div class="stat-text">
+                <div class="stat-num">{{ approvedPhotos.filter(p => p.type === 'image').length + pendingPhotos.filter(p => p.type === 'image').length }}</div>
+                <div class="stat-desc">图片</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="video-o" color="#f5576c" />
+              <div class="stat-text">
+                <div class="stat-num">{{ approvedPhotos.filter(p => p.type === 'video').length + pendingPhotos.filter(p => p.type === 'video').length }}</div>
+                <div class="stat-desc">视频</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="clock-o" color="#ffa940" />
+              <div class="stat-text">
+                <div class="stat-num">{{ pendingPhotos.length }}</div>
+                <div class="stat-desc">待审核</div>
+              </div>
+            </div>
+            <div class="stat-box">
+              <van-icon name="passed" color="#07c160" />
+              <div class="stat-text">
+                <div class="stat-num">{{ approvedPhotos.length }}</div>
+                <div class="stat-desc">已通过</div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- 待审核 -->
+          <div v-if="pendingPhotos.length" class="media-section">
+            <div class="section-title">
+              <span>待审核</span>
+              <van-badge :content="pendingPhotos.length" />
+            </div>
+            <div class="media-list">
+              <div v-for="photo in pendingPhotos" :key="photo.id" class="media-card">
+                <div class="card-thumb" @click="photo.type === 'image' ? previewImage(photo.url) : playVideo(photo.url)">
+                  <van-image v-if="photo.type === 'image'" :src="photo.url" fit="cover" />
+                  <div v-else class="video-thumb">
+                    <video :src="photo.url"></video>
+                    <van-icon name="play-circle-o" class="play-btn" />
+                  </div>
+                </div>
+                <div class="card-info">
+                  <div class="info-row">
+                    <van-tag :type="photo.type === 'image' ? 'primary' : 'success'" plain size="mini">
+                      {{ photo.type === 'image' ? '图片' : '视频' }}
+                    </van-tag>
+                    <span class="uploader">{{ photo.uploadedBy || '用户' }}</span>
+                  </div>
+                  <div class="action-row">
+                    <van-button size="mini" type="success" plain @click="approvePhoto(photo.id, 'approved')">通过</van-button>
+                    <van-button size="mini" type="danger" plain @click="approvePhoto(photo.id, 'rejected')">拒绝</van-button>
+                    <van-button size="mini" type="warning" plain @click="deletePhoto(photo.id)">删除</van-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- 已通过 -->
+          <div v-if="approvedPhotos.length" class="media-section">
+            <div class="section-title">
+              <span>已通过</span>
+              <van-badge :content="approvedPhotos.length" color="#07c160" />
+            </div>
+            <div class="media-grid">
+              <div v-for="photo in approvedPhotos" :key="photo.id" class="grid-item" @click="photo.type === 'image' ? previewImage(photo.url) : playVideo(photo.url)">
+                <van-image v-if="photo.type === 'image'" :src="photo.url" fit="cover" />
+                <div v-else class="video-thumb">
+                  <video :src="photo.url"></video>
+                  <van-icon name="play-circle-o" class="play-btn" />
+                </div>
+                <van-icon name="cross" class="del-btn" @click.stop="deletePhoto(photo.id)" />
+              </div>
+            </div>
+          </div>
+          
+          <van-empty v-if="!pendingPhotos.length && !approvedPhotos.length" description="暂无媒体" />
+          
+          <!-- 悬浮上传按钮 -->
+          <van-uploader 
+            v-model="photoFiles" 
+            multiple 
+            :max-count="10" 
+            :after-read="uploadPhotos"
+            accept="image/*,video/*"
+          >
+            <div class="float-add-btn">
+              <van-icon name="photograph" />
+            </div>
+          </van-uploader>
+        </div>
+      </van-tab>
+    </van-tabs>
+    
+    <!-- 编辑活动弹窗 -->
+    <van-popup v-model:show="showActivityForm" position="bottom" round>
+      <div class="form-popup">
+        <div class="popup-header">
+          <h3>编辑活动</h3>
+          <van-icon name="cross" @click="showActivityForm = false" />
+        </div>
+        <van-form @submit="submitActivity" class="popup-form">
+          <van-cell-group>
+            <van-field v-model="activityForm.title" label="活动标题" placeholder="请输入活动标题" required />
+            <van-field v-model="activityForm.description" label="活动描述" type="textarea" placeholder="请输入活动描述" rows="3" autosize />
+            <van-field 
+              v-model="activityForm.price" 
+              label="人均费用" 
+              type="number" 
+              placeholder="请输入人均费用"
+            >
+              <template #left-icon>
+                <van-icon name="gold-coin-o" style="margin-right: 8px;" />
+              </template>
+              <template #button>
+                <span style="color: #999;">元</span>
+              </template>
+            </van-field>
+            <van-field 
+              v-model="activityForm.budget" 
+              label="活动预算" 
+              type="number" 
+              placeholder="请输入预算金额"
+            >
+              <template #left-icon>
+                <van-icon name="balance-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+            <van-field 
+              v-model="activityForm.location" 
+              label="活动地点" 
+              placeholder="点击选择地点"
+              readonly
+              is-link
+              required
+              :rules="[{ required: true, message: '请选择活动地点' }]"
+              @click="showMapPicker = true"
+            >
+              <template #left-icon>
+                <van-icon name="location-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+            <van-field 
+              v-model="startTimeDisplay" 
+              label="开始时间" 
+              placeholder="请选择开始时间"
+              readonly
+              is-link
+              required
+              :rules="[{ required: true, message: '请选择开始时间' }]"
+              @click="showStartTimePicker = true"
+            >
+              <template #left-icon>
+                <van-icon name="clock-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+            <van-field 
+              v-model="deadlineDisplay" 
+              label="报名截止" 
+              placeholder="请选择报名截止时间"
+              readonly
+              is-link
+              required
+              :rules="[{ required: true, message: '请选择报名截止时间' }]"
+              @click="showDeadlinePicker = true"
+            >
+              <template #left-icon>
+                <van-icon name="calendar-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+          </van-cell-group>
+          <div class="form-actions">
+            <van-button round block type="primary" native-type="submit" size="large">保存修改</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    
+    <!-- 开始时间选择器 -->
+    <van-popup v-model:show="showStartTimePicker" position="bottom" round>
+      <div class="datetime-picker-popup">
+        <div class="picker-header">
+          <van-button size="small" @click="showStartTimePicker = false">取消</van-button>
+          <h3>选择开始时间</h3>
+          <van-button size="small" type="primary" @click="confirmStartTime">确定</van-button>
+        </div>
+        <div class="picker-body">
+          <input 
+            type="datetime-local" 
+            v-model="startTimeInput"
+            class="datetime-input"
+          />
+        </div>
+      </div>
+    </van-popup>
+    
+    <!-- 报名截止时间选择器 -->
+    <van-popup v-model:show="showDeadlinePicker" position="bottom" round>
+      <div class="datetime-picker-popup">
+        <div class="picker-header">
+          <van-button size="small" @click="showDeadlinePicker = false">取消</van-button>
+          <h3>选择报名截止时间</h3>
+          <van-button size="small" type="primary" @click="confirmDeadline">确定</van-button>
+        </div>
+        <div class="picker-body">
+          <input 
+            type="datetime-local" 
+            v-model="deadlineInput"
+            class="datetime-input"
+          />
+        </div>
+      </div>
+    </van-popup>
+    
+    <!-- 地图选点弹窗 -->
+    <van-popup v-model:show="showMapPicker" position="bottom" round :style="{ height: '80%' }">
+      <div class="map-picker">
+        <div class="map-picker-header">
+          <van-icon name="arrow-left" @click="showMapPicker = false" />
+          <h3>选择地点</h3>
+          <van-button type="primary" size="small" @click="confirmLocation">确定</van-button>
+        </div>
+        <div class="map-search">
+          <van-search 
+            v-model="searchKeyword" 
+            placeholder="搜索地点" 
+            @search="searchLocation"
+            @clear="clearSearch"
+            show-action
+            action-text="搜索"
+            @click-right-icon="searchLocation"
+          />
+        </div>
+        <div v-if="searchResults.length" class="search-results">
+          <div 
+            v-for="(result, index) in searchResults" 
+            :key="index" 
+            class="search-result-item"
+            @click="selectSearchResult(result)"
+          >
+            <div class="result-name">{{ result.name }}</div>
+            <div class="result-address">{{ result.address }}</div>
+          </div>
+        </div>
+        <div id="map-picker-container-manage" class="map-container"></div>
+        <div class="selected-location">
+          <van-icon name="location-o" />
+          <span>{{ selectedLocation.name || '请在地图上选择位置' }}</span>
+        </div>
+      </div>
+    </van-popup>
+    
+    <!-- 经费表单弹窗 -->
+    <van-popup v-model:show="showExpenseForm" position="bottom" round>
+      <div class="form-popup">
+        <div class="popup-header">
+          <h3>{{ expenseForm.id ? '编辑经费' : '添加经费' }}</h3>
+          <van-icon name="cross" @click="showExpenseForm = false" />
+        </div>
+        <van-form @submit="submitExpense" class="popup-form">
+          <van-cell-group>
+            <van-field v-model="expenseForm.item" label="项目" placeholder="例如：场地费" required />
+            <van-field v-model="expenseForm.amount" label="金额" type="number" placeholder="请输入金额" required />
+            <van-field 
+              v-model="expenseForm.category" 
+              label="分类" 
+              placeholder="选择或输入分类"
+              is-link
+              readonly
+              @click="showCategoryPicker = true"
+            />
+            <van-field v-model="expenseForm.note" label="备注" type="textarea" placeholder="备注信息" rows="2" autosize />
+            <van-field name="media" label="照片/视频">
+              <template #input>
+                <div class="expense-media-upload">
+                  <van-uploader 
+                    v-model="expenseMediaFiles" 
+                    multiple 
+                    :max-count="5"
+                    accept="image/*,video/*"
+                    :after-read="onExpenseMediaRead"
+                  >
+                    <van-button icon="photograph" type="primary" size="small">
+                      上传 ({{ expenseForm.media.length + expenseMediaFiles.length }}/5)
+                    </van-button>
+                  </van-uploader>
+                  <div v-if="expenseForm.media.length" class="existing-media">
+                    <div v-for="(item, index) in expenseForm.media" :key="index" class="media-thumb">
+                      <van-image v-if="item.type === 'image'" :src="item.url" fit="cover" />
+                      <video v-else :src="item.url" class="video-thumb"></video>
+                      <van-icon name="cross" class="remove-icon" @click="removeExpenseMedia(index)" />
+                    </div>
+                  </div>
+                </div>
+              </template>
+            </van-field>
+          </van-cell-group>
+          <div class="form-actions">
+            <van-button round block type="primary" native-type="submit" size="large">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    
+    <!-- 分类选择器 -->
+    <van-popup v-model:show="showCategoryPicker" position="bottom" round>
+      <div class="category-picker">
+        <div class="picker-header">
+          <h3>选择分类</h3>
+          <van-icon name="cross" @click="showCategoryPicker = false" />
+        </div>
+        <div class="category-list">
+          <div 
+            v-for="cat in expenseCategories" 
+            :key="cat.name" 
+            class="category-item"
+            @click="selectCategory(cat.name)"
+          >
+            <div class="category-icon" :style="{ background: cat.gradient }">
+              <van-icon :name="cat.icon" />
+            </div>
+            <span>{{ cat.name }}</span>
+          </div>
+          <div class="category-item" @click="showCustomCategory = true">
+            <div class="category-icon" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);">
+              <van-icon name="add-o" />
+            </div>
+            <span>自定义</span>
+          </div>
+        </div>
+      </div>
+    </van-popup>
+    
+    <!-- 自定义分类输入 -->
+    <van-dialog 
+      v-model:show="showCustomCategory" 
+      title="自定义分类" 
+      show-cancel-button
+      @confirm="confirmCustomCategory"
+    >
+      <div style="padding: 16px;">
+        <van-field v-model="customCategoryName" placeholder="请输入分类名称" />
+      </div>
+    </van-dialog>
+    
+    <!-- 赞助商表单弹窗 -->
+    <van-popup v-model:show="showSponsorForm" position="bottom" round>
+      <div class="form-popup">
+        <div class="popup-header">
+          <h3>{{ sponsorForm.id ? '编辑赞助商' : '添加赞助商' }}</h3>
+          <van-icon name="cross" @click="showSponsorForm = false" />
+        </div>
+        <van-form @submit="submitSponsor" class="popup-form">
+          <van-cell-group>
+            <van-field v-model="sponsorForm.name" label="名称" placeholder="请输入赞助商名称" required />
+            <van-field name="type" label="类型">
+              <template #input>
+                <van-radio-group v-model="sponsorForm.type" direction="horizontal">
+                  <van-radio name="sponsor">赞助</van-radio>
+                  <van-radio name="title">冠名</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+            <van-field v-model="sponsorForm.link" label="链接" placeholder="官网链接（选填）" />
+            <van-field name="logo" label="Logo">
+              <template #input>
+                <van-uploader 
+                  v-model="sponsorLogo" 
+                  :max-count="1"
+                  :after-read="onLogoRead"
+                  accept="image/*"
+                >
+                  <van-button icon="plus" type="primary" size="small">选择图片</van-button>
+                </van-uploader>
+              </template>
+            </van-field>
+          </van-cell-group>
+          <div class="form-actions">
+            <van-button round block type="primary" native-type="submit" size="large">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    
+    <!-- 视频播放弹窗 -->
+    <van-popup v-model:show="showVideoPlayer" position="center" round :style="{ width: '90%' }">
+      <div class="video-player-popup">
+        <video :src="currentVideoUrl" controls autoplay class="popup-video"></video>
+      </div>
+    </van-popup>
+    
+    <!-- 修改人数弹窗 -->
+    <van-popup v-model:show="showPeopleCountDialog" position="center" round :style="{ width: '80%' }">
+      <div class="people-count-dialog">
+        <div class="dialog-header">
+          <h3>修改人数</h3>
+          <van-icon name="cross" @click="showPeopleCountDialog = false" />
+        </div>
+        <div class="dialog-content">
+          <div class="count-info">
+            <span class="info-label">{{ currentEditReg.name }}</span>
+            <span class="info-desc">当前人数：{{ currentEditReg.peopleCount || 1 }}人</span>
+          </div>
+          <van-stepper v-model="newPeopleCount" min="1" max="20" />
+        </div>
+        <div class="dialog-actions">
+          <van-button block type="primary" @click="confirmPeopleCount">确定</van-button>
+        </div>
+      </div>
+    </van-popup>
+    
+    <!-- 报名详情弹窗 -->
+    <van-popup v-model:show="showRegDetailDialog" position="bottom" round>
+      <div class="reg-detail-popup">
+        <div class="popup-header">
+          <h3>报名详情</h3>
+          <van-icon name="cross" @click="showRegDetailDialog = false" />
+        </div>
+        <div class="detail-content">
+          <div class="detail-section">
+            <div class="detail-row">
+              <span class="detail-label">姓名</span>
+              <span class="detail-value">{{ currentReg.name || '未知' }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="detail-label">电话</span>
+              <a :href="`tel:${currentReg.phone}`" class="detail-value detail-link">
+                <van-icon name="phone-o" />{{ currentReg.phone }}
+              </a>
+            </div>
+            <div class="detail-row" v-if="currentReg.carNumber">
+              <span class="detail-label">车牌号</span>
+              <span class="detail-value detail-link" @click="copyCarNumber(currentReg.carNumber)">
+                <van-icon name="certificate" />{{ currentReg.carNumber }}
+              </span>
+            </div>
+            <div class="detail-row" v-if="currentReg.carModel">
+              <span class="detail-label">车型</span>
+              <span class="detail-value">{{ currentReg.carModel }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="detail-label">人数</span>
+              <span class="detail-value detail-link" @click="editPeopleCount(currentReg)">
+                <van-icon name="friends-o" />{{ currentReg.peopleCount || 1 }}人
+                <van-icon name="edit" size="14" />
+              </span>
+            </div>
+            <div class="detail-row" v-if="currentReg.checkInTime">
+              <span class="detail-label">签到时间</span>
+              <span class="detail-value">{{ formatDate(currentReg.checkInTime) }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="detail-label">审核状态</span>
+              <van-tag :type="currentReg.status === 'approved' ? 'success' : currentReg.status === 'rejected' ? 'danger' : 'warning'">
+                {{ currentReg.status === 'approved' ? '已通过' : currentReg.status === 'rejected' ? '已拒绝' : '待审核' }}
+              </van-tag>
+            </div>
+            <div class="detail-row">
+              <span class="detail-label">签到状态</span>
+              <van-tag :type="currentReg.checkInStatus ? 'success' : 'default'">
+                {{ currentReg.checkInStatus ? '已签到' : '未签到' }}
+              </van-tag>
+            </div>
+          </div>
+        </div>
+        <div class="detail-actions">
+          <van-button 
+            v-if="currentReg.status === 'approved'" 
+            block
+            size="large"
+            :type="currentReg.checkInStatus ? 'default' : 'success'" 
+            @click="toggleCheckInFromDetail"
+          >
+            {{ currentReg.checkInStatus ? '取消签到' : '签到' }}
+          </van-button>
+          <div v-if="currentReg.status === 'pending'" class="action-buttons">
+            <van-button size="large" type="success" @click="approveFromDetail('approved')">通过</van-button>
+            <van-button size="large" type="danger" @click="approveFromDetail('rejected')">拒绝</van-button>
+          </div>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { showToast } from 'vant';
+import api from '../../api';
+
+const route = useRoute();
+const router = useRouter();
+const activeTab = ref('info');
+
+const activity = ref({});
+const expenses = ref([]);
+const sponsors = ref([]);
+const registrations = ref([]);
+const sponsorLogo = ref([]);
+const photoFiles = ref([]);
+const pendingPhotos = ref([]);
+const expenseMediaFiles = ref([]);
+const approvedPhotos = ref([]);
+const showVideoPlayer = ref(false);
+const currentVideoUrl = ref('');
+const regSearchKeyword = ref('');
+const showPeopleCountDialog = ref(false);
+const currentEditReg = ref({});
+const newPeopleCount = ref(1);
+const showRegDetailDialog = ref(false);
+const currentReg = ref({});
+const activeFilter = ref('all'); // 过滤器状态
+
+const showActivityForm = ref(false);
+const showExpenseForm = ref(false);
+const showSponsorForm = ref(false);
+const showMapPicker = ref(false);
+const showStartTimePicker = ref(false);
+const showDeadlinePicker = ref(false);
+const showCategoryPicker = ref(false);
+const showCustomCategory = ref(false);
+const customCategoryName = ref('');
+const searchKeyword = ref('');
+const searchResults = ref([]);
+const selectedLocation = ref({});
+
+// 经费分类预设
+const expenseCategories = ref([
+  { name: '场地', icon: 'shop-o', gradient: 'linear-gradient(135deg, #FF6700 0%, #FF8533 100%)' },
+  { name: '餐饮', icon: 'food-o', gradient: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)' },
+  { name: '交通', icon: 'logistics', gradient: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' },
+  { name: '住宿', icon: 'hotel-o', gradient: 'linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)' },
+  { name: '物料', icon: 'gift-o', gradient: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)' },
+  { name: '人员', icon: 'friends-o', gradient: 'linear-gradient(135deg, #30cfd0 0%, #330867 100%)' },
+  { name: '其他', icon: 'more-o', gradient: 'linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)' }
+]);
+let pickerMap = null;
+let pickerMarker = null;
+let geocoder = null;
+
+const activityForm = ref({
+  title: '',
+  description: '',
+  location: '',
+  locationLat: null,
+  locationLng: null,
+  startTime: '',
+  registrationDeadline: ''
+});
+
+// 日期时间选择器的值
+const startTimeInput = ref('');
+const deadlineInput = ref('');
+
+// 显示格式化的日期时间
+const startTimeDisplay = computed(() => {
+  if (!activityForm.value.startTime) return '';
+  return formatDateTime(activityForm.value.startTime);
+});
+
+const deadlineDisplay = computed(() => {
+  if (!activityForm.value.registrationDeadline) return '';
+  return formatDateTime(activityForm.value.registrationDeadline);
+});
+
+const expenseForm = ref({
+  id: null,
+  item: '',
+  amount: '',
+  category: '',
+  note: '',
+  media: []
+});
+
+const sponsorForm = ref({
+  id: null,
+  name: '',
+  type: 'sponsor',
+  link: ''
+});
+
+const totalExpense = computed(() => {
+  return expenses.value.reduce((sum, e) => sum + parseFloat(e.amount), 0).toFixed(2);
+});
+
+// 过滤报名列表
+const filteredRegistrations = computed(() => {
+  let result = registrations.value;
+  
+  // 应用过滤器
+  if (activeFilter.value === 'pending') {
+    result = result.filter(r => r.status === 'pending');
+  } else if (activeFilter.value === 'approved') {
+    result = result.filter(r => r.status === 'approved');
+  } else if (activeFilter.value === 'rejected') {
+    result = result.filter(r => r.status === 'rejected');
+  } else if (activeFilter.value === 'checkedIn') {
+    result = result.filter(r => r.checkInStatus);
+  } else if (activeFilter.value === 'notCheckedIn') {
+    result = result.filter(r => !r.checkInStatus);
+  }
+  
+  // 应用搜索关键词
+  if (!regSearchKeyword.value || !regSearchKeyword.value.trim()) {
+    return result;
+  }
+  
+  const keyword = regSearchKeyword.value.toLowerCase().trim();
+  return result.filter(reg => {
+    const phone = reg.phone ? reg.phone.toLowerCase() : '';
+    const carNumber = reg.carNumber ? reg.carNumber.toLowerCase() : '';
+    const name = reg.name ? reg.name.toLowerCase() : '';
+    
+    return phone.includes(keyword) || 
+           carNumber.includes(keyword) || 
+           name.includes(keyword);
+  });
+});
+
+// 设置过滤器
+const setFilter = (filter) => {
+  if (activeFilter.value === filter) {
+    activeFilter.value = 'all'; // 再次点击取消过滤
+  } else {
+    activeFilter.value = filter;
+  }
+};
+
+const onRegSearch = () => {
+  // 搜索逻辑已在 computed 中处理
+};
+
+const onRegSearchClear = () => {
+  regSearchKeyword.value = '';
+};
+
+const formatDate = (date) => {
+  return new Date(date).toLocaleString('zh-CN');
+};
+
+// 格式化日期时间显示
+const formatDateTime = (dateTime) => {
+  if (!dateTime) return '';
+  const date = new Date(dateTime);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  return `${year}-${month}-${day} ${hours}:${minutes}`;
+};
+
+// 开始时间确认
+const confirmStartTime = () => {
+  if (!startTimeInput.value) {
+    showToast('请选择开始时间');
+    return;
+  }
+  const selectedDate = new Date(startTimeInput.value);
+  activityForm.value.startTime = selectedDate.toISOString();
+  showStartTimePicker.value = false;
+};
+
+// 报名截止时间确认
+const confirmDeadline = () => {
+  if (!deadlineInput.value) {
+    showToast('请选择报名截止时间');
+    return;
+  }
+  const selectedDate = new Date(deadlineInput.value);
+  if (activityForm.value.startTime && selectedDate > new Date(activityForm.value.startTime)) {
+    showToast('报名截止时间不能晚于活动开始时间');
+    return;
+  }
+  activityForm.value.registrationDeadline = selectedDate.toISOString();
+  showDeadlinePicker.value = false;
+};
+
+// 获取分类样式
+const getCategoryStyle = (categoryName) => {
+  const category = expenseCategories.value.find(c => c.name === categoryName);
+  if (category) {
+    return { icon: category.icon, gradient: category.gradient };
+  }
+  // 默认样式
+  return { 
+    icon: 'bill-o', 
+    gradient: 'linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)' 
+  };
+};
+
+// 选择分类
+const selectCategory = (categoryName) => {
+  expenseForm.value.category = categoryName;
+  showCategoryPicker.value = false;
+};
+
+// 确认自定义分类
+const confirmCustomCategory = () => {
+  if (customCategoryName.value.trim()) {
+    expenseForm.value.category = customCategoryName.value.trim();
+    showCategoryPicker.value = false;
+    customCategoryName.value = '';
+  } else {
+    showToast('请输入分类名称');
+  }
+};
+
+const loadData = async () => {
+  try {
+    const { data } = await api.getActivity(route.params.id);
+    activity.value = data.activity;
+    expenses.value = data.expenses || [];
+    sponsors.value = data.sponsors || [];
+    
+    // 加载媒体
+    const allPhotos = data.photos || [];
+    pendingPhotos.value = allPhotos.filter(p => p.status === 'pending');
+    approvedPhotos.value = allPhotos.filter(p => p.status === 'approved');
+    
+    const { data: regs } = await api.getAllRegistrations({ activityId: route.params.id });
+    registrations.value = regs;
+  } catch (error) {
+    showToast('加载失败');
+  }
+};
+
+const editActivity = () => {
+  activityForm.value = { ...activity.value };
+  
+  // 设置日期时间选择器的值
+  if (activity.value.startTime) {
+    const startDate = new Date(activity.value.startTime);
+    startTimeInput.value = formatDateTimeLocal(startDate);
+  }
+  if (activity.value.registrationDeadline) {
+    const deadlineDate = new Date(activity.value.registrationDeadline);
+    deadlineInput.value = formatDateTimeLocal(deadlineDate);
+  }
+  
+  showActivityForm.value = true;
+};
+
+// 格式化为 datetime-local 输入格式
+const formatDateTimeLocal = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  return `${year}-${month}-${day}T${hours}:${minutes}`;
+};
+
+const submitActivity = async () => {
+  try {
+    const formData = { ...activityForm.value };
+    // 清理空字符串，转换为null
+    if (formData.budget === '' || formData.budget === undefined) {
+      formData.budget = null;
+    }
+    if (formData.price === '' || formData.price === undefined) {
+      formData.price = null;
+    }
+    
+    await api.updateActivity(activity.value.id, formData);
+    showToast('保存成功');
+    showActivityForm.value = false;
+    loadData();
+  } catch (error) {
+    showToast('保存失败');
+  }
+};
+
+const toggleRegistration = async (value) => {
+  try {
+    await api.updateActivity(activity.value.id, { registrationEnabled: value });
+    showToast(value ? '报名已开启' : '报名已关闭');
+  } catch (error) {
+    showToast('操作失败');
+    activity.value.registrationEnabled = !value;
+  }
+};
+
+const submitExpense = async () => {
+  try {
+    const formData = new FormData();
+    formData.append('activityId', activity.value.id);
+    formData.append('item', expenseForm.value.item);
+    formData.append('amount', expenseForm.value.amount);
+    formData.append('category', expenseForm.value.category);
+    formData.append('note', expenseForm.value.note);
+    
+    // 添加现有媒体
+    if (expenseForm.value.media && expenseForm.value.media.length > 0) {
+      formData.append('existingMedia', JSON.stringify(expenseForm.value.media));
+    }
+    
+    // 添加新上传的媒体文件
+    expenseMediaFiles.value.forEach(item => {
+      if (item.file) {
+        formData.append('media', item.file);
+      }
+    });
+    
+    if (expenseForm.value.id) {
+      await api.updateExpense(expenseForm.value.id, formData);
+      showToast('更新成功');
+    } else {
+      await api.addExpense(formData);
+      showToast('添加成功');
+    }
+    showExpenseForm.value = false;
+    expenseForm.value = { id: null, item: '', amount: '', category: '', note: '', media: [] };
+    expenseMediaFiles.value = [];
+    loadData();
+  } catch (error) {
+    showToast(expenseForm.value.id ? '更新失败' : '添加失败');
+  }
+};
+
+const editExpense = (expense) => {
+  expenseForm.value = { 
+    ...expense,
+    media: expense.media || []
+  };
+  expenseMediaFiles.value = [];
+  showExpenseForm.value = true;
+};
+
+const onExpenseMediaRead = (file) => {
+  // 文件读取后的处理,Vant会自动处理
+};
+
+const removeExpenseMedia = (index) => {
+  expenseForm.value.media.splice(index, 1);
+};
+
+const deleteExpenseItem = async (id) => {
+  try {
+    await import('vant').then(({ showConfirmDialog }) => {
+      showConfirmDialog({
+        title: '确认删除',
+        message: '确定要删除这条经费记录吗？',
+      }).then(async () => {
+        await api.deleteExpense(id);
+        showToast('删除成功');
+        loadData();
+      }).catch(() => {});
+    });
+  } catch (error) {
+    showToast('删除失败');
+  }
+};
+
+const submitSponsor = async () => {
+  // 验证必填字段
+  if (!sponsorForm.value.name || !sponsorForm.value.name.trim()) {
+    showToast('请输入赞助商名称');
+    return;
+  }
+  
+  console.log('开始提交赞助商...');
+  console.log('表单数据:', sponsorForm.value);
+  console.log('Logo 文件:', sponsorLogo.value);
+  
+  try {
+    const formData = new FormData();
+    if (!sponsorForm.value.id) {
+      formData.append('activityId', activity.value.id);
+    }
+    formData.append('name', sponsorForm.value.name);
+    formData.append('type', sponsorForm.value.type);
+    formData.append('link', sponsorForm.value.link || '');
+    
+    // 检查是否有 Logo 需要上传
+    const hasLogo = sponsorLogo.value.length > 0 && sponsorLogo.value[0].file;
+    
+    if (hasLogo) {
+      const logoSize = (sponsorLogo.value[0].file.size / 1024 / 1024).toFixed(2);
+      console.log('准备上传 Logo，大小:', logoSize, 'MB');
+      showToast({
+        type: 'loading',
+        message: `正在上传 Logo (${logoSize}MB)...`,
+        forbidClick: true,
+        duration: 0
+      });
+      formData.append('logo', sponsorLogo.value[0].file);
+    } else {
+      console.log('没有 Logo，仅保存数据');
+      showToast({
+        type: 'loading',
+        message: '正在保存...',
+        forbidClick: true,
+        duration: 0
+      });
+    }
+    
+    console.log('开始调用 API...');
+    const startTime = Date.now();
+    
+    if (sponsorForm.value.id) {
+      await api.updateSponsor(sponsorForm.value.id, formData);
+    } else {
+      await api.addSponsor(formData);
+    }
+    
+    const endTime = Date.now();
+    console.log('API 调用完成，耗时:', (endTime - startTime) / 1000, '秒');
+    
+    // 使用 closeToast 关闭所有 Toast
+    const { closeToast } = await import('vant');
+    closeToast();
+    
+    // 显示成功提示
+    showToast({
+      type: 'success',
+      message: sponsorForm.value.id ? '更新成功' : '添加成功',
+      duration: 2000
+    });
+    
+    // 关闭弹窗并重置表单
+    showSponsorForm.value = false;
+    sponsorForm.value = { id: null, name: '', type: 'sponsor', link: '' };
+    sponsorLogo.value = [];
+    
+    console.log('开始重新加载数据...');
+    // 重新加载数据
+    await loadData();
+    console.log('数据加载完成');
+  } catch (error) {
+    // 使用 closeToast 关闭所有 Toast
+    const { closeToast } = await import('vant');
+    closeToast();
+    
+    console.error('赞助商提交失败:', error);
+    console.error('错误详情:', error.response);
+    const errorMsg = error.response?.data?.error || error.message || '操作失败';
+    showToast({
+      type: 'fail',
+      message: errorMsg,
+      duration: 3000
+    });
+  }
+};
+
+const editSponsor = (sponsor) => {
+  sponsorForm.value = { ...sponsor };
+  showSponsorForm.value = true;
+};
+
+const onLogoRead = (file) => {
+  // 文件选择后的回调，显示文件已选择
+  if (file.file) {
+    const sizeMB = (file.file.size / 1024 / 1024).toFixed(2);
+    showToast(`已选择: ${file.file.name} (${sizeMB}MB)`);
+  }
+};
+
+const deleteSponsorItem = async (id) => {
+  try {
+    await import('vant').then(({ showConfirmDialog }) => {
+      showConfirmDialog({
+        title: '确认删除',
+        message: '确定要删除这个赞助商吗？',
+      }).then(async () => {
+        await api.deleteSponsor(id);
+        showToast('删除成功');
+        loadData();
+      }).catch(() => {});
+    });
+  } catch (error) {
+    showToast('删除失败');
+  }
+};
+
+const approve = async (id, status) => {
+  try {
+    await api.approveRegistration(id, status);
+    showToast('操作成功');
+    loadData();
+  } catch (error) {
+    showToast('操作失败');
+  }
+};
+
+// 签到/取消签到
+const toggleCheckIn = async (id) => {
+  try {
+    await api.checkInRegistration(id);
+    showToast('操作成功');
+    loadData();
+  } catch (error) {
+    showToast('操作失败');
+  }
+};
+
+// 复制车牌号
+const copyCarNumber = async (carNumber) => {
+  try {
+    await navigator.clipboard.writeText(carNumber);
+    showToast('车牌号已复制');
+  } catch (error) {
+    showToast('复制失败');
+  }
+};
+
+// 修改人数
+const editPeopleCount = (reg) => {
+  currentEditReg.value = reg;
+  newPeopleCount.value = reg.peopleCount || 1;
+  showPeopleCountDialog.value = true;
+};
+
+const confirmPeopleCount = async () => {
+  try {
+    await api.updateRegistration(currentEditReg.value.id, { peopleCount: newPeopleCount.value });
+    showToast('修改成功');
+    showPeopleCountDialog.value = false;
+    loadData();
+  } catch (error) {
+    showToast('修改失败');
+  }
+};
+
+// 显示报名详情
+const showRegDetail = (reg) => {
+  currentReg.value = reg;
+  showRegDetailDialog.value = true;
+};
+
+// 从详情弹窗签到
+const toggleCheckInFromDetail = async () => {
+  try {
+    await api.checkInRegistration(currentReg.value.id);
+    showToast('操作成功');
+    showRegDetailDialog.value = false;
+    loadData();
+  } catch (error) {
+    showToast('操作失败');
+  }
+};
+
+// 从详情弹窗审核
+const approveFromDetail = async (status) => {
+  try {
+    await api.approveRegistration(currentReg.value.id, status);
+    showToast('操作成功');
+    showRegDetailDialog.value = false;
+    loadData();
+  } catch (error) {
+    showToast('操作失败');
+  }
+};
+
+// 媒体管理相关方法
+const uploadPhotos = async (files) => {
+  const fileArray = Array.isArray(files) ? files : [files];
+  const totalSize = fileArray.reduce((sum, f) => sum + f.file.size, 0);
+  const totalSizeMB = (totalSize / 1024 / 1024).toFixed(2);
+  const fileCount = fileArray.length;
+  
+  showToast({
+    type: 'loading',
+    message: `正在上传 ${fileCount} 个文件 (${totalSizeMB}MB)...`,
+    forbidClick: true,
+    duration: 0
+  });
+  
+  try {
+    const formData = new FormData();
+    formData.append('activityId', activity.value.id);
+    
+    fileArray.forEach(file => formData.append('photos', file.file));
+    
+    await api.uploadPhotos(formData);
+    
+    // 使用 closeToast 关闭所有 Toast
+    const { closeToast } = await import('vant');
+    closeToast();
+    
+    // 显示成功提示
+    showToast({
+      type: 'success',
+      message: `成功上传 ${fileCount} 个文件`,
+      duration: 2000
+    });
+    
+    // 清空文件列表
+    photoFiles.value = [];
+    
+    // 重新加载数据
+    await loadData();
+  } catch (error) {
+    // 使用 closeToast 关闭所有 Toast
+    const { closeToast } = await import('vant');
+    closeToast();
+    
+    console.error('上传失败:', error);
+    showToast({
+      type: 'fail',
+      message: error.response?.data?.error || '上传失败',
+      duration: 3000
+    });
+  }
+};
+
+const approvePhoto = async (id, status) => {
+  try {
+    await api.approvePhoto(id, status);
+    showToast(status === 'approved' ? '已通过' : '已拒绝');
+    loadData();
+  } catch (error) {
+    console.error('操作失败:', error);
+    showToast('操作失败');
+  }
+};
+
+const deletePhoto = async (id) => {
+  try {
+    await import('vant').then(({ showConfirmDialog }) => {
+      showConfirmDialog({
+        title: '确认删除',
+        message: '删除后无法恢复，确定要删除吗？',
+      }).then(async () => {
+        await api.deletePhoto(id);
+        showToast('删除成功');
+        loadData();
+      }).catch(() => {});
+    });
+  } catch (error) {
+    console.error('删除失败:', error);
+    showToast('删除失败');
+  }
+};
+
+const previewImage = (url) => {
+  import('vant').then(({ ImagePreview }) => {
+    ImagePreview([url]);
+  });
+};
+
+const playVideo = (url) => {
+  currentVideoUrl.value = url;
+  showVideoPlayer.value = true;
+};
+
+// 地图选点相关（与Dashboard相同）
+const initMapPicker = async () => {
+  try {
+    console.log('开始初始化地图选择器...');
+    // 等待地图加载
+    const AMap = await window.loadAMap();
+    console.log('地图API加载完成');
+    
+    if (pickerMap) {
+      console.log('销毁旧地图实例');
+      pickerMap.destroy();
+    }
+    
+    const center = activityForm.value.locationLat && activityForm.value.locationLng
+      ? [activityForm.value.locationLng, activityForm.value.locationLat]
+      : [118.6762, 24.8742];
+    
+    console.log('地图中心点:', center);
+    
+    pickerMap = new AMap.Map('map-picker-container-manage', {
+      zoom: 15,
+      center: center
+    });
+    
+    console.log('地图实例创建完成');
+    
+    geocoder = new AMap.Geocoder();
+    console.log('地理编码器创建完成');
+    
+    pickerMarker = new AMap.Marker({
+      position: center,
+      map: pickerMap,
+      draggable: true
+    });
+    
+    console.log('地图标记创建完成');
+    
+    if (activityForm.value.location) {
+      selectedLocation.value = {
+        name: activityForm.value.location,
+        lat: activityForm.value.locationLat,
+        lng: activityForm.value.locationLng
+      };
+    }
+    
+    pickerMap.on('click', (e) => {
+      const { lng, lat } = e.lnglat;
+      pickerMarker.setPosition([lng, lat]);
+      
+      selectedLocation.value = {
+        name: '获取地址中...',
+        lat: lat,
+        lng: lng
+      };
+      
+      if (geocoder) {
+        geocoder.getAddress([lng, lat], (status, result) => {
+          if (status === 'complete' && result.info === 'OK') {
+            const address = result.regeocode.formattedAddress;
+            selectedLocation.value.name = address;
+          } else {
+            console.warn('逆地理编码失败:', status, result);
+            selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+          }
+        });
+      } else {
+        selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+      }
+    });
+    
+    pickerMarker.on('dragend', (e) => {
+      const { lng, lat } = e.lnglat;
+      
+      selectedLocation.value = {
+        name: '获取地址中...',
+        lat: lat,
+        lng: lng
+      };
+      
+      if (geocoder) {
+        geocoder.getAddress([lng, lat], (status, result) => {
+          if (status === 'complete' && result.info === 'OK') {
+            const address = result.regeocode.formattedAddress;
+            selectedLocation.value.name = address;
+          } else {
+            console.warn('逆地理编码失败:', status, result);
+            selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+          }
+        });
+      } else {
+        selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+      }
+    });
+    
+    console.log('地图初始化完成');
+  } catch (error) {
+    console.error('地图初始化失败:', error);
+    showToast('地图加载失败: ' + error.message);
+  }
+};
+
+const searchLocation = async () => {
+  if (!searchKeyword.value.trim()) {
+    showToast('请输入搜索关键词');
+    return;
+  }
+  
+  try {
+    console.log('开始搜索地点:', searchKeyword.value);
+    const AMap = await window.loadAMap();
+    
+    if (!AMap.PlaceSearch) {
+      console.error('PlaceSearch插件未加载');
+      showToast('地图搜索功能未就绪');
+      return;
+    }
+    
+    const placeSearch = new AMap.PlaceSearch({ 
+      pageSize: 10, 
+      pageIndex: 1,
+      city: '泉州',
+      citylimit: false,
+      extensions: 'base'
+    });
+    
+    placeSearch.search(searchKeyword.value, (status, result) => {
+      console.log('搜索状态:', status);
+      console.log('搜索结果:', result);
+      
+      if (status === 'complete' && result.info === 'OK') {
+        if (result.poiList && result.poiList.pois && result.poiList.pois.length > 0) {
+          searchResults.value = result.poiList.pois.map(poi => ({
+            name: poi.name,
+            address: poi.address || poi.district || '',
+            lat: poi.location.lat,
+            lng: poi.location.lng
+          }));
+          console.log('搜索成功，找到', searchResults.value.length, '个结果');
+        } else {
+          searchResults.value = [];
+          showToast('未找到相关地点');
+        }
+      } else if (status === 'no_data') {
+        searchResults.value = [];
+        showToast('未找到相关地点');
+      } else {
+        console.error('搜索失败:', status, result);
+        searchResults.value = [];
+        showToast('搜索失败: ' + (result.info || status));
+      }
+    });
+  } catch (error) {
+    console.error('搜索异常:', error);
+    showToast('搜索失败: ' + error.message);
+  }
+};
+
+const selectSearchResult = (result) => {
+  selectedLocation.value = result;
+  pickerMarker.setPosition([result.lng, result.lat]);
+  pickerMap.setCenter([result.lng, result.lat]);
+  searchResults.value = [];
+  searchKeyword.value = '';
+};
+
+const clearSearch = () => {
+  searchResults.value = [];
+};
+
+const confirmLocation = () => {
+  if (selectedLocation.value.name) {
+    activityForm.value.location = selectedLocation.value.name;
+    activityForm.value.locationLat = selectedLocation.value.lat;
+    activityForm.value.locationLng = selectedLocation.value.lng;
+    showMapPicker.value = false;
+  } else {
+    showToast('请选择地点');
+  }
+};
+
+watch(showMapPicker, (val) => {
+  if (val) {
+    setTimeout(() => {
+      initMapPicker();
+    }, 300);
+  }
+});
+
+onMounted(loadData);
+</script>
+
+<style scoped>
+.activity-manage {
+  min-height: 100vh;
+  background: #f8f9fa;
+}
+
+/* 活动描述换行支持 */
+.activity-manage :deep(.van-cell__label) {
+  white-space: pre-line;
+}
+
+/* Tab 样式优化 */
+.activity-manage :deep(.van-tabs__nav) {
+  background: #fff;
+}
+
+.activity-manage :deep(.van-tabs__line) {
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  height: 3px;
+  border-radius: 3px;
+}
+
+.activity-manage :deep(.van-tab) {
+  font-weight: 500;
+  color: #666;
+}
+
+.activity-manage :deep(.van-tab--active) {
+  font-weight: 700;
+  color: #FF6700;
+}
+
+.tab-content {
+  padding: 16px;
+  min-height: calc(100vh - 140px);
+  position: relative;
+}
+
+/* 悬浮添加按钮 */
+.float-add-btn {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  box-shadow: 0 4px 12px rgba(255, 103, 0, 0.4);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 24px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.float-add-btn:active {
+  transform: scale(0.9);
+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
+}
+
+/* 媒体管理页面的悬浮按钮需要固定定位 */
+.tab-content .van-uploader {
+  position: fixed;
+  right: 20px;
+  bottom: 80px;
+  z-index: 100;
+}
+
+/* 其他页面的悬浮按钮 */
+.tab-content > .float-add-btn {
+  position: fixed;
+  right: 20px;
+  bottom: 80px;
+  z-index: 100;
+}
+
+/* 统一的信息统计卡片 */
+.info-stats {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+  margin-bottom: 16px;
+}
+
+/* 报名情况tab的统计栏使用3列布局 */
+.tab-content .info-stats.reg-stats {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.stat-box {
+  background: #fff;
+  border-radius: 12px;
+  padding: 14px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+  border: 1px solid #f5f5f5;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.stat-box:active {
+  transform: scale(0.98);
+}
+
+.stat-box.active {
+  border-color: #FF6700;
+  background: #fff7f0;
+  box-shadow: 0 2px 8px rgba(255, 103, 0, 0.15);
+}
+
+.stat-box .van-icon {
+  font-size: 26px;
+  flex-shrink: 0;
+}
+
+.stat-text {
+  flex: 1;
+  min-width: 0;
+}
+
+.stat-num {
+  font-size: 20px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 2px;
+  line-height: 1.2;
+}
+
+.stat-desc {
+  font-size: 12px;
+  color: #999;
+}
+
+.expense-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.expense-item {
+  background: #fff;
+  border-radius: 12px;
+  padding: 12px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+}
+
+.expense-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 18px;
+  flex-shrink: 0;
+}
+
+.expense-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.expense-name {
+  font-size: 15px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.expense-meta {
+  display: flex;
+  gap: 8px;
+  font-size: 12px;
+  color: #999;
+}
+
+.expense-cat {
+  color: #FF6700;
+}
+
+.expense-note {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.expense-right {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 6px;
+}
+
+.expense-amount {
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+}
+
+.expense-actions {
+  display: flex;
+  gap: 10px;
+  color: #999;
+  font-size: 16px;
+}
+
+.expense-actions .van-icon:active {
+  color: #FF6700;
+}
+
+/* 赞助商 */
+.sponsor-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 80px;
+}
+
+.sponsor-card {
+  background: #fff;
+  border-radius: 12px;
+  padding: 12px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+  border: 1px solid #f0f0f0;
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.sponsor-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 100%;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.sponsor-card:active::before {
+  opacity: 1;
+}
+
+.sponsor-logo-wrapper {
+  flex-shrink: 0;
+}
+
+.sponsor-logo {
+  width: 50px;
+  height: 50px;
+  border-radius: 8px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-color: #f8f9fa;
+  border: 2px solid #e8e8e8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+  transition: all 0.3s ease;
+}
+
+.sponsor-logo .van-icon {
+  font-size: 24px;
+  color: #bbb;
+}
+
+.sponsor-card:active .sponsor-logo {
+  transform: scale(0.95);
+  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
+}
+
+.sponsor-details {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.sponsor-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.sponsor-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: #1a1a1a;
+  line-height: 1.4;
+}
+
+.sponsor-badge {
+  padding: 3px 10px;
+  border-radius: 12px;
+  font-size: 11px;
+  font-weight: 600;
+  color: #fff;
+  white-space: nowrap;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
+}
+
+.badge-title {
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+}
+
+.badge-sponsor {
+  background: linear-gradient(135deg, #07c160 0%, #00d68f 100%);
+}
+
+.sponsor-link {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: #FF6700;
+  overflow: hidden;
+}
+
+.sponsor-link .van-icon {
+  font-size: 13px;
+  flex-shrink: 0;
+}
+
+.sponsor-link span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sponsor-ops {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  flex-shrink: 0;
+}
+
+.sponsor-ops .van-icon {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  padding: 8px;
+  border-radius: 8px;
+  background: #f8f9fa;
+}
+
+.sponsor-ops .van-icon:first-child:active {
+  color: #FF6700;
+  background: #fff7f0;
+  transform: scale(0.9);
+}
+
+.sponsor-ops .van-icon:last-child:active {
+  color: #ee0a24;
+  background: #fff0f1;
+  transform: scale(0.9);
+}
+
+/* 报名列表 */
+.search-box {
+  margin-bottom: 12px;
+}
+
+.reg-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.reg-item {
+  background: #fff;
+  border-radius: 16px;
+  padding: 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
+  border: 2px solid #f5f5f5;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.reg-item:active {
+  background: #fafafa;
+}
+
+.reg-item.status-approved {
+  border-color: #52c41a;
+}
+
+.reg-item.status-rejected {
+  border-color: #ff4d4f;
+}
+
+.reg-item.checked-in {
+  border-color: #FF6700;
+  background: #fff7f0;
+}
+
+.reg-left {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+}
+
+.reg-avatar {
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 17px;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.reg-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.reg-top {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.reg-name {
+  font-size: 15px;
+  font-weight: 600;
+  color: #333;
+}
+
+.reg-tags {
+  display: flex;
+  gap: 6px;
+}
+
+.reg-info {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 14px;
+  font-size: 13px;
+}
+
+.info-link,
+.info-text {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: #666;
+}
+
+.info-link {
+  color: #FF6700;
+  text-decoration: none;
+}
+
+.info-link:active {
+  opacity: 0.7;
+}
+
+.info-text .van-icon,
+.info-link .van-icon {
+  font-size: 13px;
+  color: #999;
+}
+
+.car-number {
+  color: #FF6700;
+  cursor: pointer;
+}
+
+.car-number:active {
+  opacity: 0.7;
+}
+
+.people-count {
+  color: #FF6700;
+  cursor: pointer;
+}
+
+.people-count:active {
+  opacity: 0.7;
+}
+
+.reg-right {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.reg-right .van-icon {
+  font-size: 16px;
+}
+
+/* 弹窗 */
+.form-popup {
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border-radius: 16px 16px 0 0;
+}
+
+.popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+  border-bottom: 1px solid #f0f0f0;
+  flex-shrink: 0;
+}
+
+.popup-header h3 {
+  font-size: 18px;
+  margin: 0;
+  color: #1a1a1a;
+  font-weight: 700;
+}
+
+.popup-header .van-icon {
+  font-size: 20px;
+  color: #999;
+}
+
+.popup-form {
+  padding: 0;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.popup-form .van-cell-group {
+  margin: 0;
+  background: #fff;
+}
+
+.popup-form .van-cell {
+  padding: 14px 20px;
+}
+
+.popup-form .van-field__label {
+  width: 80px;
+  color: #333;
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.popup-form .van-field__control {
+  color: #1a1a1a;
+  font-size: 14px;
+}
+
+.popup-form .van-field__control::placeholder {
+  color: #bbb;
+}
+
+.form-actions {
+  margin: 0;
+  padding: 16px 20px 20px;
+  flex-shrink: 0;
+  background: #fff;
+  border-top: 1px solid #f5f5f5;
+}
+
+.form-actions .van-button {
+  height: 48px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+/* 地图选点 */
+.map-picker {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.map-picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.map-picker-header h3 {
+  flex: 1;
+  text-align: center;
+  font-size: 16px;
+  margin: 0;
+  color: #333;
+}
+
+.map-picker-header .van-icon {
+  font-size: 20px;
+  color: #333;
+}
+
+.map-search {
+  padding: 12px 16px;
+  background: #fff;
+}
+
+.search-results {
+  max-height: 200px;
+  overflow-y: auto;
+  background: #fff;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.search-result-item {
+  padding: 12px 16px;
+  border-bottom: 1px solid #f5f5f5;
+  cursor: pointer;
+}
+
+.search-result-item:active {
+  background: #f5f5f5;
+}
+
+.result-name {
+  font-size: 14px;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.result-address {
+  font-size: 12px;
+  color: #999;
+}
+
+.map-container {
+  flex: 1;
+  width: 100%;
+}
+
+.selected-location {
+  padding: 12px 16px;
+  background: #fff;
+  border-top: 1px solid #f0f0f0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.selected-location .van-icon {
+  color: #667eea;
+  font-size: 18px;
+}
+
+.selected-location span {
+  flex: 1;
+  font-size: 14px;
+  color: #333;
+}
+
+/* 媒体管理 */
+.media-section {
+  margin-top: 20px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  font-size: 15px;
+  font-weight: 700;
+  color: #333;
+}
+
+.media-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.media-card {
+  background: #fff;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  border: 1px solid #f0f0f0;
+}
+
+.card-thumb {
+  width: 100%;
+  height: 180px;
+  position: relative;
+  background: #f5f5f5;
+  cursor: pointer;
+}
+
+.card-thumb .van-image {
+  width: 100%;
+  height: 100%;
+}
+
+.video-thumb {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.video-thumb video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.play-btn {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 36px;
+  color: rgba(255,255,255,0.9);
+  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
+  pointer-events: none;
+}
+
+.card-info {
+  padding: 10px 12px;
+}
+
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.uploader {
+  font-size: 12px;
+  color: #999;
+}
+
+.action-row {
+  display: flex;
+  gap: 6px;
+}
+
+.action-row .van-button {
+  flex: 1;
+}
+
+.media-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+}
+
+.grid-item {
+  position: relative;
+  width: 100%;
+  padding-top: 100%;
+  background: #f5f5f5;
+  border-radius: 8px;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.grid-item .van-image,
+.grid-item .video-thumb {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.del-btn {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  width: 22px;
+  height: 22px;
+  background: rgba(0,0,0,0.6);
+  border-radius: 50%;
+  color: #fff;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10;
+}
+
+.del-btn:active {
+  background: rgba(0,0,0,0.8);
+}
+
+.video-player-popup {
+  padding: 20px;
+  background: #000;
+  border-radius: 16px;
+}
+
+.popup-video {
+  width: 100%;
+  max-height: 60vh;
+  border-radius: 12px;
+}
+
+/* 分类选择器 */
+.category-picker {
+  padding: 20px;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.picker-header h3 {
+  font-size: 18px;
+  margin: 0;
+  color: #1a1a1a;
+  font-weight: 700;
+}
+
+.picker-header .van-icon {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+}
+
+.category-list {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+}
+
+.category-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 8px;
+  background: #f8f9fa;
+  border-radius: 12px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.category-item:active {
+  transform: scale(0.95);
+  background: #f0f0f0;
+}
+
+.category-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 22px;
+}
+
+.category-item span {
+  font-size: 13px;
+  color: #333;
+  font-weight: 500;
+}
+
+.datetime-picker-popup {
+  background: #fff;
+  border-radius: 16px 16px 0 0;
+  overflow: hidden;
+}
+
+.picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.picker-header h3 {
+  font-size: 16px;
+  margin: 0;
+  color: #333;
+  font-weight: 600;
+}
+
+.picker-body {
+  padding: 20px;
+}
+
+.datetime-input {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  outline: none;
+  color: #333;
+}
+
+.datetime-input:focus {
+  border-color: #667eea;
+}
+
+.category-item:active {
+  transform: scale(0.95);
+  background: #e9ecef;
+}
+
+.category-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 24px;
+}
+
+/* 经费媒体上传 */
+.expense-media-upload {
+  width: 100%;
+}
+
+.existing-media {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+  flex-wrap: wrap;
+}
+
+.media-thumb {
+  position: relative;
+  width: 80px;
+  height: 80px;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #f5f5f5;
+}
+
+.media-thumb .van-image,
+.media-thumb .video-thumb {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.media-thumb .remove-icon {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  width: 20px;
+  height: 20px;
+  background: rgba(0,0,0,0.6);
+  border-radius: 50%;
+  color: #fff;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+/* 人数修改弹窗 */
+.people-count-dialog {
+  padding: 20px;
+  background: #fff;
+  border-radius: 16px;
+}
+
+.people-count-dialog .dialog-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.people-count-dialog .dialog-header h3 {
+  font-size: 18px;
+  font-weight: 700;
+  color: #333;
+  margin: 0;
+}
+
+.people-count-dialog .dialog-header .van-icon {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+}
+
+.people-count-dialog .dialog-content {
+  margin-bottom: 20px;
+}
+
+.people-count-dialog .count-info {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 20px;
+  padding: 12px;
+  background: #f8f9fa;
+  border-radius: 8px;
+}
+
+.people-count-dialog .info-label {
+  font-size: 15px;
+  font-weight: 600;
+  color: #333;
+}
+
+.people-count-dialog .info-desc {
+  font-size: 13px;
+  color: #666;
+}
+
+.people-count-dialog .van-stepper {
+  margin: 0 auto;
+}
+
+.people-count-dialog .dialog-actions {
+  margin-top: 20px;
+}
+
+.people-count-dialog .dialog-actions .van-button {
+  height: 44px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+/* 已签到状态特殊样式 */
+.reg-item.checked-in {
+  border-color: #FF6700;
+  background: #fff7f0;
+}
+
+/* 报名详情弹窗 */
+.reg-detail-popup {
+  max-height: 70vh;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border-radius: 16px 16px 0 0;
+}
+
+.detail-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0 20px 20px;
+}
+
+.detail-section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.detail-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.detail-row:last-child {
+  border-bottom: none;
+}
+
+.detail-label {
+  font-size: 14px;
+  color: #666;
+  font-weight: 500;
+}
+
+.detail-value {
+  font-size: 14px;
+  color: #333;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.detail-link {
+  color: #FF6700;
+  cursor: pointer;
+}
+
+.detail-link:active {
+  opacity: 0.7;
+}
+
+.detail-actions {
+  padding: 16px 20px 20px;
+  border-top: 1px solid #f5f5f5;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 12px;
+}
+
+.action-buttons .van-button {
+  flex: 1;
+}
+</style>
diff --git a/frontend/src/views/admin/Dashboard.vue b/frontend/src/views/admin/Dashboard.vue
new file mode 100644
index 0000000..7fbc36a
--- /dev/null
+++ b/frontend/src/views/admin/Dashboard.vue
@@ -0,0 +1,920 @@
+<template>
+  <div class="dashboard">
+    <div class="dashboard-header">
+      <div class="header-content">
+        <h1>管理后台</h1>
+        <p>泉友米车友会</p>
+      </div>
+      <van-button class="logout-btn" size="small" round @click="logout">
+        <van-icon name="logout" /> 退出
+      </van-button>
+    </div>
+    
+    <div class="dashboard-content">
+      <div class="content-header">
+        <h2>活动管理</h2>
+        <van-button type="primary" round icon="plus" @click="createNewActivity">
+          创建活动
+        </van-button>
+      </div>
+      
+      <div class="activity-cards">
+        <div v-for="activity in activities" :key="activity.id" class="activity-card" @click="viewActivityDetail(activity)">
+          <div class="card-header">
+            <h3>{{ activity.title }}</h3>
+            <van-tag :type="activity.status === 'upcoming' ? 'primary' : 'default'">
+              {{ activity.status === 'upcoming' ? '进行中' : '已结束' }}
+            </van-tag>
+          </div>
+          <p class="card-desc">{{ activity.description }}</p>
+          <div class="card-info">
+            <div class="info-row">
+              <van-icon name="location-o" />
+              <span>{{ activity.location }}</span>
+            </div>
+            <div class="info-row">
+              <van-icon name="clock-o" />
+              <span>{{ formatDate(activity.startTime) }}</span>
+            </div>
+          </div>
+          <div class="card-footer">
+            <van-icon name="arrow" />
+          </div>
+        </div>
+        
+        <van-empty v-if="!activities.length" description="暂无活动" />
+      </div>
+    </div>
+    
+    <!-- 活动表单弹窗 -->
+    <van-popup v-model:show="showActivityForm" position="bottom" round>
+      <div class="form-popup">
+        <div class="popup-header">
+          <h3>创建活动</h3>
+          <van-icon name="cross" @click="closeActivityForm" />
+        </div>
+        <van-form @submit="submitActivity" class="popup-form">
+          <van-cell-group>
+            <van-field 
+              v-model="activityForm.title" 
+              label="活动标题" 
+              placeholder="请输入活动标题" 
+              required 
+              :rules="[{ required: true, message: '请输入活动标题' }]"
+            />
+            <van-field 
+              v-model="activityForm.description" 
+              label="活动描述" 
+              type="textarea" 
+              placeholder="请输入活动描述，包括活动内容、注意事项等" 
+              rows="3"
+              autosize
+              maxlength="500"
+              show-word-limit
+            />
+            <van-field 
+              v-model="activityForm.price" 
+              label="人均费用" 
+              type="number" 
+              placeholder="请输入人均费用(选填)"
+            >
+              <template #left-icon>
+                <van-icon name="gold-coin-o" style="margin-right: 8px;" />
+              </template>
+              <template #button>
+                <span style="color: #999;">元</span>
+              </template>
+            </van-field>
+            <van-field 
+              v-model="activityForm.budget" 
+              label="活动预算" 
+              type="number" 
+              placeholder="请输入预算金额(选填)"
+            >
+              <template #left-icon>
+                <van-icon name="balance-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+            <van-field 
+              v-model="activityForm.location" 
+              label="活动地点" 
+              placeholder="点击选择地点"
+              readonly
+              is-link
+              required
+              :rules="[{ required: true, message: '请选择活动地点' }]"
+              @click="openMapPicker"
+            >
+              <template #left-icon>
+                <van-icon name="location-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+            <van-field 
+              v-model="startTimeDisplay" 
+              label="开始时间" 
+              placeholder="请选择开始时间"
+              readonly
+              is-link
+              required
+              :rules="[{ required: true, message: '请选择开始时间' }]"
+              @click="showStartTimePicker = true"
+            >
+              <template #left-icon>
+                <van-icon name="clock-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+            <van-field 
+              v-model="deadlineDisplay" 
+              label="报名截止" 
+              placeholder="请选择报名截止时间"
+              readonly
+              is-link
+              required
+              :rules="[{ required: true, message: '请选择报名截止时间' }]"
+              @click="showDeadlinePicker = true"
+            >
+              <template #left-icon>
+                <van-icon name="calendar-o" style="margin-right: 8px;" />
+              </template>
+            </van-field>
+          </van-cell-group>
+          <div class="form-actions">
+            <van-button round block type="primary" native-type="submit" size="large">
+              创建活动
+            </van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    
+    <!-- 开始时间选择器 -->
+    <van-popup v-model:show="showStartTimePicker" position="bottom" round>
+      <div class="datetime-picker-popup">
+        <div class="picker-header">
+          <van-button size="small" @click="showStartTimePicker = false">取消</van-button>
+          <h3>选择开始时间</h3>
+          <van-button size="small" type="primary" @click="confirmStartTime">确定</van-button>
+        </div>
+        <div class="picker-body">
+          <input 
+            type="datetime-local" 
+            v-model="startTimeInput"
+            class="datetime-input"
+          />
+        </div>
+      </div>
+    </van-popup>
+    
+    <!-- 报名截止时间选择器 -->
+    <van-popup v-model:show="showDeadlinePicker" position="bottom" round>
+      <div class="datetime-picker-popup">
+        <div class="picker-header">
+          <van-button size="small" @click="showDeadlinePicker = false">取消</van-button>
+          <h3>选择报名截止时间</h3>
+          <van-button size="small" type="primary" @click="confirmDeadline">确定</van-button>
+        </div>
+        <div class="picker-body">
+          <input 
+            type="datetime-local" 
+            v-model="deadlineInput"
+            class="datetime-input"
+          />
+        </div>
+      </div>
+    </van-popup>
+    
+    <!-- 地图选点弹窗 -->
+    <van-popup v-model:show="showMapPicker" position="bottom" round :style="{ height: '80%' }">
+      <div class="map-picker">
+        <div class="map-picker-header">
+          <van-icon name="arrow-left" @click="showMapPicker = false" />
+          <h3>选择地点</h3>
+          <van-button type="primary" size="small" @click="confirmLocation">确定</van-button>
+        </div>
+        <div class="map-search">
+          <van-search 
+            v-model="searchKeyword" 
+            placeholder="搜索地点" 
+            @search="searchLocation"
+            @clear="clearSearch"
+            show-action
+            action-text="搜索"
+          />
+        </div>
+        <div v-if="searchResults.length" class="search-results">
+          <div 
+            v-for="(result, index) in searchResults" 
+            :key="index" 
+            class="search-result-item"
+            @click="selectSearchResult(result)"
+          >
+            <div class="result-name">{{ result.name }}</div>
+            <div class="result-address">{{ result.address }}</div>
+          </div>
+        </div>
+        <div id="map-picker-container" class="map-container"></div>
+        <div class="selected-location">
+          <van-icon name="location-o" />
+          <span>{{ selectedLocation.name || '请在地图上选择位置' }}</span>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import { showToast } from 'vant';
+import api from '../../api';
+
+const router = useRouter();
+const activities = ref([]);
+
+const showActivityForm = ref(false);
+const showMapPicker = ref(false);
+const showStartTimePicker = ref(false);
+const showDeadlinePicker = ref(false);
+const searchKeyword = ref('');
+const searchResults = ref([]);
+const selectedLocation = ref({});
+let pickerMap = null;
+let pickerMarker = null;
+let geocoder = null;
+
+const activityForm = ref({
+  title: '',
+  description: '',
+  budget: '',
+  location: '',
+  locationLat: null,
+  locationLng: null,
+  startTime: '',
+  registrationDeadline: ''
+});
+
+// 日期时间选择器的值
+const startTimeInput = ref('');
+const deadlineInput = ref('');
+
+// 显示格式化的日期时间
+const startTimeDisplay = computed(() => {
+  if (!activityForm.value.startTime) return '';
+  return formatDateTime(activityForm.value.startTime);
+});
+
+const deadlineDisplay = computed(() => {
+  if (!activityForm.value.registrationDeadline) return '';
+  return formatDateTime(activityForm.value.registrationDeadline);
+});
+
+const formatDate = (date) => {
+  return new Date(date).toLocaleDateString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+};
+
+// 格式化日期时间显示
+const formatDateTime = (dateTime) => {
+  if (!dateTime) return '';
+  const date = new Date(dateTime);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  return `${year}-${month}-${day} ${hours}:${minutes}`;
+};
+
+// 开始时间确认
+const confirmStartTime = () => {
+  if (!startTimeInput.value) {
+    showToast('请选择开始时间');
+    return;
+  }
+  const selectedDate = new Date(startTimeInput.value);
+  activityForm.value.startTime = selectedDate.toISOString();
+  showStartTimePicker.value = false;
+};
+
+// 报名截止时间确认
+const confirmDeadline = () => {
+  if (!deadlineInput.value) {
+    showToast('请选择报名截止时间');
+    return;
+  }
+  const selectedDate = new Date(deadlineInput.value);
+  if (activityForm.value.startTime && selectedDate > new Date(activityForm.value.startTime)) {
+    showToast('报名截止时间不能晚于活动开始时间');
+    return;
+  }
+  activityForm.value.registrationDeadline = selectedDate.toISOString();
+  showDeadlinePicker.value = false;
+};
+
+// 打开地图选择器
+const openMapPicker = () => {
+  showMapPicker.value = true;
+};
+
+// 关闭活动表单
+const closeActivityForm = () => {
+  showActivityForm.value = false;
+  activityForm.value = {
+    title: '',
+    description: '',
+    budget: '',
+    location: '',
+    locationLat: null,
+    locationLng: null,
+    startTime: '',
+    registrationDeadline: ''
+  };
+  startTimeInput.value = '';
+  deadlineInput.value = '';
+};
+
+const loadActivities = async () => {
+  try {
+    const { data } = await api.getActivities();
+    activities.value = data;
+  } catch (error) {
+    showToast('加载失败');
+  }
+};
+
+const createNewActivity = () => {
+  activityForm.value = {
+    title: '',
+    description: '',
+    budget: '',
+    location: '',
+    locationLat: null,
+    locationLng: null,
+    startTime: '',
+    registrationDeadline: ''
+  };
+  startTimeInput.value = '';
+  deadlineInput.value = '';
+  showActivityForm.value = true;
+};
+
+const viewActivityDetail = (activity) => {
+  router.push(`/admin/activity/${activity.id}`);
+};
+
+const initMapPicker = async () => {
+  try {
+    console.log('开始初始化地图选择器...');
+    const AMap = await window.loadAMap();
+    console.log('地图API加载完成');
+    
+    if (pickerMap) {
+      console.log('销毁旧地图实例');
+      pickerMap.destroy();
+    }
+    
+    const center = activityForm.value.locationLat && activityForm.value.locationLng
+      ? [activityForm.value.locationLng, activityForm.value.locationLat]
+      : [118.6762, 24.8742];
+    
+    console.log('地图中心点:', center);
+    
+    pickerMap = new AMap.Map('map-picker-container', {
+      zoom: 15,
+      center: center
+    });
+    
+    console.log('地图实例创建完成');
+    
+    geocoder = new AMap.Geocoder();
+    console.log('地理编码器创建完成');
+    
+    pickerMarker = new AMap.Marker({
+      position: center,
+      map: pickerMap,
+      draggable: true
+    });
+    
+    console.log('地图标记创建完成');
+    
+    if (activityForm.value.location) {
+      selectedLocation.value = {
+        name: activityForm.value.location,
+        lat: activityForm.value.locationLat,
+        lng: activityForm.value.locationLng
+      };
+    }
+    
+    pickerMap.on('click', (e) => {
+      const { lng, lat } = e.lnglat;
+      pickerMarker.setPosition([lng, lat]);
+      
+      selectedLocation.value = {
+        name: '获取地址中...',
+        lat: lat,
+        lng: lng
+      };
+      
+      if (geocoder) {
+        geocoder.getAddress([lng, lat], (status, result) => {
+          if (status === 'complete' && result.info === 'OK') {
+            selectedLocation.value.name = result.regeocode.formattedAddress;
+          } else {
+            console.warn('逆地理编码失败:', status, result);
+            selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+          }
+        });
+      } else {
+        selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+      }
+    });
+    
+    pickerMarker.on('dragend', (e) => {
+      const { lng, lat } = e.lnglat;
+      
+      selectedLocation.value = {
+        name: '获取地址中...',
+        lat: lat,
+        lng: lng
+      };
+      
+      if (geocoder) {
+        geocoder.getAddress([lng, lat], (status, result) => {
+          if (status === 'complete' && result.info === 'OK') {
+            selectedLocation.value.name = result.regeocode.formattedAddress;
+          } else {
+            console.warn('逆地理编码失败:', status, result);
+            selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+          }
+        });
+      } else {
+        selectedLocation.value.name = `泉州市区 (${lat.toFixed(4)}, ${lng.toFixed(4)})`;
+      }
+    });
+    
+    console.log('地图初始化完成');
+  } catch (error) {
+    console.error('地图初始化失败:', error);
+    showToast('地图加载失败: ' + error.message);
+  }
+};
+
+const searchLocation = async () => {
+  if (!searchKeyword.value.trim()) {
+    showToast('请输入搜索关键词');
+    return;
+  }
+  
+  try {
+    console.log('开始搜索地点:', searchKeyword.value);
+    const AMap = await window.loadAMap();
+    
+    if (!AMap.PlaceSearch) {
+      console.error('PlaceSearch插件未加载');
+      showToast('地图搜索功能未就绪');
+      return;
+    }
+    
+    const placeSearch = new AMap.PlaceSearch({ 
+      pageSize: 10, 
+      pageIndex: 1,
+      city: '泉州',
+      citylimit: false,
+      extensions: 'base'
+    });
+    
+    placeSearch.search(searchKeyword.value, (status, result) => {
+      console.log('搜索状态:', status);
+      console.log('搜索结果:', result);
+      
+      if (status === 'complete' && result.info === 'OK') {
+        if (result.poiList && result.poiList.pois && result.poiList.pois.length > 0) {
+          searchResults.value = result.poiList.pois.map(poi => ({
+            name: poi.name,
+            address: poi.address || poi.district || '',
+            lat: poi.location.lat,
+            lng: poi.location.lng
+          }));
+          console.log('搜索成功，找到', searchResults.value.length, '个结果');
+        } else {
+          searchResults.value = [];
+          showToast('未找到相关地点');
+        }
+      } else if (status === 'no_data') {
+        searchResults.value = [];
+        showToast('未找到相关地点');
+      } else {
+        console.error('搜索失败:', status, result);
+        searchResults.value = [];
+        showToast('搜索失败: ' + (result.info || status));
+      }
+    });
+  } catch (error) {
+    console.error('搜索异常:', error);
+    showToast('搜索失败: ' + error.message);
+  }
+};
+
+const selectSearchResult = (result) => {
+  selectedLocation.value = result;
+  pickerMarker.setPosition([result.lng, result.lat]);
+  pickerMap.setCenter([result.lng, result.lat]);
+  searchResults.value = [];
+  searchKeyword.value = '';
+};
+
+const clearSearch = () => {
+  searchResults.value = [];
+};
+
+const confirmLocation = () => {
+  if (selectedLocation.value.lat && selectedLocation.value.lng) {
+    activityForm.value.location = selectedLocation.value.name;
+    activityForm.value.locationLat = selectedLocation.value.lat;
+    activityForm.value.locationLng = selectedLocation.value.lng;
+    showMapPicker.value = false;
+  } else {
+    showToast('请在地图上选择位置');
+  }
+};
+
+watch(showMapPicker, (val) => {
+  if (val) {
+    setTimeout(() => {
+      initMapPicker();
+    }, 300);
+  }
+});
+
+const submitActivity = async () => {
+  try {
+    const formData = { ...activityForm.value };
+    // 清理空字符串，转换为null
+    if (formData.budget === '' || formData.budget === undefined) {
+      formData.budget = null;
+    }
+    if (formData.price === '' || formData.price === undefined) {
+      formData.price = null;
+    }
+    
+    await api.createActivity(formData);
+    showToast('创建成功');
+    closeActivityForm();
+    loadActivities();
+  } catch (error) {
+    showToast('创建失败');
+  }
+};
+
+const logout = () => {
+  localStorage.removeItem('token');
+  router.push('/admin/login');
+};
+
+onMounted(() => {
+  loadActivities();
+});
+</script>
+
+<style scoped>
+.dashboard {
+  min-height: 100vh;
+  background: #f8f9fa;
+}
+
+.dashboard-header {
+  background: #fff;
+  padding: 24px 20px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.header-content h1 {
+  font-size: 24px;
+  margin: 0 0 4px;
+  font-weight: 700;
+  color: #1a1a1a;
+}
+
+.header-content p {
+  font-size: 14px;
+  margin: 0;
+  color: #666;
+}
+
+.logout-btn {
+  background: #f5f5f5;
+  border: none;
+  color: #666;
+  font-weight: 500;
+}
+
+.logout-btn:active {
+  background: #e8e8e8;
+}
+
+.dashboard-content {
+  padding: 20px 16px;
+}
+
+.content-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.content-header h2 {
+  font-size: 20px;
+  margin: 0;
+  color: #1a1a1a;
+  font-weight: 700;
+}
+
+.activity-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.activity-card {
+  background: #fff;
+  border-radius: 16px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  border: 1px solid #f0f0f0;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+.activity-card:active {
+  transform: scale(0.98);
+  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 12px;
+  gap: 12px;
+}
+
+.card-header h3 {
+  font-size: 17px;
+  margin: 0;
+  color: #1a1a1a;
+  font-weight: 700;
+  line-height: 1.4;
+  flex: 1;
+}
+
+.card-desc {
+  font-size: 14px;
+  color: #666;
+  margin: 0 0 12px;
+  line-height: 1.6;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.card-info {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding-top: 12px;
+  border-top: 1px solid #f5f5f5;
+}
+
+.info-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: #666;
+}
+
+.info-row .van-icon {
+  font-size: 16px;
+  color: #FF6700;
+}
+
+.card-footer {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+  color: #ddd;
+  font-size: 16px;
+}
+
+/* 弹窗 */
+.form-popup {
+  max-height: 85vh;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border-radius: 16px 16px 0 0;
+}
+
+.popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+  border-bottom: 1px solid #f0f0f0;
+  flex-shrink: 0;
+}
+
+.popup-header h3 {
+  font-size: 18px;
+  margin: 0;
+  color: #1a1a1a;
+  font-weight: 700;
+}
+
+.popup-header .van-icon {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+}
+
+.popup-form {
+  padding: 0;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.popup-form .van-cell-group {
+  margin: 0;
+  background: #fff;
+}
+
+.popup-form .van-cell {
+  padding: 14px 20px;
+}
+
+.popup-form .van-field__label {
+  width: 90px;
+  color: #333;
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.popup-form .van-field__control {
+  color: #1a1a1a;
+  font-size: 14px;
+}
+
+.popup-form .van-field__control::placeholder {
+  color: #bbb;
+}
+
+.form-actions {
+  margin: 0;
+  padding: 16px 20px 20px;
+  flex-shrink: 0;
+  background: #fff;
+  border-top: 1px solid #f5f5f5;
+}
+
+.form-actions .van-button {
+  height: 48px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+/* 地图选点 */
+.map-picker {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.map-picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.map-picker-header h3 {
+  flex: 1;
+  text-align: center;
+  font-size: 16px;
+  margin: 0;
+  color: #333;
+}
+
+.map-picker-header .van-icon {
+  font-size: 20px;
+  color: #333;
+}
+
+.map-search {
+  padding: 12px 16px;
+  background: #fff;
+}
+
+.search-results {
+  max-height: 200px;
+  overflow-y: auto;
+  background: #fff;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.search-result-item {
+  padding: 12px 16px;
+  border-bottom: 1px solid #f5f5f5;
+  cursor: pointer;
+}
+
+.search-result-item:active {
+  background: #f5f5f5;
+}
+
+.result-name {
+  font-size: 14px;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.result-address {
+  font-size: 12px;
+  color: #999;
+}
+
+.map-container {
+  flex: 1;
+  width: 100%;
+}
+
+.selected-location {
+  padding: 12px 16px;
+  background: #fff;
+  border-top: 1px solid #f0f0f0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.selected-location .van-icon {
+  color: #FF6700;
+  font-size: 18px;
+}
+
+.selected-location span {
+  flex: 1;
+  font-size: 14px;
+  color: #333;
+}
+
+.datetime-picker-popup {
+  background: #fff;
+  border-radius: 16px 16px 0 0;
+  overflow: hidden;
+}
+
+.picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.picker-header h3 {
+  font-size: 16px;
+  margin: 0;
+  color: #333;
+  font-weight: 600;
+}
+
+.picker-body {
+  padding: 20px;
+}
+
+.datetime-input {
+  width: 100%;
+  padding: 12px;
+  font-size: 16px;
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  outline: none;
+  color: #333;
+}
+
+.datetime-input:focus {
+  border-color: #FF6700;
+}
+</style>
diff --git a/frontend/src/views/admin/Login.vue b/frontend/src/views/admin/Login.vue
new file mode 100644
index 0000000..6c210f4
--- /dev/null
+++ b/frontend/src/views/admin/Login.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="login">
+    <div class="login-bg">
+      <div class="bg-circle circle-1"></div>
+      <div class="bg-circle circle-2"></div>
+      <div class="bg-circle circle-3"></div>
+    </div>
+    
+    <div class="login-content">
+      <div class="logo">
+        <div class="logo-icon">
+          <van-icon name="manager-o" />
+        </div>
+        <h1>泉友米管理后台</h1>
+        <p>欢迎回来</p>
+      </div>
+      
+      <van-form @submit="onSubmit" class="login-form">
+        <van-cell-group inset>
+          <van-field 
+            v-model="form.username" 
+            label="用户名" 
+            placeholder="请输入用户名" 
+            required 
+            left-icon="user-o"
+            clearable
+          />
+          <van-field 
+            v-model="form.password" 
+            type="password" 
+            label="密码" 
+            placeholder="请输入密码" 
+            required 
+            left-icon="lock"
+            clearable
+          />
+        </van-cell-group>
+        
+        <div class="form-actions">
+          <van-button round block type="primary" native-type="submit" size="large">
+            登录
+          </van-button>
+        </div>
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { showToast } from 'vant';
+import api from '../../api';
+
+const router = useRouter();
+const form = ref({
+  username: '',
+  password: ''
+});
+
+const onSubmit = async () => {
+  try {
+    const { data } = await api.adminLogin(form.value);
+    localStorage.setItem('token', data.token);
+    showToast('登录成功');
+    router.push('/admin');
+  } catch (error) {
+    showToast('登录失败');
+  }
+};
+</script>
+
+<style scoped>
+.login {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  position: relative;
+  overflow: hidden;
+}
+
+.login-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.bg-circle {
+  position: absolute;
+  border-radius: 50%;
+  background: rgba(255,255,255,0.1);
+  animation: float 20s ease-in-out infinite;
+}
+
+.circle-1 {
+  width: 300px;
+  height: 300px;
+  top: -100px;
+  right: -100px;
+  animation-delay: 0s;
+}
+
+.circle-2 {
+  width: 200px;
+  height: 200px;
+  bottom: -50px;
+  left: -50px;
+  animation-delay: 5s;
+}
+
+.circle-3 {
+  width: 150px;
+  height: 150px;
+  top: 50%;
+  left: 10%;
+  animation-delay: 10s;
+}
+
+@keyframes float {
+  0%, 100% { 
+    transform: translate(0, 0) scale(1);
+    opacity: 0.3;
+  }
+  50% { 
+    transform: translate(30px, -30px) scale(1.1);
+    opacity: 0.5;
+  }
+}
+
+.login-content {
+  width: 100%;
+  max-width: 400px;
+  position: relative;
+  z-index: 1;
+}
+
+.logo {
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.logo-icon {
+  width: 80px;
+  height: 80px;
+  margin: 0 auto 20px;
+  background: rgba(255,255,255,0.25);
+  border-radius: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  backdrop-filter: blur(10px);
+  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
+}
+
+.logo-icon .van-icon {
+  font-size: 42px;
+  color: #fff;
+}
+
+.logo h1 {
+  color: #fff;
+  font-size: 28px;
+  font-weight: 800;
+  margin: 0 0 8px;
+  text-shadow: 0 2px 12px rgba(0,0,0,0.2);
+  letter-spacing: 1px;
+}
+
+.logo p {
+  color: rgba(255,255,255,0.9);
+  font-size: 15px;
+  margin: 0;
+  font-weight: 500;
+}
+
+.login-form {
+  position: relative;
+}
+
+.login-form .van-cell-group {
+  border-radius: 20px;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.15);
+  backdrop-filter: blur(10px);
+  background: rgba(255,255,255,0.95);
+}
+
+.login-form .van-field {
+  padding: 16px;
+}
+
+.login-form .van-field__label {
+  font-weight: 600;
+  color: #333;
+  font-size: 14px;
+}
+
+.login-form .van-field__control {
+  font-size: 15px;
+}
+
+.form-actions {
+  margin-top: 32px;
+}
+
+.form-actions .van-button {
+  height: 52px;
+  font-size: 17px;
+  font-weight: 700;
+  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+  background: linear-gradient(135deg, #FF6700 0%, #FF8533 100%);
+  border: none;
+  transition: all 0.3s ease;
+}
+
+.form-actions .van-button:active {
+  transform: translateY(2px);
+  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
+}
+</style>
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
new file mode 100644
index 0000000..0cd1fb8
--- /dev/null
+++ b/frontend/vite.config.js
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3000',
+        changeOrigin: true
+      }
+    }
+  }
+});
diff --git a/start.bat b/start.bat
new file mode 100644
index 0000000..3c310be
--- /dev/null
+++ b/start.bat
@@ -0,0 +1,31 @@
+@echo off
+echo ========================================
+echo 泉友米车友会管理系统
+echo ========================================
+echo.
+echo 请确保已完成以下步骤：
+echo 1. 安装MySQL并创建数据库 quanyoumi
+echo 2. 配置 backend/.env 文件
+echo 3. 运行 node backend/init-admin.js 初始化管理员
+echo.
+echo 按任意键启动后端服务...
+pause > nul
+
+cd backend
+start cmd /k "npm run dev"
+
+echo.
+echo 后端服务已启动在 http://localhost:3000
+echo.
+echo 按任意键启动前端服务...
+pause > nul
+
+cd ../frontend
+start cmd /k "npm run dev"
+
+echo.
+echo 前端服务已启动在 http://localhost:5173
+echo 管理后台: http://localhost:5173/admin/login
+echo 默认账号: admin / admin123
+echo.
+pause
diff --git a/签到功能说明.md b/签到功能说明.md
new file mode 100644
index 0000000..fee5d5e
--- /dev/null
+++ b/签到功能说明.md
@@ -0,0 +1,53 @@
+# 签到功能实施说明
+
+## 已完成的修改
+
+### 1. 数据库修改
+- 创建了迁移脚本 `database-migration-checkin.sql`
+- 添加了两个字段：
+  - `checkInStatus` (BOOLEAN) - 签到状态
+  - `checkInTime` (DATETIME) - 签到时间
+
+### 2. 后端修改
+- **模型更新** (`backend/models/Registration.js`)
+  - 添加签到字段定义
+  
+- **API接口** (`backend/routes/admin.js`)
+  - 新增 `PUT /admin/registrations/:id/checkin` - 签到/取消签到接口
+  
+- **前端API** (`frontend/src/api/index.js`)
+  - 添加 `checkInRegistration` 方法
+
+### 3. 前端修改
+- **后台管理页面** (`frontend/src/views/admin/ActivityManage.vue`)
+  - 统计栏新增：已签到/未签到统计（一行三个布局）
+  - 报名列表显示签到状态标签
+  - 报名列表显示签到时间
+  - 添加签到/取消签到按钮（仅已通过审核的用户可签到）
+  - 手机号改为可点击拨打的链接
+  - 车牌号可点击复制
+
+## 使用步骤
+
+### 1. 执行数据库迁移
+```bash
+mysql -u root -p quanyoumi < database-migration-checkin.sql
+```
+
+### 2. 重启后端服务
+```bash
+cd backend
+npm start
+```
+
+### 3. 功能使用
+- 进入后台管理 -> 活动管理 -> 报名情况
+- 查看签到统计（已签到/未签到人数）
+- 点击"签到"按钮为用户签到
+- 点击手机号直接拨打电话
+- 点击车牌号复制到剪贴板
+
+## 注意事项
+- 只有审核通过的用户才能签到
+- 签到后可以取消签到
+- 签到时间会自动记录