feat: 重构样式文件并添加新功能

- 将 main.css 重命名为 main.scss，并移动到 css 目录
- 添加 mixin.scss、vant.scss 和 variables.scss 新样式文件
- 更新样式导入路径
- 新增多个 CSS混入和变量，提升样式可维护性
- 调整部分样式规则，优化页面布局和视觉效果

src/main.ts

@@ -1,4 +1,4 @@
-import './assets/main.css';
+import './assets/css/main.scss';
 import 'amfe-flexible';
 import { createApp } from 'vue';
 import { createPinia } from 'pinia';