diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
new file mode 100644
index 0000000000..f92b344245
--- /dev/null
+++ b/src/app/(home)/page.tsx
@@ -0,0 +1,49 @@
+'use client'
+
+import { clsxm } from '~/lib/helper'
+
+const Screen: Component = (props) => {
+  return (
+    <div className={clsxm('flex h-screen flex-col center', props.className)}>
+      {props.children}
+    </div>
+  )
+}
+export default function Home() {
+  return (
+    <div>
+      <Screen className="mt-[-4.5rem]">
+        <h1>
+          这个页面还没构思，待到春去秋来，我会在这里写下一些关于我自己的故事。
+        </h1>
+        <h1>其他页面基本已完成。你可以在顶部的导航栏中找到它们。</h1>
+        <h1>欢迎给我反馈问题，谢谢您。</h1>
+      </Screen>
+      <Screen className="mt-[-4.5rem]">
+        <h1>
+          欢迎，来到这个小小的宇宙，一个闪烁着光彩的星球，等待着你的探索。
+        </h1>
+      </Screen>
+      <Screen>
+        <h1>
+          在这个矩阵中，你可以找到各种各样的代码块，它们是我在计算机科学的探索和实践的证明。
+        </h1>
+      </Screen>
+      <Screen>
+        <h1>
+          而在这里，你会看到一个不同的我，一个在生活中发现美，感受痛苦，洞察人性的我。
+        </h1>
+      </Screen>
+      <Screen>
+        <h1>
+          这些是我珍视的人，他们陪伴我走过人生的每一段旅程，和我一起笑，一起哭，一起成长。
+        </h1>
+      </Screen>
+      <Screen>
+        <h1>
+          最后，这是关于这个小宇宙以及我自己的一些小秘密。如果你有任何问题或者想要分享的想法，都可以随时找到我。
+        </h1>
+      </Screen>
+    </div>
+  )
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
deleted file mode 100644
index ae05590b5c..0000000000
--- a/src/app/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-'use client'
-
-import { WiderContainer } from '~/components/layout/container/Wider'
-
-export default function Home() {
-  return <WiderContainer>这里还没想好怎么设计</WiderContainer>
-}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 3157649011..2a0874e9eb 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -215,20 +215,17 @@ const twConfig: Config = {
       {
         light: {
           'color-scheme': 'light',
-          primary: '#39C5BB',
-          // 'primary-focus': '#25CCA0',
-          // 'primary-content': UIKitColors.label.primary.light,
-          secondary: '#6495ed',
-          // 'secondary-foucs': '#92bbff',
-          // 'secondary-content': UIKitColors.label.secondary.light,
-          accent: '#39C5BB',
-          // 'accent-focus': '#25CCA0',
+          // 浅葱
+          primary: '#33A6B8',
+
+          secondary: '#A8D8B9',
+
+          accent: '#33A6B8',
+
           'accent-content': '#fafafa',
 
           neutral: UIKitColors.grey3.light,
 
-          // 'base-100': '#eeeeee',
-
           'base-content': UIKitColors.label.primary.light,
 
           info: UIKitColors.blue.light,
@@ -244,9 +241,11 @@ const twConfig: Config = {
       {
         dark: {
           'color-scheme': 'dark',
-          primary: '#1F7BE0',
-          secondary: '#39C5BB',
-          accent: '#1F7BE0',
+          // 桃
+          primary: '#F596AA',
+          // 洗朱
+          secondary: '#FB966E',
+          accent: '#F596AA',
 
           neutral: UIKitColors.grey3.dark,