diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8e7d15d..d7984ef 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -13,6 +13,6 @@
   </div>
 </header>
 
-<main class="p4 xs:w-full">
+<main class="p4 w-1200px ma">
   <slot />
 </main>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8e899bc..e25191c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,8 +1,13 @@
 <script>
-  import { KAvatar } from '@ikun-ui/core'
+  import { KAvatar, KCard } from '@ikun-ui/core'
 </script>
 
 <div class="mt-15vh flex flex-col items-center">
   <KAvatar size="100px" src="/favicon.png"></KAvatar>
   <div class="text-28px mt-4">欢迎访问XParCai工具库</div>
 </div>
+<div class="grid grid-cols-4 grid-gap-10px mt-100px">
+  <KCard shadow="never" cls="cursor-pointer fcc">
+    <a href="/JSONToTSType">JSONToTSType</a>
+  </KCard>
+</div>
diff --git a/src/routes/JSONToTSType/+page.svelte b/src/routes/JSONToTSType/+page.svelte
new file mode 100644
index 0000000..3886e12
--- /dev/null
+++ b/src/routes/JSONToTSType/+page.svelte
@@ -0,0 +1 @@
+<div>json2tstype</div>
diff --git a/uno.config.ts b/uno.config.ts
index 952998f..0d65f21 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -12,7 +12,7 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 import extractorSvelte from '@unocss/extractor-svelte'
-import { getCSSPreflights, presetIkun } from '@ikun-ui/preset'
+import { getCSSPreflights, getSafeList, presetIkun } from '@ikun-ui/preset'
 import { localIconCollections } from './collection-icons'
 
 export default defineConfig({
@@ -51,8 +51,7 @@ export default defineConfig({
       getCSS: () => `:root {${getCSSPreflights()}}`,
     },
   ],
+  safelist: [...getSafeList()],
   shortcuts: [],
   rules: [],
-  safelist: [],
-
 })