diff --git a/app/app.vue b/app/app.vue
index 26884a2..8bf81d9 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -52,7 +52,6 @@ provide('slideDirection', slideDirection)
 </template>
 
 <style>
-@import "@/static/styles/index.css";
 .slide-left-enter-active,
 .slide-left-leave-active,
 .slide-right-enter-active,
diff --git a/app/static/styles/default-theme.css b/app/static/styles/default-theme.css
new file mode 100644
index 0000000..31b23b5
--- /dev/null
+++ b/app/static/styles/default-theme.css
@@ -0,0 +1,21 @@
+:root:root {
+  --c-primary: #3554AF;
+  --c-primary-active: #3554AF;
+  --van-primary-color: var(--c-primary);
+  --van-cell-group-inset-padding: 0;
+
+}
+#__nuxt {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  background: var(--van-gray-1);
+  color-scheme: light;
+}
+
+html.dark {
+  background: #222;
+  color-scheme: dark;
+}
diff --git a/app/static/styles/global.css b/app/static/styles/global.css
new file mode 100644
index 0000000..e69de29
diff --git a/app/static/styles/index.css b/app/static/styles/index.css
deleted file mode 100644
index 6a66d57..0000000
--- a/app/static/styles/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-:root{
-    --van-primary-color:'#2B53AC';
-}
\ No newline at end of file
diff --git a/app/static/styles/vars.css b/app/static/styles/vars.css
new file mode 100644
index 0000000..e69de29
diff --git a/nuxt.config.js b/nuxt.config.js
index 67fc25e..1d3da5c 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -40,8 +40,8 @@ export default defineNuxtConfig({
   // CSS 配置
   css: [
     '@unocss/reset/tailwind.css', // 重置默认样式
+    '@/static/styles/default-theme.css',
   ],
-
   // PostCSS 配置
   postcss: {
     plugins: {