diff --git a/Dockerfile b/Dockerfile
index 896920f..10bf95b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,9 +1,7 @@
-FROM python:3.11-alpine
+FROM python:3.11-slim
 
 COPY requirements.txt requirements.txt
-RUN apk add --no-cache gcc g++ \
-    && python -m pip install --no-cache-dir -r requirements.txt \
-    && rm -rf /tmp/* /root/.cache /var/cache/apk/*
+RUN python -m pip install --no-cache-dir -r requirements.txt
 COPY . /app
 WORKDIR /app
 EXPOSE 8000
diff --git a/frontend/package.json b/frontend/package.json
index 55a2543..f351469 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@microsoft/fetch-event-source": "^2.0.1",
     "@vueuse/core": "^10.9.0",
+    "lunar-javascript": "^1.6.12",
     "markdown-it": "^14.1.0",
     "naive-ui": "2.38.1",
     "vooks": "^0.2.12",
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 7c7f901..63c5b9f 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@vueuse/core':
         specifier: ^10.9.0
         version: 10.9.0(vue@3.4.25)
+      lunar-javascript:
+        specifier: ^1.6.12
+        version: 1.6.12
       markdown-it:
         specifier: ^14.1.0
         version: 14.1.0
@@ -1525,6 +1528,9 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
+  lunar-javascript@1.6.12:
+    resolution: {integrity: sha512-8BIYt50up4B2ihh0O1MCUh7+y6hDiDRIPp0ubP8KKaA7cIgAi4jD3QvM9OdZj0QNhSvopZPKipLt2Eb9+cLhxw==}
+
   magic-string@0.25.9:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
 
@@ -3621,6 +3627,8 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
+  lunar-javascript@1.6.12: {}
+
   magic-string@0.25.9:
     dependencies:
       sourcemap-codec: 1.4.8
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 1f1a891..34c6374 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <script setup>
 import {
   NGrid, NGi, NSpace, NAlert, NButton, NMessageProvider, NPageHeader,
-  NConfigProvider, NGlobalStyle, NBackTop, zhCN, darkTheme
+  NConfigProvider, NGlobalStyle, NBackTop, zhCN, darkTheme, NSpin
 } from 'naive-ui'
 import { onMounted, ref, computed } from "vue";
 import { useRouter } from 'vue-router'
@@ -15,6 +15,7 @@ const theme = computed(() => themeStorage.value == 'dark' ? darkTheme : null)
 
 const router = useRouter()
 const settings = ref({});
+const loading = ref(false);
 
 const API_BASE = import.meta.env.VITE_API_BASE || "";
 
@@ -24,15 +25,23 @@ const logOut = () => {
 };
 
 const fetchSettings = async () => {
-  const response = await fetch(`${API_BASE}/api/v1/settings`, {
-    method: "GET",
-    headers: {
-      "Authorization": `Bearer ${state_jwt.value || "xxx"}`,
-      "Content-Type": "application/json"
-    },
-  });
-  if (response.ok) {
-    settings.value = await response.json();
+  loading.value = true;
+  try {
+    const response = await fetch(`${API_BASE}/api/v1/settings`, {
+      method: "GET",
+      headers: {
+        "Authorization": `Bearer ${state_jwt.value || "xxx"}`,
+        "Content-Type": "application/json"
+      },
+    });
+    if (response.ok) {
+      settings.value = await response.json();
+    }
+  } catch (error) {
+    console.error(error);
+  }
+  finally {
+    loading.value = false;
   }
 }
 
@@ -47,55 +56,57 @@ onMounted(async () => {
 
 <template>
   <n-config-provider :locale="zhCN" :theme="theme">
-    <n-global-style />
-    <n-message-provider>
-      <n-grid :x-gap="12" :cols="isMobile ? 4 : 6">
-        <n-gi v-if="!isMobile">
-          <div class="side">
-            <ins class="adsbygoogle" style="display:block" :data-ad-client="settings.ad_client"
-              :data-ad-slot="settings.ad_slot" data-ad-format="auto" data-full-width-responsive="true"></ins>
-          </div>
-        </n-gi>
-        <n-gi :span="4">
-          <div class="main">
-            <n-page-header :subtitle="isMobile ? '' : '本项目仅供娱乐'">
-              <template #title>
-                <h3>AI 占卜</h3>
-              </template>
-              <template #extra>
-                <n-space>
-                  <n-button v-if="settings.user_name" @click="logOut">登出</n-button>
-                  <n-button v-else type="primary" @click="router.push('/login')">登录</n-button>
-                  <n-button @click="themeStorage = (themeStorage == 'dark' ? 'light' : 'dark')">
-                    {{ themeStorage == 'dark' ? '亮色' : '暗色' }}
-                  </n-button>
-                  <n-button type="primary" ghost tag="a" target="_blank"
-                    href="https://github.com/dreamhunter2333/chatgpt-tarot-divination">
-                    ☆ Github
-                  </n-button>
-                </n-space>
-              </template>
-              <template #footer>
-                <n-alert v-if="settings.user_name" type="success">
-                  你好, {{ settings.login_type }} 用户 {{ settings.user_name }}
-                </n-alert>
-                <n-alert v-else type="warning">
-                  当前未登录, 处于限流模式 ({{ settings.rate_limit }})
-                </n-alert>
-              </template>
-            </n-page-header>
-            <router-view></router-view>
-          </div>
-        </n-gi>
-        <n-gi :span="1" v-if="!isMobile">
-          <div class="side">
-            <ins class="adsbygoogle" style="display:block" :data-ad-client="settings.ad_client"
-              :data-ad-slot="settings.ad_slot" data-ad-format="auto" data-full-width-responsive="true"></ins>
-          </div>
-        </n-gi>
-      </n-grid>
-    </n-message-provider>
-    <n-back-top />
+    <n-spin description="加载中..." :show="loading">
+      <n-global-style />
+      <n-message-provider>
+        <n-grid :x-gap="12" :cols="isMobile ? 4 : 6">
+          <n-gi v-if="!isMobile">
+            <div class="side">
+              <ins class="adsbygoogle" style="display:block" :data-ad-client="settings.ad_client"
+                :data-ad-slot="settings.ad_slot" data-ad-format="auto" data-full-width-responsive="true"></ins>
+            </div>
+          </n-gi>
+          <n-gi :span="4">
+            <div class="main">
+              <n-page-header :subtitle="isMobile ? '' : '本项目仅供娱乐'">
+                <template #title>
+                  <h3>AI 占卜</h3>
+                </template>
+                <template #extra>
+                  <n-space>
+                    <n-button v-if="settings.user_name" @click="logOut">登出</n-button>
+                    <n-button v-else type="primary" @click="router.push('/login')">登录</n-button>
+                    <n-button @click="themeStorage = (themeStorage == 'dark' ? 'light' : 'dark')">
+                      {{ themeStorage == 'dark' ? '亮色' : '暗色' }}
+                    </n-button>
+                    <n-button type="primary" ghost tag="a" target="_blank"
+                      href="https://github.com/dreamhunter2333/chatgpt-tarot-divination">
+                      ☆ Github
+                    </n-button>
+                  </n-space>
+                </template>
+                <template #footer>
+                  <n-alert v-if="settings.user_name" type="success">
+                    你好, {{ settings.login_type }} 用户 {{ settings.user_name }}
+                  </n-alert>
+                  <n-alert v-else type="warning">
+                    当前未登录, 处于限流模式 ({{ settings.rate_limit }})
+                  </n-alert>
+                </template>
+              </n-page-header>
+              <router-view></router-view>
+            </div>
+          </n-gi>
+          <n-gi :span="1" v-if="!isMobile">
+            <div class="side">
+              <ins class="adsbygoogle" style="display:block" :data-ad-client="settings.ad_client"
+                :data-ad-slot="settings.ad_slot" data-ad-format="auto" data-full-width-responsive="true"></ins>
+            </div>
+          </n-gi>
+        </n-grid>
+      </n-message-provider>
+      <n-back-top />
+    </n-spin>
   </n-config-provider>
 </template>
 
diff --git a/frontend/src/views/Index.vue b/frontend/src/views/Index.vue
index 664704c..12cc9a4 100644
--- a/frontend/src/views/Index.vue
+++ b/frontend/src/views/Index.vue
@@ -3,10 +3,12 @@ import {
   NInput, NButton, NCard, NDatePicker, NSelect, NFormItem,
   NInputNumber, NTabs, NTabPane, NDrawer, NDrawerContent
 } from 'naive-ui'
-import { watch, ref } from "vue";
+import { watch, ref, onMounted } from "vue";
 import MarkdownIt from 'markdown-it';
 import { fetchEventSource, EventStreamContentType } from '@microsoft/fetch-event-source';
 import { useStorage } from '@vueuse/core';
+import { Solar } from 'lunar-javascript'
+
 import { useIsMobile } from '../utils/composables'
 import About from '../components/About.vue'
 
@@ -19,7 +21,7 @@ const result = useStorage("result", "");
 const tmp_result = ref("");
 const prompt_type = useStorage("prompt_type", "tarot");
 const menu_type = useStorage("menu_type", "divination");
-const lunarBirthday = useStorage("lunarBirthday", '龙年 庚辰年 七月十八 巨蟹座')
+const lunarBirthday = ref("");
 const birthday = useStorage("birthday", "2000-08-17 00:00:00");
 const loading = ref(false);
 const API_BASE = import.meta.env.VITE_API_BASE || "";
@@ -97,14 +99,21 @@ const onSubmit = async () => {
   }
 };
 
-watch(birthday, async (newBirthday, oldBirthday) => {
-  lunarBirthday.value = '转换中...'
+const computeLunarBirthday = (newBirthday) => {
   try {
-    const res = await fetch(`${API_BASE}/api/date?date=${newBirthday}`)
-    lunarBirthday.value = await res.json()
+    let date = new Date(newBirthday)
+    let solar = Solar.fromYmdHms(
+      date.getFullYear(), date.getMonth() + 1, date.getDate(),
+      date.getHours(), date.getMinutes(), date.getSeconds());
+    lunarBirthday.value = solar.getLunar().toFullString();
   } catch (error) {
     console.error(error)
+    lunarBirthday.value = '转换失败'
   }
+}
+
+watch(birthday, async (newBirthday, oldBirthday) => {
+  computeLunarBirthday(newBirthday)
 })
 
 const changeTab = async (delta) => {
@@ -117,6 +126,10 @@ const changeTab = async (delta) => {
   }
   prompt_type.value = DIVINATION_OPTIONS[newIndex].key;
 }
+
+onMounted(async () => {
+  computeLunarBirthday(birthday.value)
+});
 </script>
 
 <template>
@@ -135,11 +148,13 @@ const changeTab = async (delta) => {
               placeholder="我的财务状况如何" />
           </div>
           <div v-if="prompt_type == 'birthday'">
-            <div style="display: inline-block;">
+            <div style="display: inline-block; text-align: left;">
               <n-form-item label="生日" label-placement="left">
                 <n-date-picker v-model:formatted-value="birthday" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" />
               </n-form-item>
-              <p>农历: {{ lunarBirthday }}</p>
+              <n-form-item label="农历" label-placement="left">
+                <p>{{ lunarBirthday }}</p>
+              </n-form-item>
             </div>
           </div>
           <div v-if="prompt_type == 'new_name'">
diff --git a/main.py b/main.py
index 0a6b773..044580d 100644
--- a/main.py
+++ b/main.py
@@ -12,7 +12,6 @@
 from slowapi.middleware import SlowAPIMiddleware
 
 from src.limiter import limiter, get_real_ipaddr
-from src.date_router import router as date_router
 from src.chatgpt_router import router as chatgpt_router
 from src.divination_router import router as divination_router
 from src.user_router import router as user_router
@@ -37,7 +36,6 @@
     allow_headers=["*"],
 )
 
-app.include_router(date_router)
 app.include_router(chatgpt_router)
 app.include_router(divination_router)
 app.include_router(user_router)
diff --git a/requirements.txt b/requirements.txt
index 33ad385..343b546 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -4,5 +4,4 @@ uvicorn==0.21.1
 openai==0.27.4
 python-multipart==0.0.6
 slowapi==0.1.8
-sxtwl==2.0.6
 pyjwt==2.7.0
diff --git a/src/date_router.py b/src/date_router.py
deleted file mode 100644
index 4a988a4..0000000
--- a/src/date_router.py
+++ /dev/null
@@ -1,42 +0,0 @@
-import datetime
-import logging
-import sxtwl
-
-from fastapi import APIRouter
-
-router = APIRouter()
-_logger = logging.getLogger(__name__)
-
-Gan = ["甲", "乙", "丙", "丁", "戊", "己", "庚", "辛", "壬", "癸"]
-Zhi = ["子", "丑", "寅", "卯", "辰", "巳", "午", "未", "申", "酉", "戌", "亥"]
-ShX = ["鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊", "猴", "鸡", "狗", "猪"]
-ymc = ["正", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"]
-rmc = ["初一", "初二", "初三", "初四", "初五", "初六", "初七", "初八", "初九", "初十",
-       "十一", "十二", "十三", "十四", "十五", "十六", "十七", "十八", "十九", "二十",
-       "廿一", "廿二", "廿三", "廿四", "廿五", "廿六", "廿七", "廿八", "廿九", "三十", "卅一"]
-XiZ = ['摩羯', '水瓶', '双鱼', '白羊', '金牛', '双子', '巨蟹', '狮子', '处女', '天秤', '天蝎', '射手']
-WeekCn = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
-
-
-@router.get("/api/date")
-async def change_date(date: str, is_lunar: bool = False) -> str:
-    if is_lunar:
-        # 从农历年月日获取一天的信息
-        return ""
-    solar_date = datetime.datetime.strptime(
-        date, '%Y-%m-%d %H:%M:%S'
-    )
-    # 从公历年月日获取一天的信息
-    lunar_date = sxtwl.fromSolar(
-        solar_date.year, solar_date.month, solar_date.day)
-    yTG = lunar_date.getYearGZ(True)
-
-    return "{}年 {}{}年 {}{}月{} {}座".format(
-        ShX[yTG.dz],
-        Gan[yTG.tg],
-        Zhi[yTG.dz],
-        '闰' if lunar_date.isLunarLeap() else '',
-        ymc[lunar_date.getLunarMonth() - 1],
-        rmc[lunar_date.getLunarDay() - 1],
-        XiZ[lunar_date.getConstellation() - 1]
-    )