diff --git a/reading-platform-frontend/package.json b/reading-platform-frontend/package.json
index d490b31..018aab6 100644
--- a/reading-platform-frontend/package.json
+++ b/reading-platform-frontend/package.json
@@ -29,10 +29,12 @@
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.11.28",
+    "@unocss/preset-uno": "^66.6.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/tsconfig": "^0.5.1",
     "sass-embedded": "^1.97.3",
     "typescript": "~5.4.0",
+    "unocss": "^66.6.2",
     "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-components": "^0.26.0",
     "vite": "^5.1.6",
diff --git a/reading-platform-frontend/src/main.ts b/reading-platform-frontend/src/main.ts
index 7565559..22de4c7 100644
--- a/reading-platform-frontend/src/main.ts
+++ b/reading-platform-frontend/src/main.ts
@@ -2,6 +2,7 @@ import { createApp } from 'vue';
 import { createPinia } from 'pinia';
 import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/reset.css';
+import 'virtual:uno.css';
 import App from './App.vue';
 import router from './router';
 
diff --git a/reading-platform-frontend/uno.config.ts b/reading-platform-frontend/uno.config.ts
new file mode 100644
index 0000000..3d72f40
--- /dev/null
+++ b/reading-platform-frontend/uno.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig, presetUno } from 'unocss';
+
+export default defineConfig({
+  presets: [
+    presetUno(), // 默认原子样式预设（类 Tailwind）
+  ],
+});
diff --git a/reading-platform-frontend/vite.config.ts b/reading-platform-frontend/vite.config.ts
index 91bfe75..fdaa702 100644
--- a/reading-platform-frontend/vite.config.ts
+++ b/reading-platform-frontend/vite.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import UnoCSS from 'unocss/vite';
 import { resolve } from 'path';
 import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
@@ -9,6 +10,7 @@ import viteCompression from 'vite-plugin-compression';
 export default defineConfig({
   plugins: [
     vue(),
+    UnoCSS(),
     AutoImport({
       imports: [
         'vue',