diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8ee54e8
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
diff --git a/Server/STANDARDRESPONSE.ts b/Server/STANDARDRESPONSE.ts
new file mode 100644
index 0000000..f640f8d
--- /dev/null
+++ b/Server/STANDARDRESPONSE.ts
@@ -0,0 +1,10 @@
+export default {
+    OK: {
+        code: 0,
+        msg: 'ok'
+    },
+    SERVER_ERROR: {
+        code: -1,
+        msg: '服务器错误'
+    }
+}
\ No newline at end of file
diff --git a/Server/SettingConfig.json b/Server/SettingConfig.json
new file mode 100644
index 0000000..b1a4380
--- /dev/null
+++ b/Server/SettingConfig.json
@@ -0,0 +1,8 @@
+{
+    "mysql":{
+        "host":"server.tonesc.cn",
+        "user":"root",
+        "password":"245565",
+        "database":"tonecn"
+    }
+}
\ No newline at end of file
diff --git a/Server/apis/download/detail.ts b/Server/apis/download/detail.ts
new file mode 100644
index 0000000..e69de29
diff --git a/Server/apis/download/list.ts b/Server/apis/download/list.ts
new file mode 100644
index 0000000..dd15c5e
--- /dev/null
+++ b/Server/apis/download/list.ts
@@ -0,0 +1,19 @@
+const express = require('express');
+const router = express.Router();
+import STANDARDRESPONSE from "../../STANDARDRESPONSE";
+import Logger from "../../plugs/Logger";
+import MySQLConnection from "../../plugs/database/MySQLConnection";
+Logger.info('[API][/download/list] 加载成功')
+router.get('/list', async (req: any, res: any) => {
+    let listRes = await MySQLConnection.execute('SELECT `id`,`recommand`,`title`,`describe`,`addition`,`icon_src` FROM `resource` WHERE `type` = "download"');
+    if(!listRes){
+        res.json(STANDARDRESPONSE.SERVER_ERROR)
+        return;
+    }
+
+    res.json({
+        ...STANDARDRESPONSE.OK,
+        data: listRes
+    })
+});
+export default router;
\ No newline at end of file
diff --git a/Server/apis/hmv/checkRotationVerification.js b/Server/apis/hmv/checkRotationVerification.js
new file mode 100644
index 0000000..1a2c90d
--- /dev/null
+++ b/Server/apis/hmv/checkRotationVerification.js
@@ -0,0 +1,34 @@
+const express = require('express');
+const router = express.Router();
+const { Logger } = require('@plugs/Logger');
+const { STANDARDRESPONSE } = require('@root/STANDARDRESPONSE')
+const { RotationVerificationService } = require('@plugs/Service/RotationVerificationService');
+Logger.info(`[API][/hmv/checkRotationVerification] 加载成功`);
+// 验证旋转验证，传入RVSession和用户旋转角度，返回验证结果
+router.post('/checkRotationVerification', async (req, res) => {
+    let { session, angle } = req.body;
+    // session为RVSession(32位UUID)，angle为用户旋转角度
+    if(!session || !angle || session.length != 32){
+        Logger.warn(`[API][/hmv/checkRotationVerification]参数缺失或错误(session=${session}, angle=${angle})`);
+        res.json({...STANDARDRESPONSE.PARAMETER_MISSING});
+        return;
+    }
+    let result = await RotationVerificationService.check(session,angle);
+    switch(result){
+        case 0:
+            Logger.info(`[API][/hmv/checkRotationVerification] session[${session}]已过期，验证未通过`);
+            res.json({...STANDARDRESPONSE.ROTATION_VERIFICATION_EXPIRED, endpoint: result});
+            return;
+        case -1:
+            Logger.info(`[API][/hmv/checkRotationVerification] session[${session}]验证次数已达上限，验证未通过`);
+            res.json({...STANDARDRESPONSE.ROTATION_VERIFICATION_MAX_ATTEMPTS, endpoint: result});
+            return;
+        case -2:
+            Logger.info(`[API][/hmv/checkRotationVerification] session[${session}]验证角度差异过大，验证未通过`);
+            res.json({...STANDARDRESPONSE.ROTATION_VERIFICATION_ANGLE_DIFFERENCE, endpoint: result});
+            return;
+    }
+    Logger.info(`[API][/hmv/checkRotationVerification] session[${session}]验证通过`);
+    res.json({...STANDARDRESPONSE.OK});
+})
+module.exports = router;
\ No newline at end of file
diff --git a/Server/apis/hmv/rotationVerification.ts b/Server/apis/hmv/rotationVerification.ts
new file mode 100644
index 0000000..3d88ad8
--- /dev/null
+++ b/Server/apis/hmv/rotationVerification.ts
@@ -0,0 +1,45 @@
+import Logger from "@plugs/Logger";
+import STANDARDRESPONSE from "STANDARDRESPONSE";
+
+const express = require('express');
+const router = express.Router();
+const sharp = require('sharp');
+const fs = require('fs');
+const path = require("path");
+const { v4: uuidv4 } = require('uuid');
+
+Logger.info(`[API][/hmv/rotationVerification] 加载成功`);
+// 获取人机验证过程的图片，返回一个RVSession，用于后续的验证
+router.get('/rotationVerification', async (req, res) => {
+    // 读取图像文件
+    try {
+        // 获取随机图片路径
+        const directoryPath = __dirname.slice(0, -8) + "/assets/RotationVerificationPicture/"
+        let files = fs.readdirSync(directoryPath);
+        files = files.filter(file => path.extname(file).toLowerCase() === '.jpg');
+        let filePath= directoryPath + files[Math.floor(Math.random() * files.length)]
+        Logger.info("[API][/hmv/rotationVerification] 获取人机验证图片：" + filePath)
+        // 生成session和角度信息
+        let session_uuid = uuidv4().replace(/-/g,'');// 32 个字符
+        const rotateDeg = 60 + Math.floor(Math.random() * 240 );// 限制角度范围 60 ~ 300
+        // 加入验证池
+        let RVAddRes = await RotationVerificationService.add(session_uuid, rotateDeg);
+        if(!RVAddRes){
+            Logger.err("[API][/hmv/rotationVerification] 添加验证信息到验证池中失败")
+            res.json({...STANDARDRESPONSE.SERVER_ERROR});
+            return;
+        }
+        // 图片旋转处理
+        const rotatedImage = await sharp(filePath)
+            .rotate(-rotateDeg)
+            .toBuffer();
+        // 转换为Base64编码
+        let imageBase64 = "data:image/jpg;base64," + rotatedImage.toString('base64');
+        Logger.info(`[API][/hmv/rotationVerification] session[${session_uuid}] 验证码图片已生成，角度[${rotateDeg}]`)
+        res.json({...STANDARDRESPONSE.OK,'data': imageBase64,'session': session_uuid})
+    } catch (error) {
+        Logger.err("[API][/hmv/rotationVerification] 获取人机验证图片错误：" + error)
+        res.json({...STANDARDRESPONSE.SERVER_ERROR})
+    }
+})
+module.exports = router;
\ No newline at end of file
diff --git a/Server/apis/resource/list.ts b/Server/apis/resource/list.ts
new file mode 100644
index 0000000..5b47e30
--- /dev/null
+++ b/Server/apis/resource/list.ts
@@ -0,0 +1,19 @@
+const express = require('express');
+const router = express.Router();
+import STANDARDRESPONSE from "../../STANDARDRESPONSE";
+import Logger from "../../plugs/Logger";
+import MySQLConnection from "../../plugs/database/MySQLConnection";
+Logger.info('[API][/resource/list] 加载成功')
+router.get('/list', async (req: any, res: any) => {
+    let listRes = await MySQLConnection.execute('SELECT `id`,`recommand`,`title`,`describe`,`addition`,`icon_src`,`src` FROM `resource` WHERE `type` = "resource"');
+    if(!listRes){
+        res.json(STANDARDRESPONSE.SERVER_ERROR)
+        return;
+    }
+
+    res.json({
+        ...STANDARDRESPONSE.OK,
+        data: listRes
+    })
+});
+export default router;
\ No newline at end of file
diff --git a/Server/index.ts b/Server/index.ts
new file mode 100644
index 0000000..43dcc91
--- /dev/null
+++ b/Server/index.ts
@@ -0,0 +1,33 @@
+import Logger from "./plugs/Logger";
+Logger.info('====== 服务器开始启动 ======');
+require('./plugs/Settingconfig');
+require('./plugs/database/MySQLConnection');
+require('./plugs/database/RedisConnection');
+const express = require('express');
+const cors = require('cors')
+const app = express();
+
+app.use(express.json());
+app.use(express.urlencoded({ extended: true }));
+app.use(cors({
+    origin: ['http://localhost:5173'],
+    methods: ['GET', 'POST'],
+    allowedHeaders: ['Content-Type','Authorization','Access-Control-Allow-Origin'],
+    credentials: true,
+}))
+
+app.use((req: any, res: any, next: Function) => {
+    Logger.info(`[API][${req.method}][${req.url}] 被请求`);
+    next();
+});
+
+// 注册接口
+import resourceList from './apis/resource/list';
+import downloadList from './apis/download/list';
+
+app.use('/resource', resourceList);
+app.use('/download', downloadList);
+
+app.listen(8080, () => {
+    Logger.info('[Server] API服务已开放在http://localhost:8080');
+});
\ No newline at end of file
diff --git a/Server/nodemon.json b/Server/nodemon.json
new file mode 100644
index 0000000..b038b30
--- /dev/null
+++ b/Server/nodemon.json
@@ -0,0 +1,8 @@
+{
+  "watch": ["*.ts"],
+  "execMap": {
+    "ts": "ts-node"
+  },
+  "ignore": ["*.test.ts"],
+  "ext": "ts"
+}
diff --git a/Server/package.json b/Server/package.json
new file mode 100644
index 0000000..5cde57e
--- /dev/null
+++ b/Server/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "server",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "nodemon index.ts"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/node": "^20.12.12",
+    "nodemon": "^3.1.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.4.5"
+  },
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.19.2",
+    "ioredis": "^5.4.1",
+    "mysql2": "^3.9.7"
+  }
+}
diff --git a/Server/plugs/Logger.ts b/Server/plugs/Logger.ts
new file mode 100644
index 0000000..0ba9a23
--- /dev/null
+++ b/Server/plugs/Logger.ts
@@ -0,0 +1,24 @@
+class _Logger{
+    constructor(){
+
+    }
+    
+    formatTime(): string{
+        let date = new Date();
+        return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
+    }
+
+    info(msg: string){
+        console.log(`[${this.formatTime()}][INFO] ${msg}`);
+    }
+
+    warn(msg: string){
+        console.log(`[${this.formatTime()}][WARN] ${msg}`);
+    }
+
+    error(msg: string){
+        console.log(`[${this.formatTime()}][ERROR] ${msg}`);
+    }
+}
+let Logger = new _Logger();
+export default Logger;
\ No newline at end of file
diff --git a/Server/plugs/Settingconfig.ts b/Server/plugs/Settingconfig.ts
new file mode 100644
index 0000000..3f0a45c
--- /dev/null
+++ b/Server/plugs/Settingconfig.ts
@@ -0,0 +1,54 @@
+// 读取上级目录的Settingconfig.json文件
+import * as fs from 'fs';
+import * as path from 'path';
+import Logger from './Logger';
+
+interface MySqlConfig {
+    host: string;
+    user: string;
+    password: string;
+    database: string;
+}
+
+interface ServiceRotationVerificationType{
+    AllowMaxTryCount: number;
+    AllowMaxAngleDiff: number;
+    ExpriedTimeSec: number;
+}
+
+interface ServiceType {
+    rotationVerification: ServiceRotationVerificationType
+}
+
+interface SettingConfigType {
+    mysql: MySqlConfig;
+    service: ServiceType;
+}
+
+const SettingConfig: SettingConfigType = {
+    mysql:{
+        host: "server.tonesc.cn",
+        user: "root",
+        password: "245565",
+        database: "tonecn"
+    },
+    service: {
+        rotationVerification: {
+            AllowMaxTryCount: 5,// 最大允许尝试次数
+            AllowMaxAngleDiff: 10,// 允许的最大角度差异
+            ExpriedTimeSec: 60// 单次session过期时间,单位秒
+        }
+    }
+};
+// (async () => {
+//     const filePath = path.join(__dirname, '..', 'Settingconfig.json');
+//     let readRes = fs.readFileSync(filePath, 'utf-8');
+//     try {
+//         let config = JSON.parse(readRes);
+//         Object.assign(SettingConfig, config);
+//     } catch (error) {
+//         Logger.error(`配置文件出错 ${error}`)
+//         throw new Error('配置文件格式错误');
+//     }
+// })()
+export default SettingConfig
\ No newline at end of file
diff --git a/Server/plugs/database/MySQLConnection.ts b/Server/plugs/database/MySQLConnection.ts
new file mode 100644
index 0000000..8cc83a6
--- /dev/null
+++ b/Server/plugs/database/MySQLConnection.ts
@@ -0,0 +1,69 @@
+// MYSQL数据库连接池
+// 版本：v0.1
+const mysql = require('mysql2/promise');
+import Logger from "../Logger";
+import SettingConfig from "../Settingconfig";
+
+class MySQLConnectPool{
+    pool: any;
+
+    constructor()
+    {
+        this.pool = this.createConnectPool();
+        Logger.info("[MySQL] 数据库连接池已创建")
+        setTimeout(async () => {
+            let res = await this.testConnection();
+            if(res)
+                Logger.info("[MySQL] 数据库测试成功")
+            else
+                Logger.error("[MySQL] 数据库测试失败")
+        }, 10);
+    }
+
+    // 内部函数，无需手动调用
+    createConnectPool(){
+        return mysql.createPool({
+            host: SettingConfig.mysql.host,
+            database: SettingConfig.mysql.database,
+            user: SettingConfig.mysql.user,
+            password: SettingConfig.mysql.password,
+            waitForConnections:true,
+            connectionLimit:10,
+            queueLimit:0
+        })
+    }
+
+    // 内部函数，无需手动调用
+    async testConnection(){
+        try {
+            let res = await this.execute("SELECT 1 + 1 As result");
+            if(res[0].result == 2)
+                return 1;
+            else
+                return 0;
+        } catch (error) {
+            Logger.error(`[MYSQL] 数据库测试发生了错误：`+error);
+            return 0;
+        }
+        
+    }
+
+    // 执行SQL语句
+    async execute(sql: string,values = undefined){
+        let connection;
+        try {
+            connection = await this.pool.getConnection();
+            let [rows, fields] = await connection.execute(sql,values);
+            return rows;
+        } catch (error) {
+            Logger.error("[MYSQL] 数据库发生错误:"+error);
+            return undefined;
+        } finally{
+            if(connection)
+                connection.release();
+        }
+    }
+}
+
+let MySQLConnection = new MySQLConnectPool();
+export default MySQLConnection;
\ No newline at end of file
diff --git a/Server/plugs/database/RedisConnection.ts b/Server/plugs/database/RedisConnection.ts
new file mode 100644
index 0000000..02e9901
--- /dev/null
+++ b/Server/plugs/database/RedisConnection.ts
@@ -0,0 +1,98 @@
+const Redis = require('ioredis');
+import Logger from "../Logger";
+
+class _RedisConnection{
+    pool: any;
+
+    constructor(){
+        this.pool = new Redis({
+            host: 'server.tonesc.cn',
+            password: '2Pj4Ss9al3mS1',
+            connectionPoolSize: 10,
+        });
+        Logger.info('[Redis] 数据库连接池已创建')
+        setTimeout(async () => {
+            let res = await this.set('redis_test', '1');
+            if(res)
+                Logger.info('[Redis] 数据库测试成功')
+            else
+                Logger.error('[Redis] 数据库测试失败')
+        }, 10);
+    }
+
+    /**
+     * 设置键值对
+     * @param {*} key 
+     * @param {*} value 
+     * @returns { Promise<Boolean> } 成功返回true，失败返回false
+     */
+    set(key: string, value: string){
+        return new Promise((resolve) => {
+            this.pool.set(key, value, (err: any, value: any) => {
+                if (err) {
+                    Logger.error('[Redis] 设置键时发生错误:' + err);
+                    resolve(false);
+                } else {
+                    resolve(true);
+                }
+            })
+        })
+    }
+
+    /**
+     * 获取键值对，成功返回值，失败返回undefined
+     * @param {string} key 
+     * @returns { Promise<String> } 成功返回值，失败返回undefined
+     */
+    get(key: string): Promise<string> {
+        return new Promise((resolve) => {
+            this.pool.get(key, (err: any, value: any) => {
+                if (err) {
+                    Logger.error('[Redis] 获取键时发生错误:' + err);
+                    throw new Error('Redis连接错误')
+                } else {
+                    resolve(value);
+                }
+            })
+        })
+    }
+
+    /**
+     * 删除键值对，成功返回true，失败返回false
+     * @param {string} key
+     * @returns { Promise<Boolean> } 成功返回true，失败返回false
+     */
+    del(key: string){
+        return new Promise((resolve) => {
+            this.pool.del(key, (err: any, value: any) => {
+                if (err) {
+                    Logger.error('[Redis] 删除键时发生错误:' + err);
+                    resolve(false);
+                } else {
+                    resolve(true);
+                }
+            })
+        })
+    }
+
+    /**
+     * 设置键的过期时间
+     * @param {*} key
+     * @param {*} seconds
+     * @returns { Promise<Boolean> } 成功返回true，失败返回false
+     */
+    expire(key: any, seconds:  number){
+        return new Promise((resolve) => {
+            this.pool.expire(key, seconds, (err: number, value: number) => {
+                if (err) {
+                    Logger.error('[Redis] 设置键过期时发生错误:' + err);
+                    resolve(false);
+                } else {
+                    resolve(true);
+                }
+            })
+        })
+    }
+}
+const RedisConnection = new _RedisConnection();
+export default RedisConnection;
\ No newline at end of file
diff --git a/Server/plugs/service/RotationVerificationService.ts b/Server/plugs/service/RotationVerificationService.ts
new file mode 100644
index 0000000..9b74028
--- /dev/null
+++ b/Server/plugs/service/RotationVerificationService.ts
@@ -0,0 +1,100 @@
+import Logger from "@plugs/Logger";
+import SettingConfig from "@plugs/Settingconfig";
+import RedisConnection from "@plugs/database/RedisConnection";
+
+class RotationVerificationService{
+
+    constructor(){
+        Logger.info('[Service][RotationVerificationService] 旋转图像验证服务已启动')
+    }
+
+    async #get(session: string){
+        // 通过session获取单个存储对象，无需手动调用
+        try {
+            let result:  = await RedisConnection.get('RotationVerificationService:' + session);
+            return JSON.parse(result);// 由于RVService的值为JSON字符串，因此需要解析
+        } catch (error) {
+            // 不一定是数据库出错，有可能是已过期
+            Logger.warn(`[Service][RotationVerificationService] 获取session[${session}]时发生错误：${error}`);
+            return undefined;
+        }
+    }
+
+    async #remove(session: string){
+        // 删除session，无需手动调用
+        let res = await RedisConnection.del('RotationVerificationService:' + session);
+        if(!res)
+            Logger.err(`[Service][RotationVerificationService] 删除session[${session}]失败`);
+    }
+    
+    /**
+     * 将session和角度信息存储，便于后续验证
+     * @param {*} session
+     * @param {*} rotateDeg
+     */
+    async add(session: string,rotateDeg: number){
+        let result = {
+            rotateDeg: rotateDeg,
+            tryCount: 0,
+            isPassed: false
+        }
+        let res = await RedisConnection.set('RotationVerificationService:' + session, JSON.stringify(result));
+        if(!res)
+        {
+            Logger.err(`[Service][RotationVerificationService] 存储session[${session}]失败`);
+            return false;
+        }
+        // 设置过期时间
+        RedisConnection.expire('RotationVerificationService:' + session, this.ExpriedTimeSec);
+        return true;
+    }
+
+    /**
+     * 查询该session是否已通过验证，使用后自动实效
+     * @param {*} session 
+     * @returns {Boolean} 验证通过结果
+     */
+    async isPassed(session){
+        // 通过后，有效期60s
+        let result = await this.#get(session);
+        if(!result)
+            return false;
+        let res = result.isPassed;
+        if(res)
+            // 验证通过，该session失效，防止重复验证
+            this.#remove(session);
+        return res;
+    }
+
+    /**
+     * 检查session和角度信息
+     * @param {*} session 
+     * @param {*} rotateDeg 
+     * @returns {Number} 0,已过期(或未加入验证池) -1,超过最大尝试次数 1,验证通过 -2,角度差异过大
+     */
+    async check(session,rotateDeg){
+        let result = await this.#get(session);
+        if(!result)
+            return 0;// 已过期(或未加入验证池)
+        if(Math.abs(result.rotateDeg - rotateDeg) <= this.AllowMaxAngleDiff)
+        {                                   
+            // 验证通过，标识为已通过，并设定有效期为60s
+            result.isPassed = true;
+            await RedisConnection.del('RotationVerificationService:' + session);
+            await RedisConnection.set('RotationVerificationService:' + session, JSON.stringify(result));
+            RedisConnection.expire('RotationVerificationService:' + session, this.ExpriedTimeSec);
+            return 1;
+        }
+        result.tryCount++;// 浪费一次尝试次数
+        if(result.tryCount >= this.AllowMaxTryCount)
+        {
+            this.#remove(session);
+            return -1;// 超过最大尝试次数
+        }
+        // 保存尝试次数
+        RedisConnection.set('RotationVerificationService:' + session, JSON.stringify(result));
+        return -2;// 角度差异过大
+    }
+}
+let _RotationVerificationService = new RotationVerificationService();
+module.exports.RotationVerificationService = _RotationVerificationService;
diff --git a/Server/pnpm-lock.yaml b/Server/pnpm-lock.yaml
new file mode 100644
index 0000000..00e59e9
--- /dev/null
+++ b/Server/pnpm-lock.yaml
@@ -0,0 +1,944 @@
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+dependencies:
+  cors:
+    specifier: ^2.8.5
+    version: 2.8.5
+  express:
+    specifier: ^4.19.2
+    version: 4.19.2
+  ioredis:
+    specifier: ^5.4.1
+    version: 5.4.1
+  mysql2:
+    specifier: ^3.9.7
+    version: 3.9.7
+
+devDependencies:
+  '@types/node':
+    specifier: ^20.12.12
+    version: 20.12.12
+  nodemon:
+    specifier: ^3.1.0
+    version: 3.1.0
+  ts-node:
+    specifier: ^10.9.2
+    version: 10.9.2(@types/node@20.12.12)(typescript@5.4.5)
+  typescript:
+    specifier: ^5.4.5
+    version: 5.4.5
+
+packages:
+
+  /@cspotcode/source-map-support@0.8.1:
+    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.9
+    dev: true
+
+  /@ioredis/commands@1.2.0:
+    resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==}
+    dev: false
+
+  /@jridgewell/resolve-uri@3.1.2:
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+    dev: true
+
+  /@jridgewell/trace-mapping@0.3.9:
+    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /@tsconfig/node10@1.0.11:
+    resolution: {integrity: sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==}
+    dev: true
+
+  /@tsconfig/node12@1.0.11:
+    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+    dev: true
+
+  /@tsconfig/node14@1.0.3:
+    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+    dev: true
+
+  /@tsconfig/node16@1.0.4:
+    resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
+    dev: true
+
+  /@types/node@20.12.12:
+    resolution: {integrity: sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==}
+    dependencies:
+      undici-types: 5.26.5
+    dev: true
+
+  /accepts@1.3.8:
+    resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-types: 2.1.35
+      negotiator: 0.6.3
+    dev: false
+
+  /acorn-walk@8.3.2:
+    resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /arg@4.1.3:
+    resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
+    dev: true
+
+  /array-flatten@1.1.1:
+    resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==}
+    dev: false
+
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /body-parser@1.20.2:
+    resolution: {integrity: sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+    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.0
+      iconv-lite: 0.4.24
+      on-finished: 2.4.1
+      qs: 6.11.0
+      raw-body: 2.5.2
+      type-is: 1.6.18
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /bytes@3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
+  /call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+    dev: false
+
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /cluster-key-slot@1.1.2:
+    resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
+  /content-disposition@0.5.4:
+    resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: false
+
+  /content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /cookie-signature@1.0.6:
+    resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
+    dev: false
+
+  /cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /cors@2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+    dev: false
+
+  /create-require@1.1.1:
+    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+    dev: true
+
+  /debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.0.0
+    dev: false
+
+  /debug@4.3.4(supports-color@5.5.0):
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+      supports-color: 5.5.0
+
+  /define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+    dev: false
+
+  /denque@2.1.0:
+    resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==}
+    engines: {node: '>=0.10'}
+    dev: false
+
+  /depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
+  /destroy@1.2.0:
+    resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+    dev: false
+
+  /diff@4.0.2:
+    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
+    engines: {node: '>=0.3.1'}
+    dev: true
+
+  /ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+    dev: false
+
+  /encodeurl@1.0.2:
+    resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
+  /es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.4
+    dev: false
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+    dev: false
+
+  /etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /express@4.19.2:
+    resolution: {integrity: sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==}
+    engines: {node: '>= 0.10.0'}
+    dependencies:
+      accepts: 1.3.8
+      array-flatten: 1.1.1
+      body-parser: 1.20.2
+      content-disposition: 0.5.4
+      content-type: 1.0.5
+      cookie: 0.6.0
+      cookie-signature: 1.0.6
+      debug: 2.6.9
+      depd: 2.0.0
+      encodeurl: 1.0.2
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 1.2.0
+      fresh: 0.5.2
+      http-errors: 2.0.0
+      merge-descriptors: 1.0.1
+      methods: 1.1.2
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      path-to-regexp: 0.1.7
+      proxy-addr: 2.0.7
+      qs: 6.11.0
+      range-parser: 1.2.1
+      safe-buffer: 5.2.1
+      send: 0.18.0
+      serve-static: 1.15.0
+      setprototypeof: 1.2.0
+      statuses: 2.0.1
+      type-is: 1.6.18
+      utils-merge: 1.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /finalhandler@1.2.0:
+    resolution: {integrity: sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      debug: 2.6.9
+      encodeurl: 1.0.2
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.1
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /fresh@0.5.2:
+    resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    dev: false
+
+  /generate-function@2.3.1:
+    resolution: {integrity: sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==}
+    dependencies:
+      is-property: 1.0.2
+    dev: false
+
+  /get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+    dev: false
+
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.2.4
+    dev: false
+
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
+  /has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+    dependencies:
+      es-define-property: 1.0.0
+    dev: false
+
+  /has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+    dev: false
+
+  /http-errors@2.0.0:
+    resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.1
+      toidentifier: 1.0.1
+    dev: false
+
+  /iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: false
+
+  /iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: false
+
+  /ignore-by-default@1.0.1:
+    resolution: {integrity: sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==}
+    dev: true
+
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: false
+
+  /ioredis@5.4.1:
+    resolution: {integrity: sha512-2YZsvl7jopIa1gaePkeMtd9rAcSjOOjPtpcLlOeusyO+XH2SK5ZcT+UCrElPP+WVIInh2TzeI4XW9ENaSLVVHA==}
+    engines: {node: '>=12.22.0'}
+    dependencies:
+      '@ioredis/commands': 1.2.0
+      cluster-key-slot: 1.1.2
+      debug: 4.3.4(supports-color@5.5.0)
+      denque: 2.1.0
+      lodash.defaults: 4.2.0
+      lodash.isarguments: 3.1.0
+      redis-errors: 1.2.0
+      redis-parser: 3.0.0
+      standard-as-callback: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+    dev: false
+
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.3.0
+    dev: true
+
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-property@1.0.2:
+    resolution: {integrity: sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==}
+    dev: false
+
+  /lodash.defaults@4.2.0:
+    resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
+    dev: false
+
+  /lodash.isarguments@3.1.0:
+    resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
+    dev: false
+
+  /long@5.2.3:
+    resolution: {integrity: sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==}
+    dev: false
+
+  /lru-cache@7.18.3:
+    resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /lru-cache@8.0.5:
+    resolution: {integrity: sha512-MhWWlVnuab1RG5/zMRRcVGXZLCXrZTgfwMikgzCegsPnG62yDQo5JnqKkrK4jO5iKqDAZGItAqN5CtKBCBWRUA==}
+    engines: {node: '>=16.14'}
+    dev: false
+
+  /make-error@1.3.6:
+    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    dev: true
+
+  /media-typer@0.3.0:
+    resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /merge-descriptors@1.0.1:
+    resolution: {integrity: sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==}
+    dev: false
+
+  /methods@1.1.2:
+    resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: false
+
+  /mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: false
+
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+    dev: false
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+
+  /ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+    dev: false
+
+  /mysql2@3.9.7:
+    resolution: {integrity: sha512-KnJT8vYRcNAZv73uf9zpXqNbvBG7DJrs+1nACsjZP1HMJ1TgXEy8wnNilXAn/5i57JizXKtrUtwDB7HxT9DDpw==}
+    engines: {node: '>= 8.0'}
+    dependencies:
+      denque: 2.1.0
+      generate-function: 2.3.1
+      iconv-lite: 0.6.3
+      long: 5.2.3
+      lru-cache: 8.0.5
+      named-placeholders: 1.1.3
+      seq-queue: 0.0.5
+      sqlstring: 2.3.3
+    dev: false
+
+  /named-placeholders@1.1.3:
+    resolution: {integrity: sha512-eLoBxg6wE/rZkJPhU/xRX1WTpkFEwDJEN96oxFrTsqBdbT5ec295Q+CoHrL9IT0DipqKhmGcaZmwOt8OON5x1w==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      lru-cache: 7.18.3
+    dev: false
+
+  /negotiator@0.6.3:
+    resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /nodemon@3.1.0:
+    resolution: {integrity: sha512-xqlktYlDMCepBJd43ZQhjWwMw2obW/JRvkrLxq5RCNcuDDX1DbcPT+qT1IlIIdf+DhnWs90JpTMe+Y5KxOchvA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.6.0
+      debug: 4.3.4(supports-color@5.5.0)
+      ignore-by-default: 1.0.1
+      minimatch: 3.1.2
+      pstree.remy: 1.1.8
+      semver: 7.6.2
+      simple-update-notifier: 2.0.0
+      supports-color: 5.5.0
+      touch: 3.1.1
+      undefsafe: 2.0.5
+    dev: true
+
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /object-inspect@1.13.1:
+    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+    dev: false
+
+  /on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      ee-first: 1.1.1
+    dev: false
+
+  /parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
+  /path-to-regexp@0.1.7:
+    resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==}
+    dev: false
+
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
+    dev: false
+
+  /pstree.remy@1.1.8:
+    resolution: {integrity: sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==}
+    dev: true
+
+  /qs@6.11.0:
+    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.6
+    dev: false
+
+  /range-parser@1.2.1:
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /raw-body@2.5.2:
+    resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.0
+      iconv-lite: 0.4.24
+      unpipe: 1.0.0
+    dev: false
+
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /redis-errors@1.2.0:
+    resolution: {integrity: sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==}
+    engines: {node: '>=4'}
+    dev: false
+
+  /redis-parser@3.0.0:
+    resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
+    engines: {node: '>=4'}
+    dependencies:
+      redis-errors: 1.2.0
+    dev: false
+
+  /safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+    dev: false
+
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+    dev: false
+
+  /semver@7.6.2:
+    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dev: true
+
+  /send@0.18.0:
+    resolution: {integrity: sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      debug: 2.6.9
+      depd: 2.0.0
+      destroy: 1.2.0
+      encodeurl: 1.0.2
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 0.5.2
+      http-errors: 2.0.0
+      mime: 1.6.0
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /seq-queue@0.0.5:
+    resolution: {integrity: sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q==}
+    dev: false
+
+  /serve-static@1.15.0:
+    resolution: {integrity: sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      encodeurl: 1.0.2
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 0.18.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+    dev: false
+
+  /setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+    dev: false
+
+  /side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.1
+    dev: false
+
+  /simple-update-notifier@2.0.0:
+    resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
+    engines: {node: '>=10'}
+    dependencies:
+      semver: 7.6.2
+    dev: true
+
+  /sqlstring@2.3.3:
+    resolution: {integrity: sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /standard-as-callback@2.1.0:
+    resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==}
+    dev: false
+
+  /statuses@2.0.1:
+    resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+    dev: false
+
+  /touch@3.1.1:
+    resolution: {integrity: sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==}
+    hasBin: true
+    dev: true
+
+  /ts-node@10.9.2(@types/node@20.12.12)(typescript@5.4.5):
+    resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
+    hasBin: true
+    peerDependencies:
+      '@swc/core': '>=1.2.50'
+      '@swc/wasm': '>=1.2.50'
+      '@types/node': '*'
+      typescript: '>=2.7'
+    peerDependenciesMeta:
+      '@swc/core':
+        optional: true
+      '@swc/wasm':
+        optional: true
+    dependencies:
+      '@cspotcode/source-map-support': 0.8.1
+      '@tsconfig/node10': 1.0.11
+      '@tsconfig/node12': 1.0.11
+      '@tsconfig/node14': 1.0.3
+      '@tsconfig/node16': 1.0.4
+      '@types/node': 20.12.12
+      acorn: 8.11.3
+      acorn-walk: 8.3.2
+      arg: 4.1.3
+      create-require: 1.1.1
+      diff: 4.0.2
+      make-error: 1.3.6
+      typescript: 5.4.5
+      v8-compile-cache-lib: 3.0.1
+      yn: 3.1.1
+    dev: true
+
+  /type-is@1.6.18:
+    resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      media-typer: 0.3.0
+      mime-types: 2.1.35
+    dev: false
+
+  /typescript@5.4.5:
+    resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
+
+  /undefsafe@2.0.5:
+    resolution: {integrity: sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==}
+    dev: true
+
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+    dev: true
+
+  /unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
+  /utils-merge@1.0.1:
+    resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
+    engines: {node: '>= 0.4.0'}
+    dev: false
+
+  /v8-compile-cache-lib@3.0.1:
+    resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
+    dev: true
+
+  /vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+    dev: false
+
+  /yn@3.1.1:
+    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
+    engines: {node: '>=6'}
+    dev: true
diff --git a/Server/tsconfig.json b/Server/tsconfig.json
new file mode 100644
index 0000000..a28f979
--- /dev/null
+++ b/Server/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "commonjs",
+    "strict": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "@plugs/*": ["plugs/*"],
+      "@apis/*": ["apis/*"]
+    }
+  }
+}
diff --git a/tonecn/.vscode/extensions.json b/tonecn/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/tonecn/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/tonecn/README.md b/tonecn/README.md
new file mode 100644
index 0000000..9dc4289
--- /dev/null
+++ b/tonecn/README.md
@@ -0,0 +1,33 @@
+# tonecn
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```
diff --git a/tonecn/auto-imports.d.ts b/tonecn/auto-imports.d.ts
new file mode 100644
index 0000000..78813d8
--- /dev/null
+++ b/tonecn/auto-imports.d.ts
@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
+}
diff --git a/tonecn/components.d.ts b/tonecn/components.d.ts
new file mode 100644
index 0000000..395436e
--- /dev/null
+++ b/tonecn/components.d.ts
@@ -0,0 +1,22 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    Agreement: typeof import('./src/components/Common/Agreement.vue')['default']
+    BlogToolBar: typeof import('./src/components/Blog/BlogToolBar.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    Footer: typeof import('./src/components/Common/Footer.vue')['default']
+    Header: typeof import('./src/components/Common/Header.vue')['default']
+    RotationVerification: typeof import('./src/components/Common/RotationVerification.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}
diff --git a/tonecn/env.d.ts b/tonecn/env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/tonecn/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tonecn/index.html b/tonecn/index.html
new file mode 100644
index 0000000..a888544
--- /dev/null
+++ b/tonecn/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/tonecn/package.json b/tonecn/package.json
new file mode 100644
index 0000000..747d0eb
--- /dev/null
+++ b/tonecn/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "tonecn",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force"
+  },
+  "dependencies": {
+    "axios": "^1.6.8",
+    "element-plus": "^2.7.3",
+    "pinia": "^2.1.7",
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0"
+  },
+  "devDependencies": {
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.12.5",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/tsconfig": "^0.5.1",
+    "npm-run-all2": "^6.1.2",
+    "typescript": "~5.4.0",
+    "unplugin-auto-import": "^0.17.6",
+    "unplugin-vue-components": "^0.27.0",
+    "vite": "^5.2.8",
+    "vue-tsc": "^2.0.11"
+  }
+}
diff --git a/tonecn/pnpm-lock.yaml b/tonecn/pnpm-lock.yaml
new file mode 100644
index 0000000..e12bac3
--- /dev/null
+++ b/tonecn/pnpm-lock.yaml
@@ -0,0 +1,1497 @@
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+dependencies:
+  axios:
+    specifier: ^1.6.8
+    version: 1.6.8
+  element-plus:
+    specifier: ^2.7.3
+    version: 2.7.3(vue@3.4.27)
+  pinia:
+    specifier: ^2.1.7
+    version: 2.1.7(typescript@5.4.5)(vue@3.4.27)
+  vue:
+    specifier: ^3.4.21
+    version: 3.4.27(typescript@5.4.5)
+  vue-router:
+    specifier: ^4.3.0
+    version: 4.3.2(vue@3.4.27)
+
+devDependencies:
+  '@tsconfig/node20':
+    specifier: ^20.1.4
+    version: 20.1.4
+  '@types/node':
+    specifier: ^20.12.5
+    version: 20.12.12
+  '@vitejs/plugin-vue':
+    specifier: ^5.0.4
+    version: 5.0.4(vite@5.2.11)(vue@3.4.27)
+  '@vue/tsconfig':
+    specifier: ^0.5.1
+    version: 0.5.1
+  npm-run-all2:
+    specifier: ^6.1.2
+    version: 6.2.0
+  typescript:
+    specifier: ~5.4.0
+    version: 5.4.5
+  unplugin-auto-import:
+    specifier: ^0.17.6
+    version: 0.17.6
+  unplugin-vue-components:
+    specifier: ^0.27.0
+    version: 0.27.0(vue@3.4.27)
+  vite:
+    specifier: ^5.2.8
+    version: 5.2.11(@types/node@20.12.12)
+  vue-tsc:
+    specifier: ^2.0.11
+    version: 2.0.19(typescript@5.4.5)
+
+packages:
+
+  /@antfu/utils@0.7.8:
+    resolution: {integrity: sha512-rWQkqXRESdjXtc+7NRfK9lASQjpXJu1ayp7qi1d23zZorY+wBHVLHHoVcMsEnkqEBWTFqbztO7/QdJFzyEcLTg==}
+    dev: true
+
+  /@babel/helper-string-parser@7.24.1:
+    resolution: {integrity: sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/helper-validator-identifier@7.24.5:
+    resolution: {integrity: sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/parser@7.24.5:
+    resolution: {integrity: sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.24.5
+
+  /@babel/types@7.24.5:
+    resolution: {integrity: sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.24.1
+      '@babel/helper-validator-identifier': 7.24.5
+      to-fast-properties: 2.0.0
+
+  /@ctrl/tinycolor@3.6.1:
+    resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /@element-plus/icons-vue@2.3.1(vue@3.4.27):
+    resolution: {integrity: sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      vue: 3.4.27(typescript@5.4.5)
+    dev: false
+
+  /@esbuild/aix-ppc64@0.20.2:
+    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm64@0.20.2:
+    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.20.2:
+    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.20.2:
+    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.20.2:
+    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.20.2:
+    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.20.2:
+    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.20.2:
+    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.20.2:
+    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.20.2:
+    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.20.2:
+    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.20.2:
+    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.20.2:
+    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.20.2:
+    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.20.2:
+    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.20.2:
+    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.20.2:
+    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.20.2:
+    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.20.2:
+    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.20.2:
+    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.20.2:
+    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.20.2:
+    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64@0.20.2:
+    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@floating-ui/core@1.6.2:
+    resolution: {integrity: sha512-+2XpQV9LLZeanU4ZevzRnGFg2neDeKHgFLjP6YLW+tly0IvrhqT4u8enLGjLH3qeh85g19xY5rsAusfwTdn5lg==}
+    dependencies:
+      '@floating-ui/utils': 0.2.2
+    dev: false
+
+  /@floating-ui/dom@1.6.5:
+    resolution: {integrity: sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw==}
+    dependencies:
+      '@floating-ui/core': 1.6.2
+      '@floating-ui/utils': 0.2.2
+    dev: false
+
+  /@floating-ui/utils@0.2.2:
+    resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
+    dev: false
+
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.17.1
+    dev: true
+
+  /@rollup/pluginutils@5.1.0:
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.5
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /@rollup/rollup-android-arm-eabi@4.17.2:
+    resolution: {integrity: sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.17.2:
+    resolution: {integrity: sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.17.2:
+    resolution: {integrity: sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.17.2:
+    resolution: {integrity: sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.17.2:
+    resolution: {integrity: sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-musleabihf@4.17.2:
+    resolution: {integrity: sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.17.2:
+    resolution: {integrity: sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.17.2:
+    resolution: {integrity: sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-powerpc64le-gnu@4.17.2:
+    resolution: {integrity: sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.17.2:
+    resolution: {integrity: sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-s390x-gnu@4.17.2:
+    resolution: {integrity: sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.17.2:
+    resolution: {integrity: sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-musl@4.17.2:
+    resolution: {integrity: sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.17.2:
+    resolution: {integrity: sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.17.2:
+    resolution: {integrity: sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-x64-msvc@4.17.2:
+    resolution: {integrity: sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@sxzz/popperjs-es@2.11.7:
+    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
+    dev: false
+
+  /@tsconfig/node20@20.1.4:
+    resolution: {integrity: sha512-sqgsT69YFeLWf5NtJ4Xq/xAF8p4ZQHlmGW74Nu2tD4+g5fAsposc4ZfaaPixVu4y01BEiDCWLRDCvDM5JOsRxg==}
+    dev: true
+
+  /@types/estree@1.0.5:
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+    dev: true
+
+  /@types/lodash-es@4.17.12:
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+    dependencies:
+      '@types/lodash': 4.17.4
+    dev: false
+
+  /@types/lodash@4.17.4:
+    resolution: {integrity: sha512-wYCP26ZLxaT3R39kiN2+HcJ4kTd3U1waI/cY7ivWYqFP6pW3ZNpvi6Wd6PHZx7T/t8z0vlkXMg3QYLa7DZ/IJQ==}
+    dev: false
+
+  /@types/node@20.12.12:
+    resolution: {integrity: sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==}
+    dependencies:
+      undici-types: 5.26.5
+    dev: true
+
+  /@types/web-bluetooth@0.0.16:
+    resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
+    dev: false
+
+  /@vitejs/plugin-vue@5.0.4(vite@5.2.11)(vue@3.4.27):
+    resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      vite: ^5.0.0
+      vue: ^3.2.25
+    dependencies:
+      vite: 5.2.11(@types/node@20.12.12)
+      vue: 3.4.27(typescript@5.4.5)
+    dev: true
+
+  /@volar/language-core@2.2.4:
+    resolution: {integrity: sha512-7As47GndxGxsqqYnbreLrfB5NDUeQioPM2LJKUuB4/34c0NpEJ2byVl3c9KYdjIdiEstWZ9JLtLKNTaPWb5jtA==}
+    dependencies:
+      '@volar/source-map': 2.2.4
+    dev: true
+
+  /@volar/source-map@2.2.4:
+    resolution: {integrity: sha512-m92FLpR9vB1YEZfiZ+bfgpLrToL/DNkOrorWVep3pffHrwwI4Tx2oIQN+sqHJfKkiT5N3J1owC+8crhAEinfjg==}
+    dependencies:
+      muggle-string: 0.4.1
+    dev: true
+
+  /@volar/typescript@2.2.4:
+    resolution: {integrity: sha512-uAQC53tgEbHO62G8NXMfmBrJAlP2QJ9WxVEEQqqK3I6VSy8frL5LbH3hAWODxiwMWixv74wJLWlKbWXOgdIoRQ==}
+    dependencies:
+      '@volar/language-core': 2.2.4
+      path-browserify: 1.0.1
+    dev: true
+
+  /@vue/compiler-core@3.4.27:
+    resolution: {integrity: sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==}
+    dependencies:
+      '@babel/parser': 7.24.5
+      '@vue/shared': 3.4.27
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.0
+
+  /@vue/compiler-dom@3.4.27:
+    resolution: {integrity: sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==}
+    dependencies:
+      '@vue/compiler-core': 3.4.27
+      '@vue/shared': 3.4.27
+
+  /@vue/compiler-sfc@3.4.27:
+    resolution: {integrity: sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==}
+    dependencies:
+      '@babel/parser': 7.24.5
+      '@vue/compiler-core': 3.4.27
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-ssr': 3.4.27
+      '@vue/shared': 3.4.27
+      estree-walker: 2.0.2
+      magic-string: 0.30.10
+      postcss: 8.4.38
+      source-map-js: 1.2.0
+
+  /@vue/compiler-ssr@3.4.27:
+    resolution: {integrity: sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==}
+    dependencies:
+      '@vue/compiler-dom': 3.4.27
+      '@vue/shared': 3.4.27
+
+  /@vue/devtools-api@6.6.1:
+    resolution: {integrity: sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA==}
+    dev: false
+
+  /@vue/language-core@2.0.19(typescript@5.4.5):
+    resolution: {integrity: sha512-A9EGOnvb51jOvnCYoRLnMP+CcoPlbZVxI9gZXE/y2GksRWM6j/PrLEIC++pnosWTN08tFpJgxhSS//E9v/Sg+Q==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@volar/language-core': 2.2.4
+      '@vue/compiler-dom': 3.4.27
+      '@vue/shared': 3.4.27
+      computeds: 0.0.1
+      minimatch: 9.0.4
+      path-browserify: 1.0.1
+      typescript: 5.4.5
+      vue-template-compiler: 2.7.16
+    dev: true
+
+  /@vue/reactivity@3.4.27:
+    resolution: {integrity: sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==}
+    dependencies:
+      '@vue/shared': 3.4.27
+
+  /@vue/runtime-core@3.4.27:
+    resolution: {integrity: sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==}
+    dependencies:
+      '@vue/reactivity': 3.4.27
+      '@vue/shared': 3.4.27
+
+  /@vue/runtime-dom@3.4.27:
+    resolution: {integrity: sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==}
+    dependencies:
+      '@vue/runtime-core': 3.4.27
+      '@vue/shared': 3.4.27
+      csstype: 3.1.3
+
+  /@vue/server-renderer@3.4.27(vue@3.4.27):
+    resolution: {integrity: sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==}
+    peerDependencies:
+      vue: 3.4.27
+    dependencies:
+      '@vue/compiler-ssr': 3.4.27
+      '@vue/shared': 3.4.27
+      vue: 3.4.27(typescript@5.4.5)
+
+  /@vue/shared@3.4.27:
+    resolution: {integrity: sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==}
+
+  /@vue/tsconfig@0.5.1:
+    resolution: {integrity: sha512-VcZK7MvpjuTPx2w6blwnwZAu5/LgBUtejFOi3pPGQFXQN5Ela03FUtd2Qtg4yWGGissVL0dr6Ro1LfOFh+PCuQ==}
+    dev: true
+
+  /@vueuse/core@9.13.0(vue@3.4.27):
+    resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
+    dependencies:
+      '@types/web-bluetooth': 0.0.16
+      '@vueuse/metadata': 9.13.0
+      '@vueuse/shared': 9.13.0(vue@3.4.27)
+      vue-demi: 0.14.7(vue@3.4.27)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@vueuse/metadata@9.13.0:
+    resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
+    dev: false
+
+  /@vueuse/shared@9.13.0(vue@3.4.27):
+    resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
+    dependencies:
+      vue-demi: 0.14.7(vue@3.4.27)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /async-validator@4.2.5:
+    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+    dev: false
+
+  /asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+    dev: false
+
+  /axios@1.6.8:
+    resolution: {integrity: sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==}
+    dependencies:
+      follow-redirects: 1.15.6
+      form-data: 4.0.0
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: 1.0.0
+    dev: false
+
+  /computeds@0.0.1:
+    resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
+    dev: true
+
+  /confbox@0.1.7:
+    resolution: {integrity: sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==}
+    dev: true
+
+  /cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+    dev: true
+
+  /csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  /dayjs@1.11.11:
+    resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
+    dev: false
+
+  /de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+    dev: true
+
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
+  /element-plus@2.7.3(vue@3.4.27):
+    resolution: {integrity: sha512-OaqY1kQ2xzNyRFyge3fzM7jqMwux+464RBEqd+ybRV9xPiGxtgnj/sVK4iEbnKnzQIa9XK03DOIFzoToUhu1DA==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@ctrl/tinycolor': 3.6.1
+      '@element-plus/icons-vue': 2.3.1(vue@3.4.27)
+      '@floating-ui/dom': 1.6.5
+      '@popperjs/core': /@sxzz/popperjs-es@2.11.7
+      '@types/lodash': 4.17.4
+      '@types/lodash-es': 4.17.12
+      '@vueuse/core': 9.13.0(vue@3.4.27)
+      async-validator: 4.2.5
+      dayjs: 1.11.11
+      escape-html: 1.0.3
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21)
+      memoize-one: 6.0.0
+      normalize-wheel-es: 1.2.0
+      vue: 3.4.27(typescript@5.4.5)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+    dev: false
+
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  /esbuild@0.20.2:
+    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.20.2
+      '@esbuild/android-arm': 0.20.2
+      '@esbuild/android-arm64': 0.20.2
+      '@esbuild/android-x64': 0.20.2
+      '@esbuild/darwin-arm64': 0.20.2
+      '@esbuild/darwin-x64': 0.20.2
+      '@esbuild/freebsd-arm64': 0.20.2
+      '@esbuild/freebsd-x64': 0.20.2
+      '@esbuild/linux-arm': 0.20.2
+      '@esbuild/linux-arm64': 0.20.2
+      '@esbuild/linux-ia32': 0.20.2
+      '@esbuild/linux-loong64': 0.20.2
+      '@esbuild/linux-mips64el': 0.20.2
+      '@esbuild/linux-ppc64': 0.20.2
+      '@esbuild/linux-riscv64': 0.20.2
+      '@esbuild/linux-s390x': 0.20.2
+      '@esbuild/linux-x64': 0.20.2
+      '@esbuild/netbsd-x64': 0.20.2
+      '@esbuild/openbsd-x64': 0.20.2
+      '@esbuild/sunos-x64': 0.20.2
+      '@esbuild/win32-arm64': 0.20.2
+      '@esbuild/win32-ia32': 0.20.2
+      '@esbuild/win32-x64': 0.20.2
+    dev: true
+
+  /escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+    dev: false
+
+  /escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  /estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+    dependencies:
+      '@types/estree': 1.0.5
+    dev: true
+
+  /fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /follow-redirects@1.15.6:
+    resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
+  /form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    dev: false
+
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    dev: true
+
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+    dev: true
+
+  /he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+    dev: true
+
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.3.0
+    dev: true
+
+  /is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+    dependencies:
+      hasown: 2.0.2
+    dev: true
+
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /json-parse-even-better-errors@3.0.2:
+    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /local-pkg@0.5.0:
+    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
+    engines: {node: '>=14'}
+    dependencies:
+      mlly: 1.7.0
+      pkg-types: 1.1.1
+    dev: true
+
+  /lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: false
+
+  /lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21):
+    resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
+    peerDependencies:
+      '@types/lodash-es': '*'
+      lodash: '*'
+      lodash-es: '*'
+    dependencies:
+      '@types/lodash-es': 4.17.12
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+    dev: false
+
+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+    dev: false
+
+  /magic-string@0.30.10:
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+    dev: false
+
+  /memorystream@0.3.1:
+    resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
+    engines: {node: '>= 0.10.0'}
+    dev: true
+
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+    dev: false
+
+  /mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: false
+
+  /minimatch@9.0.4:
+    resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /mlly@1.7.0:
+    resolution: {integrity: sha512-U9SDaXGEREBYQgfejV97coK0UL1r+qnF2SyO9A3qcI8MzKnsIFKHNVEkrDyNncQTKQQumsasmeq84eNMdBfsNQ==}
+    dependencies:
+      acorn: 8.11.3
+      pathe: 1.1.2
+      pkg-types: 1.1.1
+      ufo: 1.5.3
+    dev: true
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
+  /muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+    dev: true
+
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize-wheel-es@1.2.0:
+    resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
+    dev: false
+
+  /npm-normalize-package-bin@3.0.1:
+    resolution: {integrity: sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /npm-run-all2@6.2.0:
+    resolution: {integrity: sha512-wA7yVIkthe6qJBfiJ2g6aweaaRlw72itsFGF6HuwCHKwtwAx/4BY1vVpk6bw6lS8RLMsexoasOkd0aYOmsFG7Q==}
+    engines: {node: ^14.18.0 || >=16.0.0, npm: '>= 8'}
+    hasBin: true
+    dependencies:
+      ansi-styles: 6.2.1
+      cross-spawn: 7.0.3
+      memorystream: 0.3.1
+      minimatch: 9.0.4
+      pidtree: 0.6.0
+      read-package-json-fast: 3.0.2
+      shell-quote: 1.8.1
+    dev: true
+
+  /path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+    dev: true
+
+  /path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
+
+  /pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+    dev: true
+
+  /picocolors@1.0.1:
+    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
+  /pinia@2.1.7(typescript@5.4.5)(vue@3.4.27):
+    resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
+    peerDependencies:
+      '@vue/composition-api': ^1.4.0
+      typescript: '>=4.4.4'
+      vue: ^2.6.14 || ^3.3.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@vue/devtools-api': 6.6.1
+      typescript: 5.4.5
+      vue: 3.4.27(typescript@5.4.5)
+      vue-demi: 0.14.7(vue@3.4.27)
+    dev: false
+
+  /pkg-types@1.1.1:
+    resolution: {integrity: sha512-ko14TjmDuQJ14zsotODv7dBlwxKhUKQEhuhmbqo1uCi9BB0Z2alo/wAXg6q1dTR5TyuqYyWhjtfe/Tsh+X28jQ==}
+    dependencies:
+      confbox: 0.1.7
+      mlly: 1.7.0
+      pathe: 1.1.2
+    dev: true
+
+  /postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
+
+  /proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+    dev: false
+
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /read-package-json-fast@3.0.2:
+    resolution: {integrity: sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      json-parse-even-better-errors: 3.0.2
+      npm-normalize-package-bin: 3.0.1
+    dev: true
+
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.13.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rollup@4.17.2:
+    resolution: {integrity: sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+    dependencies:
+      '@types/estree': 1.0.5
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.17.2
+      '@rollup/rollup-android-arm64': 4.17.2
+      '@rollup/rollup-darwin-arm64': 4.17.2
+      '@rollup/rollup-darwin-x64': 4.17.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.17.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.17.2
+      '@rollup/rollup-linux-arm64-gnu': 4.17.2
+      '@rollup/rollup-linux-arm64-musl': 4.17.2
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.17.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.17.2
+      '@rollup/rollup-linux-s390x-gnu': 4.17.2
+      '@rollup/rollup-linux-x64-gnu': 4.17.2
+      '@rollup/rollup-linux-x64-musl': 4.17.2
+      '@rollup/rollup-win32-arm64-msvc': 4.17.2
+      '@rollup/rollup-win32-ia32-msvc': 4.17.2
+      '@rollup/rollup-win32-x64-msvc': 4.17.2
+      fsevents: 2.3.3
+    dev: true
+
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+    dev: true
+
+  /semver@7.6.2:
+    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dev: true
+
+  /shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+    dev: true
+
+  /shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /shell-quote@1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
+    dev: true
+
+  /source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+    engines: {node: '>=0.10.0'}
+
+  /strip-literal@1.3.0:
+    resolution: {integrity: sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==}
+    dependencies:
+      acorn: 8.11.3
+    dev: true
+
+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /typescript@5.4.5:
+    resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  /ufo@1.5.3:
+    resolution: {integrity: sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==}
+    dev: true
+
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+    dev: true
+
+  /unimport@3.7.1:
+    resolution: {integrity: sha512-V9HpXYfsZye5bPPYUgs0Otn3ODS1mDUciaBlXljI4C2fTwfFpvFZRywmlOu943puN9sncxROMZhsZCjNXEpzEQ==}
+    dependencies:
+      '@rollup/pluginutils': 5.1.0
+      acorn: 8.11.3
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.10
+      mlly: 1.7.0
+      pathe: 1.1.2
+      pkg-types: 1.1.1
+      scule: 1.3.0
+      strip-literal: 1.3.0
+      unplugin: 1.10.1
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /unplugin-auto-import@0.17.6:
+    resolution: {integrity: sha512-dmX0Pex5DzMzVuALkexboOZvh51fL/BD6aoPO7qHoTYGlQp0GRKsREv2KMF1lzYI9SXKQiRxAjwzbQnrFFNydQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': ^3.2.2
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@vueuse/core':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.7.8
+      '@rollup/pluginutils': 5.1.0
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.10
+      minimatch: 9.0.4
+      unimport: 3.7.1
+      unplugin: 1.10.1
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /unplugin-vue-components@0.27.0(vue@3.4.27):
+    resolution: {integrity: sha512-77eTEy23sQ0UpzGWnZ9I2mY3cnmXwklz4ITcn3JfxjCoX643ghImkiZ4nFm58sxbdVcc4Fo/o4LIoFnlqEqsSg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/parser': ^7.15.8
+      '@nuxt/kit': ^3.2.2
+      vue: 2 || 3
+    peerDependenciesMeta:
+      '@babel/parser':
+        optional: true
+      '@nuxt/kit':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.7.8
+      '@rollup/pluginutils': 5.1.0
+      chokidar: 3.6.0
+      debug: 4.3.4
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.10
+      minimatch: 9.0.4
+      resolve: 1.22.8
+      unplugin: 1.10.1
+      vue: 3.4.27(typescript@5.4.5)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
+  /unplugin@1.10.1:
+    resolution: {integrity: sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==}
+    engines: {node: '>=14.0.0'}
+    dependencies:
+      acorn: 8.11.3
+      chokidar: 3.6.0
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.6.1
+    dev: true
+
+  /vite@5.2.11(@types/node@20.12.12):
+    resolution: {integrity: sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      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
+    dependencies:
+      '@types/node': 20.12.12
+      esbuild: 0.20.2
+      postcss: 8.4.38
+      rollup: 4.17.2
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /vue-demi@0.14.7(vue@3.4.27):
+    resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.4.27(typescript@5.4.5)
+    dev: false
+
+  /vue-router@4.3.2(vue@3.4.27):
+    resolution: {integrity: sha512-hKQJ1vDAZ5LVkKEnHhmm1f9pMiWIBNGF5AwU67PdH7TyXCj/a4hTccuUuYCAMgJK6rO/NVYtQIEN3yL8CECa7Q==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@vue/devtools-api': 6.6.1
+      vue: 3.4.27(typescript@5.4.5)
+    dev: false
+
+  /vue-template-compiler@2.7.16:
+    resolution: {integrity: sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==}
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+    dev: true
+
+  /vue-tsc@2.0.19(typescript@5.4.5):
+    resolution: {integrity: sha512-JWay5Zt2/871iodGF72cELIbcAoPyhJxq56mPPh+M2K7IwI688FMrFKc/+DvB05wDWEuCPexQJ6L10zSwzzapg==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@volar/typescript': 2.2.4
+      '@vue/language-core': 2.0.19(typescript@5.4.5)
+      semver: 7.6.2
+      typescript: 5.4.5
+    dev: true
+
+  /vue@3.4.27(typescript@5.4.5):
+    resolution: {integrity: sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-sfc': 3.4.27
+      '@vue/runtime-dom': 3.4.27
+      '@vue/server-renderer': 3.4.27(vue@3.4.27)
+      '@vue/shared': 3.4.27
+      typescript: 5.4.5
+
+  /webpack-sources@3.2.3:
+    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /webpack-virtual-modules@0.6.1:
+    resolution: {integrity: sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==}
+    dev: true
+
+  /which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
diff --git a/tonecn/public/favicon.ico b/tonecn/public/favicon.ico
new file mode 100644
index 0000000..df36fcf
Binary files /dev/null and b/tonecn/public/favicon.ico differ
diff --git a/tonecn/src/App.vue b/tonecn/src/App.vue
new file mode 100644
index 0000000..7b47a39
--- /dev/null
+++ b/tonecn/src/App.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
+import HeaderVue from '@/components/Common/Header.vue'
+import FooterVue from '@/components/Common/Footer.vue'
+</script>
+
+<template>
+  <header>
+    <HeaderVue />
+  </header>
+  <main>
+    <RouterView />
+    <FooterVue />
+  </main>
+</template>
diff --git a/tonecn/src/assets/logo.jpg b/tonecn/src/assets/logo.jpg
new file mode 100644
index 0000000..46d8972
Binary files /dev/null and b/tonecn/src/assets/logo.jpg differ
diff --git a/tonecn/src/assets/main.css b/tonecn/src/assets/main.css
new file mode 100644
index 0000000..3f0eeb8
--- /dev/null
+++ b/tonecn/src/assets/main.css
@@ -0,0 +1,15 @@
+body{
+  margin: 0 0;
+  padding: 0 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+#app {
+  margin: 0 0;
+  padding: 0 0;
+}
+
+a {
+  text-decoration: none;
+  color: #000;
+}
diff --git a/tonecn/src/components/Blog/BlogToolBar.vue b/tonecn/src/components/Blog/BlogToolBar.vue
new file mode 100644
index 0000000..58020af
--- /dev/null
+++ b/tonecn/src/components/Blog/BlogToolBar.vue
@@ -0,0 +1,201 @@
+<script setup>
+import { Star, Edit, StarFilled, Watch } from '@element-plus/icons-vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import FingerprintJS from '@fingerprintjs/fingerprintjs';
+import { useRoute } from 'vue-router';
+import { request } from '@/lib/request';
+import { ElMessage, ElMessageBox } from 'element-plus';
+let showToolBar = defineModel();
+const emit = defineEmits(['loadComment'])
+watch(showToolBar, (newData, oldData) => {
+    if (newData)
+        isScrollingUp.value = true;
+})
+const route = useRoute();
+const uuid = route.params.uuid;
+let input_comment = ref('')
+let input_comment_name = ref('')
+let isStarted = ref(false)
+let fgId;
+let CommentDialogVisible = ref(false)
+let isScrollingUp = ref(true);
+onMounted(async () => {
+    window.addEventListener('wheel', handleWheel);
+
+    const fp = await FingerprintJS.load();
+    const result = await fp.get();
+    fgId = result.visitorId;
+});
+onUnmounted(() => {
+    window.removeEventListener('wheel', handleWheel);
+});
+function handleWheel(event) {
+    // deltaY > 0 表示向下滚动，deltaY < 0 表示向上滚动
+    isScrollingUp.value = event.deltaY < 0;
+    showToolBar.value = isScrollingUp.value;
+}
+
+let blogLike = async () => {
+    if (isStarted.value) {
+        ElMessage({
+            message: '你已经点过赞啦！',
+            type: 'success',
+        })
+        return;
+    }
+    let res = await ServerAPI.async_getRequest(`BlogLike?uuid=${uuid}&fgId=${fgId}`);
+    try {
+        if (res && res.status == 'OK') {
+            if (res.code == 1) {
+                // 点赞成功
+                isStarted.value = true;
+                ElMessage({
+                    message: '点赞成功！',
+                    type: 'success',
+                })
+            } else if (res.code == 0) {
+                // 重复点赞
+                isStarted.value = true;
+                ElMessage({
+                    message: '你已经点过赞啦！',
+                    type: 'success',
+                })
+            }
+        } else {
+            throw new Error('点赞失败')
+        }
+    } catch (error) {
+        // 网络错误等原因
+        console.log(error)
+        ElMessage({
+            message: '点赞失败',
+            type: 'error',
+        })
+    }
+}
+// 评论按钮触发事件
+let blogComment = async () => {
+    if (!input_comment.value) {
+        ElMessage({
+            message: '请先填写评论内容呀～',
+            type: 'warning'
+        })
+        return;
+    }
+    if (input_comment.value.length >= 65535) {
+        ElMessage({
+            message: '评论内容太长啦～',
+            type: 'warning'
+        })
+        return;
+    }
+    CommentDialogVisible.value = true;
+}
+// 提交评论
+let sendComment = async () => {
+    if (input_comment_name.value.length >= 255) {
+        ElMessage({
+            message: '昵称太长啦～',
+            type: 'warning'
+        })
+        return;
+    }
+    let res = await ServerAPI.async_postRequest(`PostBlogComment`, {
+        'uuid': uuid,
+        'fgId': fgId,
+        'comment': input_comment.value,
+        'comment_name': input_comment_name.value ? input_comment_name.value : '匿名',
+    });
+    try {
+        if (res && res.status == 'OK') {
+            if (res.code == 1) {
+                // 评论成功
+                ElMessage({
+                    message: '评论成功！',
+                    type: 'success',
+                })
+                CommentDialogVisible.value = false;
+                // 重新加载评论区内容
+                emit('loadComment');
+                return;
+            } else if (res.code == 0) {
+                // 评论3次机会用完
+                ElMessage({
+                    message: '您的评论次数已达上限',
+                    type: 'warning',
+                })
+                CommentDialogVisible.value = false;
+                return;
+            }
+        }
+        throw new Error('评论失败')
+    } catch (error) {
+        // 网络错误等原因
+        console.log(error)
+        ElMessage({
+            message: '评论失败',
+            type: 'error',
+        })
+        CommentDialogVisible.value = false;
+    }
+}
+</script>
+<template>
+    <transition name="el-zoom-in-bottom">
+        <div class="tool-bar-container" v-show="isScrollingUp">
+            <div class="tool-bar">
+                <el-input v-model="input_comment" autosize type="textarea" class="input-comment"
+                    placeholder="快来留下你的评论吧～" clearable />
+                <el-button type="primary" :icon="Edit" class="button" circle @click="blogComment"></el-button>
+                <el-button type="danger" :icon="isStarted ? StarFilled : Star" class="button" @click="blogLike"
+                    circle></el-button>
+            </div>
+            <el-dialog v-model="CommentDialogVisible" title="提示">
+                <div style="display: flex;flex-direction: column;gap: 5px;">
+                    <div>每篇文章最多可发布3条评论，确认要现在发布吗？</div>
+                    <div>另外，您可选择留下昵称：</div>
+                    <el-input v-model="input_comment_name" placeholder="昵称（可选）" />
+                </div>
+                <template #footer>
+                    <div class="dialog-footer">
+                        <el-button @click="CommentDialogVisible = false">取消</el-button>
+                        <el-button type="primary" @click="sendComment">确认</el-button>
+                    </div>
+                </template>
+            </el-dialog>
+        </div>
+    </transition>
+</template>
+<style scoped>
+.tool-bar-container {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    /* height: 60px; */
+    background-color: #ffffff;
+    box-shadow: 0px 0px 9px 1px #ddd;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.tool-bar {
+    width: 100%;
+    max-width: 600px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 12px 20px;
+}
+
+.input-comment {
+    margin-right: 12px;
+}
+
+@media screen and (max-width: 570px) {
+    .button {
+        background-color: none;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/components/Common/Agreement.vue b/tonecn/src/components/Common/Agreement.vue
new file mode 100644
index 0000000..4000b06
--- /dev/null
+++ b/tonecn/src/components/Common/Agreement.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+
+</script>
+<template>
+<div @click="$emit('closeAgreement')" class="agreement-bcc">
+    <div class="agreement-container" onclick="event.stopPropagation()">
+        <div class="title">网站使用协议</div>
+        <li class="content">欢迎使用本网站。在使用本网站之前，请仔细阅读以下使用协议。</li>
+        <li class="content">关于网站：本网站是个人创建和维护的，主要用于收藏各类资源和工具，编写关于合法计算机技术的日记，并提供与我交流的联系方式。</li>
+        <li class="content">资源收藏声明：本网站的“个人收藏资源”“个人收藏工具”栏目包含但不限于第三方链接，这些资源仅供个人学习和参考。本站对这些第三方链接及其内容不作任何形式的推广或认可。链接内容、观点或相关信息归原作者或所有者所有，与本网站无关。</li>
+        <li class="content">风险和责任：访问者在使用这些第三方链接时，应自行判断其内容的适用性，并自行承担相关风险。本网站及其所有者不承担因使用这些链接而产生的任何直接或间接损失的责任。</li>
+        <li class="content">内容和交流：本网站的日记部分包含对合法计算机技术的个人见解和经验分享。访问者可以通过提供的联系方式与我就计算机技术话题进行合法交流。</li>
+        <li class="content">版权和知识产权：本网站的内容，包括文本、图像和代码，除非另有声明，均为本网站所有者个人创作并拥有版权。未经许可，不得复制、分发或以其他方式使用这些内容。</li>
+        <li class="content">同意协议：通过使用或浏览本网站，您表示您已阅读、理解并同意遵守本协议的条款。如果您不同意本协议的任何部分，请<u>停止使用</u>本网站。</li>
+        <li class="content">变更和更新：本网站的所有者保留随时更新或修改本使用协议的权利。任何此类更改将在本网站上发布并生效。</li>
+        <div class="subtitle">本使用协议的目的是确保网站的有效运行并保护访问者及网站所有者的合法权益。感谢您的理解和支持。</div>
+    </div>
+</div>
+</template>
+<style scoped>
+.agreement-bcc{
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.15);
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+}
+.agreement-container{
+    height: 75%;
+    width: 80%;
+    max-width: 700px;
+    padding: 40px;
+    border-radius: 12px;
+    box-sizing: border-box;
+    margin: auto;
+    background-color: #fff;
+    overflow-y: scroll;
+    transition: all 0.4s;
+}
+.agreement-container>.title{
+    font-size: 42px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #ddd;
+    margin-bottom: 20px;
+    transition: all 0.4s;
+}
+.agreement-container>.subtitle{
+    font-size: 18px;
+    color: #666;
+    margin-top: 20px;
+    transition: all 0.4s;
+}
+.agreement-container>.content{
+    font-size: 14px;
+    font-weight: 600;
+    margin: 15px 0;
+    line-height: 20px;
+}
+.agreement-container>.content>u{
+    text-decoration-thickness: 2px;
+    text-underline-offset: 3px;
+}
+@media screen and (max-width: 450px) {
+    .agreement-container{
+        padding: 25px;
+    }
+    .agreement-container>.title{
+        font-size: 28px;
+    }
+    .agreement-container>.subtitle{
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/components/Common/Footer.vue b/tonecn/src/components/Common/Footer.vue
new file mode 100644
index 0000000..d236d69
--- /dev/null
+++ b/tonecn/src/components/Common/Footer.vue
@@ -0,0 +1,162 @@
+<script setup lang="ts">
+import copyText from '@/lib/copyText';
+
+let copyTextwithMsg = (text : string) => {
+    if(copyText(text)){
+        ElMessage({
+            message: '复制成功',
+            type: 'success',
+        })
+    }else{
+        ElMessage({
+            message: '复制失败',
+            type: 'error',
+        })
+    }
+}
+</script>
+<template>
+    <div class="footer-divider"></div>
+    <div class="footer-container">
+        <div class="left-container">
+            <a href="https://beian.miit.gov.cn/">
+                <div class="fillings">备案号：渝ICP备2023009516号-1</div>
+            </a>
+            <div class="copyright">Copyright ©2020-2024 TONE All Rights Reserved.</div>
+        </div>
+        <div class="right-container">
+            <el-popover trigger="click" placement="top" :width="160">
+                <p>QQ号：3341154833</p>
+                <div style="text-align: center; margin: 0">
+                    <el-button size="small" type="primary" @click="copyTextwithMsg('3341154833')">复制</el-button>
+                </div>
+                <template #reference>
+                    <div class="icon">
+                        <svg t="1705909811918" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" p-id="5851" width="24" height="24">
+                            <path
+                                d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z"
+                                p-id="5852" fill="#8a8a8a"></path>
+                        </svg>
+                    </div>
+                </template>
+            </el-popover>
+            <el-popover trigger="click" placement="top" :width="130">
+                <p>微信号：tone0121</p>
+                <div style="text-align: center; margin: 0">
+                    <el-button size="small" type="primary" @click="copyTextwithMsg('tone0121')">复制</el-button>
+                </div>
+                <template #reference>
+                    <div class="icon">
+                        <svg t="1705909888071" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" p-id="7135" width="24" height="24">
+                            <path
+                                d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z"
+                                fill="#8a8a8a" p-id="7136"></path>
+                        </svg>
+                    </div>
+                </template>
+            </el-popover>
+            <el-popover trigger="click" placement="top" :width="180">
+                <p>邮箱号：3341154833@qq.com</p>
+                <div style="text-align: center; margin: 0">
+                    <el-button size="small" type="primary" @click="copyTextwithMsg('3341154833@qq.com')">复制</el-button>
+                </div>
+                <template #reference>
+                    <div class="icon">
+                        <svg t="1705909952800" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" p-id="8336" width="24" height="24">
+                            <path
+                                d="M677.288 536.903l-167.315 156.052-170.532-156.052-246.146 230.058h831.748l-247.756-230.058zM954.002 287.541v423.114l-238.1-209.145 238.1-213.969zM64.336 290.756l231.666 212.361-231.666 207.534v-419.895zM93.294 234.45l418.287 389.33 413.461-389.33h-831.748z"
+                                fill="#8a8a8a" p-id="8337"></path>
+                        </svg>
+                    </div>
+                </template>
+            </el-popover>
+            <a class="icon" href="https://github.com/tonecn">
+                <svg t="1705909977594" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                    xmlns="http://www.w3.org/2000/svg" p-id="9342" width="24" height="24">
+                    <path
+                        d="M511.957333 21.333333C241.024 21.333333 21.333333 240.981333 21.333333 512c0 216.832 140.544 400.725333 335.573334 465.664 24.490667 4.394667 32.256-10.069333 32.256-23.082667 0-11.690667 0.256-44.245333 0-85.205333-136.448 29.610667-164.736-64.64-164.736-64.64-22.314667-56.704-54.4-71.765333-54.4-71.765333-44.586667-30.464 3.285333-29.824 3.285333-29.824 49.194667 3.413333 75.178667 50.517333 75.178667 50.517333 43.776 75.008 114.816 53.333333 142.762666 40.789333 4.522667-31.658667 17.152-53.376 31.189334-65.536-108.970667-12.458667-223.488-54.485333-223.488-242.602666 0-53.546667 19.114667-97.322667 50.517333-131.669334-5.034667-12.330667-21.930667-62.293333 4.778667-129.834666 0 0 41.258667-13.184 134.912 50.346666a469.802667 469.802667 0 0 1 122.88-16.554666c41.642667 0.213333 83.626667 5.632 122.88 16.554666 93.653333-63.488 134.784-50.346667 134.784-50.346666 26.752 67.541333 9.898667 117.504 4.864 129.834666 31.402667 34.346667 50.474667 78.122667 50.474666 131.669334 0 188.586667-114.730667 230.016-224.042666 242.090666 17.578667 15.232 33.578667 44.672 33.578666 90.453334v135.850666c0 13.141333 7.936 27.605333 32.853334 22.869334C862.250667 912.597333 1002.666667 728.746667 1002.666667 512 1002.666667 240.981333 783.018667 21.333333 511.957333 21.333333z"
+                        p-id="9343" fill="#8a8a8a"></path>
+                </svg>
+            </a>
+        </div>
+    </div>
+</template>
+<style scoped>
+.footer-divider {
+    height: 1px;
+    width: 100%;
+    background-color: #eee;
+}
+
+.footer-container {
+    /* height: 100%; */
+    height: 100px;
+    width: 100%;
+    margin: 0 auto;
+    max-width: 1170px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.left-container {
+    font-size: 12px;
+    margin-left: 25px;
+    cursor: default;
+}
+
+.fillings {
+    margin-bottom: 5px;
+    cursor: pointer;
+}
+
+.right-container {
+    margin-right: 25px;
+    display: flex;
+}
+
+.right-container>.icon {
+    cursor: pointer;
+    margin: 0 8px;
+    width: 30px;
+    height: 30px;
+    /* background-color: #aaa; */
+    border: 1.5px solid #eee;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 10px;
+    transition: background-color 0.3s;
+}
+
+.right-container>.icon:hover {
+    background-color: #eee;
+}
+
+.right-container>.icon>.icon {
+    width: 20px;
+    height: 20px;
+}
+
+@media screen and (max-width: 550px) {
+    .footer-container {
+        flex-direction: column;
+        align-items: center;
+        justify-content: flex-start;
+        margin-bottom: 20px;
+    }
+
+    .left-container {
+        margin: 20px 0px;
+        margin-bottom: 10px;
+        text-align: center;
+    }
+
+    .right-container {
+        margin: 0 0;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/components/Common/Header.vue b/tonecn/src/components/Common/Header.vue
new file mode 100644
index 0000000..bc3b284
--- /dev/null
+++ b/tonecn/src/components/Common/Header.vue
@@ -0,0 +1,180 @@
+<script setup lang="ts">
+
+</script>
+<template>
+    <div class="main-container">
+        <div class="header-container">
+            <div class="header-left">
+                <div>
+                    <RouterLink :to="{ name: 'home' }" v-if="$route.name == 'home'">
+                        <div class="emoji">🍭</div>
+                    </RouterLink>
+                    <RouterLink :to="{ name: 'home' }" v-else>
+                        <div class="title">特恩(TONE)</div>
+                    </RouterLink>
+                </div>
+                <div class="more" tabindex="0" id="header-more">
+                    <svg t="1705913460674" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                        xmlns="http://www.w3.org/2000/svg" p-id="10513" width="20" height="20">
+                        <path
+                            d="M150.528 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0zM519.168 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0zM887.808 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0z"
+                            p-id="10514"></path>
+                    </svg>
+                </div>
+            </div>
+            <div class="header-right header-right-hidden" id="header-right">
+                <div class="link-list">
+                    <RouterLink :to="{ name: 'resource' }" v-show="true">
+                        <div class="link" :class="{ 'link-chosen': $route.name === 'resource' }">资源</div>
+                    </RouterLink>
+                    <RouterLink :to="{ name: 'download' }" v-show="true">
+                        <div class="link" :class="{ 'link-chosen': $route.name === 'download' }">下载</div>
+                    </RouterLink>
+                    <RouterLink :to="{ name: 'blog' }" v-show="true">
+                        <div class="link" :class="{ 'link-chosen': $route.name === 'blog' }">博客</div>
+                    </RouterLink>
+                    <RouterLink :to="{ name: 'login' }" v-show="true">
+                        <div class="link" :class="{ 'link-chosen': $route.name === 'login' || $route.name === 'dashboard'}">控制台</div>
+                    </RouterLink>
+                </div>
+            </div>
+        </div>
+        <div class="header-divider"></div>
+    </div>
+    <div class="main-container-block"></div>
+</template>
+<style scoped>
+.main-container {
+    /* height: 69px; */
+    z-index: 500;
+    width: 100%;
+    position: fixed;
+    backdrop-filter: blur(5px);
+    -webkit-backdrop-filter: blur(5px);
+    background-color: rgba(255, 255, 255, 0.6);
+}
+
+.header-container {
+    /* height: 100%; */
+    width: 100%;
+    margin: 0 auto;
+    padding: 22px 0;
+    max-width: 1170px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    transition: padding 0.2s;
+}
+
+.header-left,
+.header-right {
+    margin: 0 25px;
+}
+
+.header-left .emoji {
+    font-size: 25px;
+    cursor: pointer;
+}
+
+.header-left .title {
+    /* 因为棒棒糖的高度为35，需要保持统一 */
+    height: 35px;
+    line-height: 35px;
+    font-size: 18px;
+    font-weight: 600;
+    letter-spacing: 5px;
+    cursor: pointer;
+    color: #333;
+}
+
+.header-left .more {
+    /* 因为棒棒糖的高度为35，需要保持统一 */
+    height: 35px;
+    display: none;
+}
+
+.link-list {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}
+
+.link-list .link {
+    margin: 0 20px;
+    cursor: pointer;
+    color: #666;
+    transition: color 0.2s;
+    border-bottom: 3px solid rgba(0, 0, 0, 0);
+}
+
+.link-list .link:hover {
+    color: #000;
+}
+
+.link-list .link-chosen {
+    border-bottom: 3px solid #e03ebf;
+}
+
+.header-divider {
+    height: 1px;
+    width: 100%;
+    background-color: #eee;
+}
+
+.main-container-block {
+    height: 80px;
+    width: 100%;
+    transition: height 0.2s;
+    /* background-color: #fff; */
+}
+
+@media screen and (max-width: 800px) {
+    .header-container {
+        padding: 15px 0;
+    }
+
+    .main-container-block {
+        height: 65px;
+    }
+
+    .header-container {
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: flex-start;
+    }
+
+    .header-left {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .header-left .more {
+        display: flex;
+        align-content: center;
+        flex-wrap: wrap;
+        margin-right: 50px;
+        cursor: pointer;
+    }
+
+    .header-right-hidden {
+        display: none;
+    }
+
+    .header-right {
+        /* width: 100%; */
+        margin-top: 15px;
+    }
+
+    .link-list {
+        display: flex;
+        flex-direction: column;
+        margin: 20px 10px;
+    }
+
+    .link-list .link {
+        font-size: 23px;
+        margin-top: 10px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/components/Common/RotationVerification.vue b/tonecn/src/components/Common/RotationVerification.vue
new file mode 100644
index 0000000..b6dee71
--- /dev/null
+++ b/tonecn/src/components/Common/RotationVerification.vue
@@ -0,0 +1,259 @@
+<script setup>
+import ServerSDK from '@/assets/ServerSDK';
+import { onBeforeMount, onMounted, ref } from 'vue';
+let imageBase64 = ref('');
+const emit = defineEmits(['fail', 'success'])
+let onVerifying = ref(false);
+let onVerifyFail = ref(false);
+onBeforeMount(async () => {
+    try {
+        let res = await ServerSDK.GetRotationVerification();
+        imageBase64.value = res;
+    } catch (error) {
+        console.log("获取图像验证码失败："+error);
+        emit('fail');
+    }
+})
+onMounted(() => {
+    let slider = document.getElementById('RV-slider');
+    let imageEle = document.getElementById('RV-image');
+    let isDragging = false;// 正在移动标志位
+    let silderMoveable = true;// 是否可以开始移动标识位
+    let startX;
+    let deltaX;// 拖动距离
+    slider.addEventListener('mousedown', function(e) {
+        if(silderMoveable)
+        {
+            isDragging = true;
+            startX = e.clientX;
+            onVerifyFail.value = false;
+        }
+    })
+
+    slider.addEventListener('touchstart', function(e) {
+        if(silderMoveable) {
+            e.preventDefault();
+            isDragging = true;
+            startX = e.touches[0].clientX;
+            onVerifyFail.value = false;
+        }
+    }, { passive: false });
+
+    document.addEventListener('mousemove', function(e) {
+        if (isDragging) {
+            silderMoveable = false;// 产生了位移，则需等待验证后才可再次移动
+            deltaX = e.clientX - startX;
+            // 对位移距离限幅
+            if(deltaX < 0)
+                deltaX = 0;
+            if(deltaX > 200)
+                deltaX = 200;
+            // 调整滑块条位置样式
+            slider.style.transform = ` translateX(${deltaX}px)`;
+            // 调整图片旋转样式 （200 -> 360）映射 y = 9/5x
+            imageEle.style.transform = `rotate(${deltaX*9/5}deg)`
+        }
+    });
+
+    document.addEventListener('touchmove', function(e) {
+        if (isDragging) {
+            e.preventDefault();
+            silderMoveable = false;
+            deltaX = e.touches[0].clientX - startX;
+            if(deltaX < 0) deltaX = 0;
+            if(deltaX > 200) deltaX = 200;
+            slider.style.transform = `translateX(${deltaX}px)`;
+            imageEle.style.transform = `rotate(${deltaX*9/5}deg)`;
+        }
+    }, { passive: false });
+
+
+    document.addEventListener('mouseup', async () => {
+        if(isDragging)
+        {
+            isDragging = false;
+            if(!deltaX)
+            {
+                silderMoveable = true;// 位移距离为0，无需验证可以继续移动
+            }else{
+                try {
+                    onVerifying.value = true;
+                    let res = await ServerSDK.CheckRotationVerification(deltaX * 9 / 5);
+                    switch (res) {
+                        case 1:
+                            // 验证成功
+                            emit('success');
+                            break;
+                        case -2:
+                            // 可以再试一次
+                            onVerifyFail.value = true;
+                            slider.style.transition = "transform 0.6s";
+                            slider.style.transform = "translateX(0px)";
+                            imageEle.style.transition = "transform 0.6s";
+                            imageEle.style.transform = "rotate(0deg)";
+                            setTimeout(() => {
+                                isDragging = false;
+                                silderMoveable = true;
+                                slider.style.transition = "transform 0s";
+                                imageEle.style.transition = "transform 0s";
+                            }, 600);
+                            break;
+                        case -1:
+                            console.log('验证次数过多，请重试')
+                            emit('fail');
+                            break;
+                        default:
+                            // 大概率是0，过期和不存在
+                            console.log('验证session过期或不存在')
+                            emit('fail');
+                            break;
+                        }
+                } catch (error) {
+                    console.log("图像验证码错误："+error);
+                    emit('fail');
+                }finally{
+                    onVerifying.value = false;
+                }
+            }
+        }
+    });
+
+    document.addEventListener('touchend', async () => {
+        if(isDragging)
+        {
+            isDragging = false;
+            if(!deltaX)
+            {
+                silderMoveable = true;// 位移距离为0，无需验证可以继续移动
+            }else{
+                try {
+                    onVerifying.value = true;
+                    let res = await ServerSDK.CheckRotationVerification(deltaX * 9 / 5);
+                    switch (res) {
+                        case 1:
+                            // 验证成功
+                            emit('success');
+                            break;
+                        case -2:
+                            // 可以再试一次
+                            onVerifyFail.value = true;
+                            slider.style.transition = "transform 0.6s";
+                            slider.style.transform = "translateX(0px)";
+                            imageEle.style.transition = "transform 0.6s";
+                            imageEle.style.transform = "rotate(0deg)";
+                            setTimeout(() => {
+                                isDragging = false;
+                                silderMoveable = true;
+                                slider.style.transition = "transform 0s";
+                                imageEle.style.transition = "transform 0s";
+                            }, 600);
+                            break;
+                        case -1:
+                            console.log('验证次数过多，请重试')
+                            emit('fail');
+                            break;
+                        default:
+                            // 大概率是0，过期和不存在
+                            console.log('验证session过期或不存在')
+                            emit('fail');
+                            break;
+                        }
+                } catch (error) {
+                    console.log("图像验证码错误："+error);
+                    emit('fail');
+                }finally{
+                    onVerifying.value = false;
+                }
+            }
+        }
+    });
+})
+
+</script>
+<template>
+<transition name="el-fade-in-linear">
+<div class="verification-bcc" @click="$emit('fail')">
+    <div class="verification-container" onclick="event.stopPropagation()">
+        <div class="title">安全验证</div>
+        <div class="subtitle">{{ onVerifying ? "正在验证，请稍后..." : (onVerifyFail?"验证失败，请再试一次":"拖动滑块，使图片角度为水平") }}</div>
+        <div class="image-container">
+            <img :src="imageBase64" alt="" id="RV-image">
+        </div>
+        <div class="slide-container">
+            <div class="slider" id="RV-slider">
+                <svg t="1706696449802" class="icon" viewBox="0 0 1024 1024" fill="#666" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1924" width="18" height="18"><path d="M567.32505 547.18536c20.970614-21.479197 20.970614-56.307424 0-77.790714L185.251168 77.115332c-20.971637-21.47715-54.975079-21.47715-75.948763 0-20.973684 21.484314-20.973684 56.30947 0 77.793784l344.188016 353.383446-344.188016 353.384469c-20.973684 21.484314-20.973684 56.311517 0 77.79276 20.971637 21.482267 54.975079 21.482267 75.948763 0l382.072858-392.280337 0.001024-0.004094zM440.60802 154.908092l344.18597 353.383446-344.18597 353.385493c-20.973684 21.484314-20.973684 56.311517 0 77.79276 20.972661 21.482267 54.975079 21.482267 75.949786 0l382.074905-392.281361c20.966521-21.478174 20.966521-56.307424 0-77.790714L516.555759 77.115332c-20.972661-21.47715-54.975079-21.47715-75.949786 0-20.971637 21.48329-20.971637 56.30947 0.002047 77.79276z" p-id="1925"></path></svg>
+            </div>
+        </div>
+    </div>
+</div>
+</transition>
+</template>
+<style scoped>
+.verification-bcc{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: #00000022;
+    z-index: 2000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.verification-container{
+    width: 300px;
+    height: 400px;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border-radius: 15px;
+}
+.verification-container>.title{
+    margin-top: 25px;
+    color: #888;
+}
+.verification-container>.subtitle{
+    margin-top: 8px;
+}
+.verification-container>.image-container{
+    display: flex;
+    margin-top: 28px;
+    width: 160px;
+    height: 160px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.verification-container>.image-container>img{
+    width: 226px;
+    height: 226px;
+    transform: rotate(0deg);
+    background-color: gray;
+}
+.verification-container>.slide-container{
+    width: 240px;
+    height: 40px;
+    border-radius: 20px;
+    background-color: #eeeeee;
+    margin-top: 25px;
+    display: flex;
+    align-items: center;
+}
+.verification-container>.slide-container>.slider{
+    width: 45px;
+    height: 45px;
+    background-color: #fff;
+    border-radius: 50%;
+    box-shadow: 0px 1px 5px 3px #ccc;
+    text-align: center;
+    line-height: 50px;
+    cursor: pointer;
+    position: relative;
+    transform: translateX(0);
+}
+
+</style>
\ No newline at end of file
diff --git a/tonecn/src/lib/copyText.ts b/tonecn/src/lib/copyText.ts
new file mode 100644
index 0000000..548e1ad
--- /dev/null
+++ b/tonecn/src/lib/copyText.ts
@@ -0,0 +1,27 @@
+/**
+ * 
+ * @param textToCopy 需要被复制的文本
+ * @returns 成功返回 true, 不成功返回 false
+ */
+const copyText = (textToCopy: string): boolean => {
+    // 创建一个<textarea>元素，将文本放入其中
+    const textArea = document.createElement("textarea");
+    textArea.value = textToCopy;
+    // 将<textarea>元素添加到DOM中
+    document.body.appendChild(textArea);
+    // 选择<textarea>元素中的文本
+    textArea.select();
+    let copyStatus = false; // true成功, false失败
+    try {
+        // 尝试将选定的文本复制到剪贴板
+        document.execCommand("copy");
+        copyStatus = true;
+    } catch (err) {
+        console.error("复制文本失败：", err);
+    }
+    // 从DOM中移除<textarea>元素
+    document.body.removeChild(textArea);
+    return copyStatus;
+}
+
+export default copyText;
\ No newline at end of file
diff --git a/tonecn/src/lib/request.ts b/tonecn/src/lib/request.ts
new file mode 100644
index 0000000..28fcc82
--- /dev/null
+++ b/tonecn/src/lib/request.ts
@@ -0,0 +1,23 @@
+import axios from "axios";
+
+axios.defaults.baseURL = "http://localhost:8080";
+
+interface ResponseData<T> {
+  code: number;
+  msg: string;
+  data: T;
+}
+
+axios.interceptors.response.use((response) => {
+   // 确保响应数据符合ResponseData接口的结构
+   const responseData: ResponseData<any> = response.data;
+   // 根据code值做不同的处理
+   if (responseData.code === 200) { // 假设200为成功的code
+     return responseData.data; // 当成功时，只返回data字段
+   } else {
+     // 当不成功时，抛出整个responseData或创建一个Error对象
+     throw new Error(`请求错误: ${responseData.msg}`);
+   }
+});
+
+export { axios as request };
\ No newline at end of file
diff --git a/tonecn/src/main.ts b/tonecn/src/main.ts
new file mode 100644
index 0000000..5dcad83
--- /dev/null
+++ b/tonecn/src/main.ts
@@ -0,0 +1,14 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/tonecn/src/router/index.ts b/tonecn/src/router/index.ts
new file mode 100644
index 0000000..73f8dea
--- /dev/null
+++ b/tonecn/src/router/index.ts
@@ -0,0 +1,42 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: HomeView
+    },
+    {
+      path: '/resource',
+      name: 'resource',
+      component: () => import('../views/Resource.vue')
+    },
+    {
+      path: '/download',
+      name: 'download',
+      component: () => import('../views/Download.vue')
+    },
+    {
+      path: '/blog',
+      name: 'blog',
+      component: () => import('../views/Blog.vue')
+    },
+    {
+      path: '/console',
+      name: 'console',
+      component: () => import('../views/Console/Console.vue'),
+      children: [
+        {
+          path: 'login',
+          name: 'login',
+          component: () => import('../views/Console/Login.vue')
+        },
+      ],
+    }
+  ]
+})
+
+export default router
diff --git a/tonecn/src/stores/counter.ts b/tonecn/src/stores/counter.ts
new file mode 100644
index 0000000..b6757ba
--- /dev/null
+++ b/tonecn/src/stores/counter.ts
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})
diff --git a/tonecn/src/views/Blog.vue b/tonecn/src/views/Blog.vue
new file mode 100644
index 0000000..5b6ae29
--- /dev/null
+++ b/tonecn/src/views/Blog.vue
@@ -0,0 +1,110 @@
+<script setup>
+// import ServerAPI from '@/assets/ServerAPI';
+// import router from '@/router';
+// import { nextTick, onBeforeMount, onMounted, reactive, ref } from 'vue';
+// let load_fail = ref(false);
+// let load_ok = ref(false);
+
+// let urlTo = (url) => {
+//     window.location.href = url;
+// }
+// let blog_list = reactive([])
+// onBeforeMount(async () => {
+//     let res = await ServerAPI.async_getRequest('GetBlogList');
+//     try {
+//         if(res.status == 'OK')
+//         {
+//             blog_list.push(...res.data);
+//             load_ok.value = true;
+//         }else{
+//             throw new Error('获取列表失败');
+//         }
+//     } catch (error) {
+//         console.log('获取列表发生错误：' + error)
+//         load_fail.value = true;
+//     }
+// })
+// let formatTimestamp = (timestamp) => {
+//     const date = new Date(timestamp);
+//     // 获取日期的各个部分
+//     const year = date.getFullYear();
+//     const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份是从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');
+//     const seconds = String(date.getSeconds()).padStart(2, '0');
+//     // 组装最终的字符串
+//     if(hours == '00' && minutes == '00' && seconds == '00')
+//         return `${year}/${month}/${day}`;
+//     else
+//         return `${year}/${month}/${day} ${hours}:${minutes}:${seconds}`;
+// }
+// let blogto = (uuid) => {
+//     // router.push({name:'blogcontent',params: { 'uuid': uuid }})
+//     let url = '/blogcontent/' + uuid;
+//     window.open(url, '_blank');
+// }
+</script>
+<template>
+<div class="bcc"></div>
+<div class="content-container">
+    <el-empty description="加载失败，刷新后重试" style="margin: 0 auto;" v-if="load_fail"/>
+    <div style="gap: 30px;display: flex;flex-direction: column;" v-else>
+        <div class="coding" v-if="!load_ok">加载中，请稍后...</div>
+        <el-empty description="暂无数据" style="margin: 0 auto;" v-if="load_ok && !blog_list.length"/>
+        <div class="blog-container" v-for="item of blog_list">
+            <div class="title" @click="blogto(item.uuid)">{{ item.title }}</div>
+            <div class="description">{{ item.description }}</div>
+            <div class="publish-time">{{ formatTimestamp(+item.publish_time) }}</div>
+        </div>
+    </div>
+</div>
+</template>
+<style scoped>
+.bcc{
+    position: fixed;
+    z-index: -1;
+    background-color: #f6f8f9;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+.content-container{
+    display: flex;
+    flex-direction: column;
+    max-width: 800px;
+    margin: 50px auto;
+    padding: 0 20px;
+}
+.coding{
+    text-align: center;
+    margin-top: 20px;
+    margin-bottom: 300px;
+}
+.blog-container{
+    margin: 0 auto;
+    max-width: 400px;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.blog-container .title{
+    font-size: 26px;
+    font-weight: 600;
+    cursor: pointer;
+    display: block;
+}
+.blog-container .title:hover{
+    text-decoration: underline;
+    text-decoration-thickness: 3px;
+}
+.blog-container .description{
+    color: #666;
+}
+.blog-container .publish-time{
+    color: #888;
+    margin-top: 15px;
+    font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/views/Console/Console.vue b/tonecn/src/views/Console/Console.vue
new file mode 100644
index 0000000..5256f95
--- /dev/null
+++ b/tonecn/src/views/Console/Console.vue
@@ -0,0 +1,6 @@
+<script setup lang="ts">
+
+</script>
+<template>
+    <router-view></router-view>
+</template>
\ No newline at end of file
diff --git a/tonecn/src/views/Console/Login.vue b/tonecn/src/views/Console/Login.vue
new file mode 100644
index 0000000..287d870
--- /dev/null
+++ b/tonecn/src/views/Console/Login.vue
@@ -0,0 +1,296 @@
+<script setup>
+// import { ref, watch } from 'vue';
+// import { ElMessage } from 'element-plus'
+// import VerificationProcessVue from '@/components/RotationVerification.vue';
+// import router from '@/router';
+// import ServerAPI from '@/assets/ServerAPI';
+// import ServerSDK from '@/assets/ServerSDK';
+// let phone = ref("");
+// let code = ref("");
+// let sendSIMCodeCoolingTime = ref(-1);
+// let ShowVerificationProcessVue = ref(false);
+// // 监听phone，使其保持3-4-4分割格式
+// watch(phone,(newData)=>{
+//     newData = newData.replace(/\D/g,'');
+//     let newDatalen = newData.split('').length;
+//     if(newDatalen >= 4 && newDatalen <= 7)
+//     {
+//         let part1 = newData.slice(0, 3);
+//         let part2 = newData.slice(3);
+//         newData = part1+ " " +part2;
+//     }else if(newDatalen >= 8){
+//         let part1 = newData.slice(0, 3);
+//         let part2 = newData.slice(3, 7);
+//         let part3 = newData.slice(7);
+//         newData = part1 + " " + part2 + " " + part3; 
+//     }
+//     phone.value = newData;
+// })
+// // 监听code，使其只能是数字
+// watch(code,(newData)=>{
+//     code.value = newData.replace(/\D/g,'');
+// })
+
+// // 按钮 - 发送验证码，先获取图像验证码，发短信由其他函数触发
+// let sendSIMCode = async () => {
+//     // 冷却判定
+//     if(sendSIMCodeCoolingTime.value >= 0)
+//     {
+//         // 还在冷却中，不允许发送
+//         ElMessage({
+//             message: '冷却中，稍后再来获取吧',
+//             type: 'warning',
+//         });
+//         return;
+//     }
+//     // 手机号合法性验证
+//     const regex = /^1[3-9]\d{9}$/;
+//     if(!regex.test(phone.value.replace(/\D/g,'')))
+//     {
+//         ElMessage({
+//             message: '请输入正确的手机号',
+//             type: 'warning',
+//         });
+//         return;
+//     }
+
+//     // 准备发送验证码
+//     // 滑动验证码验证
+//     ShowVerificationProcessVue.value = true;
+// }
+
+// // 按钮 - 登录
+// let login = async () => {
+//     // 是否已经发送验证码
+//     if(sendSIMCodeCoolingTime.value == -1)
+//     {
+//         // 其他情况（冷却倒数，冷却结束）都可以发送
+//         ElMessage({
+//             message: '请先获取验证码',
+//             type: 'warning',
+//         });
+//         return;
+//     }
+//     // 手机号合法性验证
+//     const regex = /^1[3-9]\d{9}$/;
+//     if(!regex.test(phone.value.replace(/\D/g,'')))
+//     {
+//         ElMessage({
+//             message: '请输入正确的手机号',
+//             type: 'warning',
+//         });
+//         return;
+//     }
+//     // 验证码合法性验证
+//     const regex2 = /\d{6}$/;
+//     if(!regex2.test(code.value))
+//     {
+//         ElMessage({
+//             message: '请输入正确的验证码',
+//             type: 'warning',
+//         });
+//         return;
+//     }
+//     // ...可以登录
+//     // console.log(localStorage.getItem('login_session'))
+//     let loginRes = await ServerSDK.Login(
+//         phone.value.replace(/\D/g,''),
+//         code.value
+//     )
+//     if(loginRes == 1)
+//     {
+//         ElMessage({
+//             message: '登录成功',
+//             type: 'success',
+//         });
+//         setTimeout(() => {
+//             router.push({name: 'console_console'});
+//         }, 1000);
+//     }else if(loginRes == 0){
+//         ElMessage({
+//             message: '验证码已过期',
+//             type: 'warning',
+//         });
+//     }else if(loginRes == -1){
+//         ElMessage({
+//             message: '验证码已失效',
+//             type: 'warning',
+//         });
+//     }else if(loginRes == -2){
+//         ElMessage({
+//             message: '验证码错误',
+//             type: 'warning',
+//         });
+//     }else{
+//         ElMessage({
+//             message: '登录失败，请重试',
+//             type: 'error',
+//         });
+//     }
+// }
+
+// // 短信验证码发送成功，修改界面交互
+// let verify_success = async () => {
+//     // 验证成功，等待接收验证码后登录
+//     let sendSIMCodeRes = await ServerAPI.async_postRequest('SendSMSCode',{
+//         'phone': phone.value.replace(/\D/g,''),
+//         'session': localStorage.getItem('RVSession')
+//     })
+//     console.log(sendSIMCodeRes)
+//     if(sendSIMCodeRes && sendSIMCodeRes.status == 'OK')
+//     {
+//         // 发送成功，等待接收验证码后登录
+//         ElMessage({
+//             message: '发送成功',
+//             type: 'success',
+//         });
+//     }else{
+//         // 发送失败
+//         ElMessage({
+//             message: '发送失败，请重试',
+//             type: 'error',
+//         });
+//     }
+//     ShowVerificationProcessVue.value = false;// 关闭验证码界面
+//     sendSIMCodeCoolingTime.value = 59;// 冷却倒计时
+//     let SIMCodeCoolingTimer = setInterval(() => {
+//         sendSIMCodeCoolingTime.value--;
+//         if(sendSIMCodeCoolingTime.value <= 0)
+//         {
+//             clearInterval(SIMCodeCoolingTimer);
+//             sendSIMCodeCoolingTime.value = -2;
+//         }
+//     }, 1000);
+// }
+// // 图像验证码验证失败，短信验证码未发送
+// let verify_fail = () => {
+//     ShowVerificationProcessVue.value = false;
+//     ElMessage({
+//         message: '发送失败，请重试',
+//         type: 'error',
+//     });
+// }
+
+// let onDev = () => {
+//     ElMessage({
+//         message: '抱歉，当前内容暂未开放',
+//         type: 'warning',
+//     });
+// }
+</script>
+<template>
+<div class="bcc"></div>
+<div class="main-container">
+    <h1>登录到控制台</h1>
+    <el-popover
+        placement="bottom"
+        :width="300"
+        trigger="click"
+    >
+        <!-- <p>控制台是特恩(TONE)网页中的一个控制器界面，您可以使用其中开放的一些控制器功能。普通访客可通过登录后的界面暂存合法文件（图片、视频、文档、音频、压缩包等），管理员可通过登录后编辑本网页中的内容（资源、工具、日记等），详情请见<strong style="cursor: pointer;">《特恩(TONE)控制台使用协议》</strong></p> -->
+        <p>控制台是特恩(TONE)网页中的一个控制器界面，如果您是管理员，可通过登录后编辑本网页中的内容（资源、工具、日记等），详情请见<strong style="cursor: pointer;" @click="onDev">《特恩(TONE)控制台使用协议》</strong></p>
+        <template #reference>
+            <h3>控制台是什么？</h3>
+        </template>
+    </el-popover>
+    <div class="form-container">
+        <el-input 
+            v-model="phone" 
+            class="input" 
+            placeholder="请输入手机号" 
+            maxlength="13"
+            inputmode="tel"
+            clearable>
+            <template #prepend> <div class="phone-prepend">+86</div></template>
+        </el-input>
+        <el-input 
+            v-model="code" 
+            class="input"  
+            maxlength="6"
+            inputmode="numeric"
+            placeholder="验证码">
+            <template #append>
+                <el-button class="sendSIMCode-button" :class="{ 'sendSIMCode-button-cooling' : (sendSIMCodeCoolingTime > 0) }" @click="sendSIMCode">{{ sendSIMCodeCoolingTime > 0 ? `${sendSIMCodeCoolingTime}秒后再获取` : "获取验证码"}}</el-button>
+            </template>
+        </el-input>
+        <el-button class="login-botton" @click="login">登录</el-button>
+    </div>
+</div>
+<VerificationProcessVue v-if="ShowVerificationProcessVue" @fail="verify_fail" @success="verify_success" :phone="phone" />
+</template>
+<style scoped>
+.bcc{
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    background-color: #f6f8f9;
+}
+.main-container{
+    padding: 30px;
+    margin-bottom: 160px;
+}
+.main-container>h1{
+    text-align: center;
+    font-size: 42px;
+    font-weight: 400;
+    margin-top: 50px;
+    cursor: default;
+}
+.main-container>h3{
+    text-align: center;
+    cursor: pointer;
+}
+.main-container .form-container{
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.phone-prepend{
+    width: 20px;
+    margin-left: -10px;
+    cursor: default;
+    text-align: center;
+    font-size: 15px;
+}
+.form-container .input{
+    width: 260px;
+    height: 35px;
+    font-size: 16px;
+    margin-top: 10px;
+}
+.input .sendSIMCode-button{
+    font-size: 14px;
+    font-weight: 400;
+    color: #333;
+    width: 120px;
+}
+.input .sendSIMCode-button:hover{
+    color: #333;
+}
+.input .sendSIMCode-button-cooling{
+    color: #888;
+}
+.input .sendSIMCode-button-cooling:hover{
+    color: #888;
+}
+.login-botton{
+    margin-top: 10px;
+    width: 260px;
+    height: 35px;
+    font-weight: 500;
+}
+.login-botton:hover{
+    background-color: #fff;
+    border-color: rgb(220, 223, 230);
+    color: #222;
+}
+.login-botton:focus{
+    background-color: #fff;
+    border-color: rgb(220, 223, 230);
+    color: #606266;
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/views/Download.vue b/tonecn/src/views/Download.vue
new file mode 100644
index 0000000..9e7ed7f
--- /dev/null
+++ b/tonecn/src/views/Download.vue
@@ -0,0 +1,266 @@
+<script setup>
+// import { onBeforeMount, reactive, ref } from 'vue';
+// import Agreement from '../components/agreement.vue'
+// import ServerAPI from '@/assets/ServerAPI';
+// let urlTo = (url) => {
+//     // window.location.href = url;
+//     window.open(url, '_blank');
+// }
+// let showAgreement = ref(false);
+// let ResourceDatas = reactive({});
+// let loadStatus = ref(0);// 0加载中，1加载成功，2加载失败
+// onBeforeMount(async ()=>{
+//     let res = await ServerAPI.async_getRequest('GetDownloadList');
+//     try {
+//         if(res.status == 'OK')
+//         {
+//             Object.assign(ResourceDatas, res.data);
+//             loadStatus.value = 1;
+//         }else{
+//             console.log("获取资源失败：" + res.data)
+//             loadStatus.value = 2;
+//         }
+//     } catch (error) {
+//         console.log("获取资源失败：" + error)
+//         loadStatus.value = 2;
+//     }
+// })
+</script>
+<template>
+  <div class="main-container">
+    <div class="bcc"></div>
+    <div class="title">一些可以直接下载的工具</div>
+    <div class="subtitle" v-if="loadStatus != 2">请在浏览此部分内容前阅读并同意<a
+        @click="showAgreement = true">《网站使用协议》</a>，继续使用或浏览表示您接受协议条款。</div>
+    <div class="load-fail" v-if="loadStatus == 2">加载失败，请刷新界面重试。</div>
+    <div class="load-fail" v-if="loadStatus == 0">加载中，请稍后...</div>
+    <div class="content-container" v-if="loadStatus == 1">
+      <div class="content" @click="urlTo(`${item.src}`)" v-for="item of ResourceDatas">
+        <div class="icon-container">
+          <img :src="item.icon_src" alt="" class="icon">
+        </div>
+        <div class="describe-container">
+          <div class="title">{{ item.title }}</div>
+          <div class="describe">{{ item.describe }}</div>
+          <div class="lable-container">
+            <div class="lable" :class="{ 'lable-OS': lable.type === 'OS' }" v-for="lable of item.addition.lables">{{
+              lable.text }}</div>
+          </div>
+        </div>
+        <div class="lable-relative" v-if="item.addition.lable.text">
+          <div class="lable" :class="{ 'lable-2': (item.addition.lable.class.indexOf('lable-2') != -1) }">{{
+            item.addition.lable.text }}</div>
+        </div>
+      </div>
+      <div class="content content-hidden"></div>
+    </div>
+  </div>
+  <Agreement v-if="showAgreement" @closeAgreement="showAgreement = false" />
+</template>
+<style scoped>
+.main-container {
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.bcc {
+  position: fixed;
+  z-index: -1;
+  background-color: #f6f8f9;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.main-container>.title {
+  margin-top: 80px;
+  font-size: 42px;
+  cursor: default;
+  transition: all 0.4s;
+}
+
+.main-container>.subtitle {
+  margin-top: 20px;
+  color: #666;
+  cursor: default;
+  font-size: 12px;
+  padding: 0 20px;
+}
+
+.main-container>.subtitle>a {
+  color: #222;
+  cursor: pointer;
+  transition: all 0.3s;
+  border-bottom: 1px solid #f7f8f9;
+}
+
+.main-container>.subtitle>a:hover {
+  border-bottom: 1px solid #222;
+}
+
+.load-fail {
+  text-align: center;
+  margin-top: 80px;
+  cursor: default;
+  margin-bottom: 380px;
+  transition: all 0.4s;
+}
+
+.content-container {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  max-width: 1000px;
+  margin: 50px auto;
+}
+
+.content {
+  width: 380px;
+  /* height: 135px; */
+  margin: 20px 30px;
+  padding: 30px;
+  background-color: #fff;
+  border-radius: 15px;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  box-shadow: 0px 2px 5px 0px #ccc;
+  transition: all 0.4s;
+  overflow: hidden;
+}
+
+.content>.lable-relative {
+  position: relative;
+  width: 0;
+  height: 0;
+  bottom: 18px;
+  right: 38px;
+  text-align: center;
+}
+
+.content>.lable-relative>.lable {
+  width: 100px;
+  height: 18px;
+  line-height: 18px;
+  background-color: rgba(255, 25, 0, 0.7);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  transform: rotate(45deg);
+}
+
+.content>.lable-relative>.lable-2 {
+  background-color: rgba(255, 128, 0, 0.7);
+}
+
+.content-hidden {
+  opacity: 0;
+  height: 1px;
+  margin: 0 30px;
+  padding: 0 30px;
+}
+
+.content:hover {
+  box-shadow: 0px 5px 12px 0px #ccc;
+}
+
+.content .icon-container .icon {
+  width: 80px;
+  height: 80px;
+  margin-left: 10px;
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  box-shadow: 0px 1px 4px 1px #ccc;
+  border-radius: 10px;
+  transition: all 0.4s;
+}
+
+.content .describe-container {
+  margin-left: 20px;
+  /* width: 200px; */
+  flex: 1;
+  cursor: default;
+}
+
+.describe-container .title {
+  font-size: 23px;
+  font-weight: 600;
+}
+
+.describe-container .describe {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}
+
+.describe-container .lable-container {
+  display: flex;
+  gap: 5px;
+  margin-top: 10px;
+  flex-wrap: wrap;
+}
+
+.describe-container .lable-container .lable {
+  font-size: 10px;
+  font-weight: 500;
+  color: #666;
+  background-color: #eceef1;
+  padding: 1px 6px;
+  border-radius: 20px;
+}
+
+.describe-container .lable-container .lable-OS {
+  background-color: #d6eeff;
+}
+
+@media screen and (min-width: 1200px) {
+  .content {
+    width: 410px;
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+
+@media screen and (max-width: 550px) {
+  .main-container>.title {
+    font-size: 28px;
+    margin-top: 50px;
+  }
+
+  .content-container {
+    flex-direction: column;
+    margin: 20px 0;
+  }
+
+  .load-fail {
+    margin-top: 40px;
+    margin-bottom: 450px;
+  }
+}
+
+@media screen and (max-width: 450px) {
+  .content {
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+    border-radius: 0;
+    margin-top: 5px;
+  }
+
+  .content .icon-container .icon {
+    width: 70px;
+    height: 70px;
+  }
+
+  .describe-container .title {
+    font-size: 20px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/views/HomeView.vue b/tonecn/src/views/HomeView.vue
new file mode 100644
index 0000000..322bd82
--- /dev/null
+++ b/tonecn/src/views/HomeView.vue
@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+let containerHeight = ref('800px');
+onMounted(() => {
+  // 主盒子高度根据初始视窗高度自适应
+  containerHeight.value = window.innerHeight > 500 ? window.innerHeight - 90 + 'px' : '390px';
+
+  // 界面特效字体
+  let nameElement = document.getElementById("my-name");
+  if( nameElement == null){
+    console.error('未找到元素my-name')
+    return;
+  }
+  let colorNum = 66;
+  let colorNumReverse = false;
+  setInterval(() => {
+    if(colorNumReverse)
+    {
+      colorNum--;
+      if(colorNum<=66)
+        colorNumReverse = !colorNumReverse;
+    }else{
+      colorNum++;
+      if(colorNum>=255)
+        colorNumReverse = !colorNumReverse;
+    }
+    nameElement.style.backgroundImage = `linear-gradient(45deg, rgb(${colorNum}, 66, ${255 - (66 - colorNum)}), rgb(${255 - (66 - colorNum)}, 66, ${colorNum}))`;
+  }, 20);
+})
+</script>
+<template>
+  <div class="bcc"></div>
+  <div class="main-container" id="home-main">
+    <img src="../assets/logo.jpg" alt="" class="logo">
+    <div class="name" id="my-name">特恩(TONE)</div>
+    <div class="self-introduction">一名计算机类专业在校本科大二学生</div>
+    <div class="button-container">
+      <a href="https://space.bilibili.com/474156211">
+        <button class="button" id="button-resource">哔哩哔哩</button>
+      </a>
+      <a href="https://github.com/tonecn">
+        <button class="button button-style2" id="button-code">GitHub</button>
+      </a>
+    </div>
+  </div>
+</template>
+<style scoped>
+.bcc {
+  background-color: #fafafa;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+
+.main-container {
+  margin: 0 auto;
+  max-width: 800px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  transition: height 0.2s;
+  height: v-bind(containerHeight);
+}
+
+.logo {
+  border-radius: 50%;
+  width: 150px;
+}
+
+.name {
+  font-size: 42px;
+  font-weight: 800;
+  margin-top: 25px;
+  cursor: default;
+  background: linear-gradient(45deg, rgb(66, 66, 255), rgb(255, 66, 66));
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  transition: font-size 0.2s;
+}
+
+.self-introduction {
+  margin-top: 10px;
+  font-size: 23px;
+  cursor: default;
+  color: #888;
+  transition: font-size 0.2s;
+}
+
+.button-container {
+  margin-top: 28px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.button {
+  cursor: pointer;
+  width: 130px;
+  height: 46px;
+  background-color: #2591f0;
+  color: #fff;
+  border: none;
+  font-size: 16px;
+  border-radius: 23px;
+  margin: 0 10px;
+  transition: background-color 0.2s;
+  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
+}
+
+.button-style2 {
+  background-color: #e87f29;
+}
+
+#button-resource:hover {
+  background-color: #1d74c0;
+}
+
+#button-code:hover {
+  background-color: #d5782c;
+}
+
+@media screen and (max-width: 470px) {
+  .name {
+    font-size: 34px;
+  }
+
+  .self-introduction {
+    font-size: 16px;
+  }
+
+  .button-container {
+    flex-direction: column;
+    gap: 10px;
+    margin-bottom: 60px;
+  }
+
+  .button {
+    width: 180px;
+    height: 40px;
+  }
+}
+@media screen and (max-width: 800px) {
+  .main-container {
+    height: calc(v-bind(containerHeight) + 15px);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/src/views/Resource.vue b/tonecn/src/views/Resource.vue
new file mode 100644
index 0000000..1e1c547
--- /dev/null
+++ b/tonecn/src/views/Resource.vue
@@ -0,0 +1,257 @@
+<script setup lang="ts">
+import { request } from '@/lib/request';
+import Agreement from '@/components/Common/Agreement.vue';
+import { ref, onMounted, reactive } from 'vue';
+let showAgreement = ref(false);
+let loadStatus = ref(0);// 0加载中 1加载成功 2加载失败
+let ResourceDatas: any[] = reactive([])
+onMounted(async () => {
+  // 用于获取数据的函数
+  let res = await request.get('resource/list');
+  console.log(res)
+  if (res && res.code == 0) {
+    loadStatus.value = 1;
+    ResourceDatas.push(...res.data)
+  } else {
+    loadStatus.value = 2;
+  }
+})
+</script>
+<template>
+  <div class="main-container">
+    <div class="bcc"></div>
+    <div class="title">精心挑选并收藏的资源</div>
+    <div class="subtitle" v-if="loadStatus != 2">请在浏览此部分内容前阅读并同意<a
+        @click="showAgreement = true">《网站使用协议》</a>，继续使用或浏览表示您接受协议条款。</div>
+    <div class="load-fail" v-if="loadStatus == 2">加载失败，请刷新界面重试。</div>
+    <div class="load-fail" v-if="loadStatus == 0">加载中，请稍后...</div>
+    <div class="content-container" v-if="loadStatus == 1">
+      <div class="content" v-for="item of ResourceDatas">
+        <div class="icon-container">
+          <img :src="item.icon_src" alt="" class="icon">
+        </div>
+        <div class="describe-container">
+          <div class="title">{{ item.title }}</div>
+          <div class="describe">{{ item.describe }}</div>
+          <div class="lable-container">
+            <div class="lable" :class="{ 'lable-OS': lable.type === 'OS' }" v-for="lable of item.addition.lables">{{
+              lable.text }}</div>
+          </div>
+        </div>
+        <div class="lable-relative" v-if="item.addition.lable.text">
+          <div class="lable" :class="{ 'lable-2': (item.addition.lable.class.indexOf('lable-2') != -1) }">{{
+            item.addition.lable.text }}</div>
+        </div>
+      </div>
+      <div class="content content-hidden"></div>
+    </div>
+  </div>
+  <Agreement v-if="showAgreement" @closeAgreement="showAgreement = false" />
+</template>
+<style scoped>
+.main-container {
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.bcc {
+  position: fixed;
+  z-index: -1;
+  background-color: #f6f8f9;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.main-container>.title {
+  margin-top: 80px;
+  font-size: 42px;
+  cursor: default;
+  transition: all 0.4s;
+}
+
+.main-container>.subtitle {
+  margin-top: 20px;
+  color: #666;
+  cursor: default;
+  font-size: 12px;
+  padding: 0 20px;
+}
+
+.main-container>.subtitle>a {
+  color: #222;
+  cursor: pointer;
+  transition: all 0.3s;
+  border-bottom: 1px solid #f7f8f9;
+}
+
+.main-container>.subtitle>a:hover {
+  border-bottom: 1px solid #222;
+}
+
+.load-fail {
+  text-align: center;
+  margin-top: 80px;
+  cursor: default;
+  margin-bottom: 380px;
+  transition: all 0.4s;
+}
+
+.content-container {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  max-width: 1000px;
+  margin: 50px auto;
+}
+
+.content {
+  width: 380px;
+  /* height: 135px; */
+  margin: 20px 30px;
+  padding: 30px;
+  background-color: #fff;
+  border-radius: 15px;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  box-shadow: 0px 2px 5px 0px #ccc;
+  transition: all 0.4s;
+  overflow: hidden;
+}
+
+.content>.lable-relative {
+  position: relative;
+  width: 0;
+  height: 0;
+  bottom: 18px;
+  right: 38px;
+  text-align: center;
+}
+
+.content>.lable-relative>.lable {
+  width: 100px;
+  height: 18px;
+  line-height: 18px;
+  background-color: rgba(255, 25, 0, 0.7);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  transform: rotate(45deg);
+}
+
+.content>.lable-relative>.lable-2 {
+  background-color: rgba(255, 128, 0, 0.7);
+}
+
+.content-hidden {
+  opacity: 0;
+  height: 1px;
+  margin: 0 30px;
+  padding: 0 30px;
+}
+
+.content:hover {
+  box-shadow: 0px 5px 12px 0px #ccc;
+}
+
+.content .icon-container .icon {
+  width: 80px;
+  height: 80px;
+  margin-left: 10px;
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  box-shadow: 0px 1px 4px 1px #ccc;
+  border-radius: 10px;
+  transition: all 0.4s;
+}
+
+.content .describe-container {
+  margin-left: 20px;
+  /* width: 200px; */
+  flex: 1;
+  cursor: default;
+}
+
+.describe-container .title {
+  font-size: 23px;
+  font-weight: 600;
+}
+
+.describe-container .describe {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}
+
+.describe-container .lable-container {
+  display: flex;
+  gap: 5px;
+  margin-top: 10px;
+  flex-wrap: wrap;
+}
+
+.describe-container .lable-container .lable {
+  font-size: 10px;
+  font-weight: 500;
+  color: #666;
+  background-color: #eceef1;
+  padding: 1px 6px;
+  border-radius: 20px;
+}
+
+.describe-container .lable-container .lable-OS {
+  background-color: #d6eeff;
+}
+
+@media screen and (min-width: 1200px) {
+  .content {
+    width: 410px;
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+
+@media screen and (max-width: 550px) {
+  .main-container>.title {
+    font-size: 28px;
+    margin-top: 50px;
+  }
+
+  .content-container {
+    flex-direction: column;
+    margin: 20px 0;
+  }
+
+  .load-fail {
+    margin-top: 40px;
+    margin-bottom: 450px;
+  }
+}
+
+@media screen and (max-width: 450px) {
+  .content {
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+    border-radius: 0;
+    margin-top: 5px;
+  }
+
+  .content .icon-container .icon {
+    width: 70px;
+    height: 70px;
+  }
+
+  .describe-container .title {
+    font-size: 20px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/tonecn/tsconfig.app.json b/tonecn/tsconfig.app.json
new file mode 100644
index 0000000..b84985b
--- /dev/null
+++ b/tonecn/tsconfig.app.json
@@ -0,0 +1,17 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@components/*": ["./src/components/*"],
+      "@views/*": ["./src/views/*"],
+      "@assets/*": ["./src/assets/*"],
+    }
+  }
+}
diff --git a/tonecn/tsconfig.json b/tonecn/tsconfig.json
new file mode 100644
index 0000000..66b5e57
--- /dev/null
+++ b/tonecn/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}
diff --git a/tonecn/tsconfig.node.json b/tonecn/tsconfig.node.json
new file mode 100644
index 0000000..f094063
--- /dev/null
+++ b/tonecn/tsconfig.node.json
@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node20/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}
diff --git a/tonecn/vite.config.ts b/tonecn/vite.config.ts
new file mode 100644
index 0000000..321a109
--- /dev/null
+++ b/tonecn/vite.config.ts
@@ -0,0 +1,25 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+})
\ No newline at end of file