diff --git a/index.html b/index.html
index 3ee6049..01d8439 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>utools-list</title>
-    <style>
-      * {
-        margin: 0;
-        padding: 0;
-      }
-      body {
-        height: 100%;
-      }
-    </style>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index cbd3449..cadbfb6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -56,16 +56,3 @@ const handleItemClick = (item: ListItem): void => {
     @click="handleItemClick"
   />
 </template>
-
-<style>
-html,
-body {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-}
-
-#app {
-  height: 100%;
-}
-</style>
diff --git a/src/main.ts b/src/main.ts
index 526db72..ce4dd6b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
+import './style.css'
 import type { App as AppType } from 'vue'
 import App from './App.vue'
 
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..01bce8b
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,10 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+#app {
+  height: 100%;
+}
\ No newline at end of file
