diff --git a/package.json b/package.json
index 68543f5d..0d29fa00 100644
--- a/package.json
+++ b/package.json
@@ -44,12 +44,12 @@
   },
   "devDependencies": {
     "@antfu/eslint-config-vue": "^0.38.6",
-    "@fullcalendar/core": "^6.1.7",
-    "@fullcalendar/daygrid": "^6.1.7",
+    "@fullcalendar/core": "^6.1.8",
+    "@fullcalendar/daygrid": "^6.1.8",
     "@fullcalendar/interaction": "^6.1.7",
     "@fullcalendar/list": "^6.1.7",
     "@fullcalendar/timegrid": "^6.1.7",
-    "@fullcalendar/vue3": "^6.1.7",
+    "@fullcalendar/vue3": "^6.1.8",
     "@iconify-json/mdi": "^1.1.52",
     "@iconify/tools": "^2.2.0",
     "@iconify/vue": "4.1.1",
diff --git a/src/pages/calendar.vue b/src/pages/calendar.vue
index 708a2417..b8dd906f 100644
--- a/src/pages/calendar.vue
+++ b/src/pages/calendar.vue
@@ -1,11 +1,10 @@
-<template>
-  <VCalendar ref="calendar" v-model="start" :type="type" :end="end" color="primary"></VCalendar>
-</template>
-
 <script setup lang="ts">
-import { ref } from 'vue';
+import FullCalendarView from '@/views/subscribe/FullCalendarView.vue';
 
-const start = ref('2019-01-01');
-const end = ref('2019-01-06');
-const type = ref('month');
 </script>
+
+<template>
+  <div>
+    <FullCalendarView/>
+  </div>
+</template>
diff --git a/src/views/subscribe/FullCalendarView.vue b/src/views/subscribe/FullCalendarView.vue
new file mode 100644
index 00000000..4e14213e
--- /dev/null
+++ b/src/views/subscribe/FullCalendarView.vue
@@ -0,0 +1,304 @@
+
+<script lang="ts" setup>
+import dayGridPlugin from '@fullcalendar/daygrid';
+import interactionPlugin from '@fullcalendar/interaction';
+import timeGridPlugin from '@fullcalendar/timegrid';
+import FullCalendar from '@fullcalendar/vue3';
+
+const calendarOptions = {
+  locale: 'zh-cn',
+  themeSystem: 'standard',
+  buttonText: {
+    today: '今天',
+    month: '月',
+    week: '周',
+    day: '日',
+    list: '列表'
+  },
+  plugins: [
+          dayGridPlugin,
+          timeGridPlugin,
+          interactionPlugin // needed for dateClick
+        ],
+  initialView: 'dayGridMonth',
+  weekends: false,
+  headerToolbar: {
+          left: 'prev,next',
+          center: 'title',
+          right: 'dayGridMonth,timeGridWeek,timeGridDay'
+        },
+  events: [
+    { title: 'Meeting', start: new Date() }
+  ],
+}
+</script>
+
+<template>
+  <FullCalendar :options='calendarOptions' locale="zh-cn"/>
+</template>
+
+<style lang="scss">
+.v-application .fc {
+  --fc-today-bg-color: rgba(var(--v-theme-on-surface), 0.04);
+  --fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  --fc-neutral-bg-color: rgb(var(--v-theme-background));
+  --fc-list-event-hover-bg-color: rgba(var(--v-theme-on-surface), 0.02);
+  --fc-page-bg-color: rgb(var(--v-theme-surface));
+  --fc-event-border-color: currentcolor;
+}
+
+.v-application .fc a {
+  color: inherit;
+}
+
+.v-application .fc .fc-timegrid-divider {
+  padding: 0;
+}
+
+.v-application .fc .fc-col-header-cell-cushion {
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+
+.v-application .fc .fc-toolbar .fc-toolbar-title {
+  margin-inline-start: 0.25rem;
+}
+
+.v-application .fc .fc-event-time {
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.v-application .fc .fc-timegrid-event .fc-event-title {
+  font-size: 0.875rem;
+  font-weight: 400;
+}
+
+.v-application .fc .fc-prev-button {
+  padding-inline-start: 0;
+}
+
+.v-application .fc .fc-prev-button,
+.v-application .fc .fc-next-button {
+  padding: 0.25rem;
+}
+
+.v-application .fc .fc-col-header .fc-col-header-cell .fc-col-header-cell-cushion {
+  padding: 0.5rem;
+  text-decoration: none !important;
+}
+
+.v-application .fc .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot {
+  block-size: 3rem;
+}
+
+.v-application .fc .fc-list {
+  border-inline-start: none;
+  font-size: 0.875rem;
+}
+
+.v-application .fc .fc-list .fc-list-day-cushion.fc-cell-shaded {
+  background-color: rgba(var(--v-custom-background));
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+  font-weight: 500;
+}
+
+.v-application .fc .fc-list .fc-list-event-time,
+.v-application .fc .fc-list .fc-list-event-title {
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+}
+
+.v-application .fc .fc-list .fc-list-day .fc-list-day-text,
+.v-application .fc .fc-list .fc-list-day .fc-list-day-side-text {
+  text-decoration: none;
+}
+
+.v-application .fc .fc-timegrid-axis {
+  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
+  font-size: 0.75rem;
+  text-transform: capitalize;
+}
+
+.v-application .fc .fc-timegrid-slot-label-frame {
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+  font-size: 0.75rem;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+.v-application .fc .fc-header-toolbar {
+  flex-wrap: nowrap;
+  row-gap: 0.5rem;
+}
+
+.v-application .fc .fc-toolbar-chunk {
+  display: flex;
+  align-items: center;
+}
+
+.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button-primary,
+.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button-primary:hover,
+.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button-primary:not(.disabled):active {
+  border-color: transparent;
+  background-color: transparent;
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+
+.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button-primary:focus {
+  box-shadow: none !important;
+}
+
+.v-application .fc .fc-toolbar-chunk:last-child .fc-button-group {
+  border: 0.0625rem solid rgba(var(--v-theme-primary), var(--v-overlay-scrim-opacity));
+  border-radius: 0.375rem;
+}
+
+.v-application .fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button {
+  color: rgb(var(--v-theme-primary));
+  font-size: 0.875rem;
+  font-weight: 500;
+  letter-spacing: 0.0187rem;
+  padding-inline: 1rem;
+  text-transform: uppercase;
+}
+
+.v-application .fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button:not(:last-child) {
+  border-inline-end: 0.0625rem solid rgba(var(--v-theme-primary), var(--v-overlay-scrim-opacity));
+}
+
+.v-application .fc .fc-toolbar-chunk:last-child .fc-button-group .fc-button.fc-button-active {
+  background-color: rgba(var(--v-theme-primary), var(--v-activated-opacity));
+  color: rgb(var(--v-theme-primary));
+}
+
+.v-application .fc .fc-toolbar-title {
+  display: inline-block;
+  overflow: hidden;
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+  font-size: 1.25rem;
+  font-weight: 500;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.v-application .fc .fc-scrollgrid-section th {
+  border-inline: 0;
+}
+
+.v-application .fc .fc-view-harness {
+  min-block-size: 40.625rem;
+}
+
+.v-application .fc .fc-event {
+  border-color: transparent;
+  margin-block-end: 0.3rem;
+  padding-inline: 0.3125rem;
+}
+
+.v-application .fc .fc-event-main {
+  color: inherit;
+  font-size: 0.75rem;
+  font-weight: 500;
+  padding-inline: 0.25rem;
+}
+
+.v-application .fc tbody[role="rowgroup"] > tr > td[role="presentation"] {
+  border: none;
+}
+
+.v-application .fc .fc-scrollgrid {
+  border-inline-start: none;
+}
+
+.v-application .fc .fc-daygrid-day {
+  padding: 0.3125rem;
+}
+
+.v-application .fc .fc-daygrid-day-number {
+  padding-block: 0.5rem;
+  padding-inline: 0.75rem;
+}
+
+.v-application .fc .fc-list-event-dot {
+  color: inherit;
+
+  --fc-event-border-color: currentcolor;
+}
+
+.v-application .fc .fc-list-event {
+  background-color: transparent !important;
+}
+
+.v-application .fc .fc-popover {
+  border-radius: 6px;
+  box-shadow: 0 4px 14px -4px var(--v-shadow-key-umbra-opacity), 0 4px 8px -4px var(--v-shadow-key-penumbra-opacity), 0 4px 8px -4px var(--v-shadow-key-ambient-opacity);
+}
+
+.v-application .fc .fc-popover .fc-popover-header,
+.v-application .fc .fc-popover .fc-popover-body {
+  padding: 0.5rem;
+}
+
+.v-application .fc .fc-popover .fc-popover-title {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 500;
+}
+
+.v-application .fc .fc-toolbar-chunk .fc-button-group {
+  align-items: center;
+}
+
+.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-button .fc-icon {
+  vertical-align: bottom;
+}
+
+.v-application .fc .fc-toolbar-chunk .fc-button-group .fc-drawerToggler-button {
+  display: none;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='rgba(94,86,105,0.68)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
+  background-position: 50%;
+  background-repeat: no-repeat;
+  block-size: 1.5625rem;
+  font-size: 0;
+  inline-size: 1.5625rem;
+  margin-inline-end: 0.25rem;
+}
+
+@media (max-width: 1264px) {
+  .v-application .fc .fc-toolbar-chunk .fc-button-group .fc-drawerToggler-button {
+    display: block !important;
+  }
+}
+
+.v-theme--dark .v-application .fc .fc-toolbar-chunk .fc-button-group .fc-drawerToggler-button {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='rgba(232,232,241,0.68)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
+}
+
+.v-application .fc .fc-col-header,
+.v-application .fc .fc-daygrid-body,
+.v-application .fc .fc-scrollgrid-sync-table,
+.v-application .fc .fc-timegrid-body,
+.v-application .fc .fc-timegrid-body table {
+  inline-size: 100% !important;
+}
+
+.calendars-checkbox .v-label {
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  opacity: var(--v-high-emphasis-opacity);
+}
+
+.calendar-add-event-drawer.v-navigation-drawer:not(.v-navigation-drawer--temporary) {
+  border-end-start-radius: 0.375rem;
+  border-start-start-radius: 0.375rem;
+}
+
+.v-layout[data-v-85990893] {
+  overflow: visible !important;
+}
+
+.v-layout .v-card[data-v-85990893] {
+  overflow: visible;
+}
+
+</style>
diff --git a/src/views/subscribe/SubscribeListView.vue b/src/views/subscribe/SubscribeListView.vue
index c9ec2425..4ecab072 100644
--- a/src/views/subscribe/SubscribeListView.vue
+++ b/src/views/subscribe/SubscribeListView.vue
@@ -1,46 +1,46 @@
 <script lang="ts" setup>
-import api from '@/api';
-import { formatSeason } from '@core/utils/formatters';
+import api from "@/api";
+import { formatSeason } from "@core/utils/formatters";
 
 // 定义订阅字典结构
 interface Subscribe {
-  id: number
+  id: number;
   // 订阅名称
-  name: string
+  name: string;
   // 订阅年份
-  year: string
+  year: string;
   // 订阅类型 电影/电视剧
-  type: string
+  type: string;
   // 搜索关键字
-  keyword?: string
-  tmdbid: number
-  doubanid?: string
+  keyword?: string;
+  tmdbid: number;
+  doubanid?: string;
   // 季号
-  season?: number
+  season?: number;
   // 海报
-  poster?: string
+  poster?: string;
   // 背景图
-  backdrop?: string
+  backdrop?: string;
   // 评分
-  vote?: number
+  vote?: number;
   // 描述
-  description?: string
+  description?: string;
   // 过滤规则
-  filter?: string
+  filter?: string;
   // 包含
-  include?: string
+  include?: string;
   // 排除
-  exclude?: string
+  exclude?: string;
   // 总集数
-  total_episode?: number
+  total_episode?: number;
   // 开始集数
-  start_episode?: number
+  start_episode?: number;
   // 缺失集数
-  lack_episode?: number
+  lack_episode?: number;
   // 附加信息
-  note?: string
+  note?: string;
   // 状态：N-新建， R-订阅中
-  state: string
+  state: string;
 }
 
 // 输入参数
@@ -54,7 +54,7 @@ const dataList = ref<Subscribe[]>([]);
 // 获取订阅列表数据
 const fetchData = async () => {
   try {
-    dataList.value = await api.get('/subscribe');
+    dataList.value = await api.get("/subscribe");
   } catch (error) {
     console.error(error);
   }
@@ -70,67 +70,87 @@ const filteredDataList = computed(() => {
 
 // 根据 type 返回不同的图标
 const getIcon = (type: string) => {
-  if (type === '电影') {
-    return 'mdi-movie';
-  } else if (type === '电视剧') {
-    return 'mdi-television-classic';
+  if (type === "电影") {
+    return "mdi-movie";
+  } else if (type === "电视剧") {
+    return "mdi-television-classic";
   } else {
-    return 'mdi-help-circle';
+    return "mdi-help-circle";
   }
-}
+};
 </script>
 
 <template>
-    <VRow>
-        <VCol v-for="data in filteredDataList" :key="data.id" cols="12" md="6" lg="4">
-            <VCard :image="data.backdrop" class="card-with-overlay">
-                <VCardItem>
-                    <template #prepend>
-                        <VIcon size="1.9rem" color="white" :icon="getIcon(data.type)" class="overlay-text"/>
-                    </template>
-                    <VCardTitle class="text-white overlay-text">
-                        {{ data.name }} {{ formatSeason(data.season ? data.season.toString(): '') }}
-                    </VCardTitle>
-                </VCardItem>
+  <VRow>
+    <VCol v-for="data in filteredDataList" :key="data.id" cols="12" md="6" lg="4">
+      <VCard :image="data.backdrop" class="card-with-overlay">
+        <VCardItem>
+          <template #prepend>
+            <VIcon
+              size="1.9rem"
+              color="white"
+              :icon="getIcon(data.type)"
+              class="overlay-text"
+            />
+          </template>
+          <VCardTitle class="text-white overlay-text">
+            {{ data.name }} {{ formatSeason(data.season ? data.season.toString() : "") }}
+          </VCardTitle>
+          <template #append>
+            <div class="me-n3">
+              <MoreBtn color="white" class="overlay-text"/>
+            </div>
+          </template>
+        </VCardItem>
 
-                <VCardText class="overlay-text">
-                    <p class="clamp-text text-white mb-0">
-                        {{ data.description }}
-                    </p>
-                </VCardText>
+        <VCardText class="overlay-text">
+          <p class="clamp-text text-white mb-0">
+            {{ data.description }}
+          </p>
+        </VCardText>
 
-                <VCardText class="d-flex justify-space-between align-center flex-wrap overlay-text">
-                    <div class="d-flex align-center">
-                        <IconBtn icon="mdi-star" color="white" class="me-1" />
-                        <span class="text-subtitle-2 text-white me-4">{{ data.vote }}</span>
+        <VCardText
+          class="d-flex justify-space-between align-center flex-wrap overlay-text"
+        >
+          <div class="d-flex align-center">
+            <IconBtn icon="mdi-star" color="white" class="me-1" />
+            <span class="text-subtitle-2 text-white me-4">{{ data.vote }}</span>
 
-                        <IconBtn icon="mdi-progress-clock" color="white" class="me-1" v-if="data.season" />
-                        <span class="text-subtitle-2 text-white" v-if="data.season">{{ (data.total_episode || 0) - (data.lack_episode || 0) }} / {{ data.total_episode }}</span>
-                    </div>
-                </VCardText>
-            </VCard>
-        </VCol>
-    </VRow>
+            <IconBtn
+              icon="mdi-progress-clock"
+              color="white"
+              class="me-1"
+              v-if="data.season"
+            />
+            <span class="text-subtitle-2 text-white" v-if="data.season"
+              >{{ (data.total_episode || 0) - (data.lack_episode || 0) }} /
+              {{ data.total_episode }}</span
+            >
+          </div>
+        </VCardText>
+      </VCard>
+    </VCol>
+  </VRow>
 </template>
 
-<style scoped>
-  .card-with-overlay {
-    position: relative;
-  }
+<style lang="scss">
+.card-with-overlay {
+  position: relative;
+}
 
-  .card-with-overlay::before {
-    position: absolute;
-    z-index: 1;
-    background-color: rgba(0, 0, 0, 40%); /* 背景遮罩的颜色和透明度 */
-    block-size: 100%;
-    content: "";
-    inline-size: 100%;
-    inset-block-start: 0;
-    inset-inline-start: 0;
-  }
+.card-with-overlay::before {
+  position: absolute;
+  z-index: 1;
+  background-color: rgba(0, 0, 0, 40%); /* 背景遮罩的颜色和透明度 */
+  block-size: 100%;
+  content: "";
+  inline-size: 100%;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+}
 
-  .overlay-text {
-    position: relative;
-    z-index: 2;
-  }
+.overlay-text {
+  position: relative;
+  z-index: 2;
+}
 </style>
diff --git a/yarn.lock b/yarn.lock
index 8c0d6388..47c52174 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1462,14 +1462,19 @@
   dependencies:
     "@floating-ui/core" "^1.2.6"
 
-"@fullcalendar/core@^6.1.7":
-  version "6.1.7"
-  resolved "https://registry.yarnpkg.com/@fullcalendar/core/-/core-6.1.7.tgz#83d8b109fbf0deb1d4c3262ca4b2d70e77a287c4"
-  integrity sha512-Hc63ARSyABlNo10B3NkA0z8ndaDmq5MKpcBB2iQsGQyn8N8cyn/x6V284Je1EwDoKsBlbrZAj+j+efBO+QQf5g==
+"@fullcalendar/core@^6.1.8":
+  version "6.1.8"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/core/-/core-6.1.8.tgz#62008f7b2785dc01f0bf8c2f0c853925eab1c03a"
+  integrity sha512-i8JBIvZCWGO9dsMEDcx9bnsQZ9PtGSJdOXGgWbhLaGq2iq41OBdp9g9gM4b/Otv2oK8bL5Gl6CsMmb/HkDtA6Q==
   dependencies:
     preact "~10.12.1"
 
-"@fullcalendar/daygrid@^6.1.7", "@fullcalendar/daygrid@~6.1.7":
+"@fullcalendar/daygrid@^6.1.8":
+  version "6.1.8"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/daygrid/-/daygrid-6.1.8.tgz#2ca4a10892f5e2abeac0f8a8ecc8f07c002a4bf4"
+  integrity sha512-kCZxQFKb9Vqa3CZRX0v7rMSJ2mlTt4gDpyLfiNJKxUAq7W51uKurPaFZWicaXy1ESHVBxKNlbx5uNjBpyu50JQ==
+
+"@fullcalendar/daygrid@~6.1.7":
   version "6.1.7"
   resolved "https://registry.yarnpkg.com/@fullcalendar/daygrid/-/daygrid-6.1.7.tgz#529d5f1989081c5ab9d129fcaf409111b31be976"
   integrity sha512-IB+QdRcs+TeTlsK8qJFtYZ/2GugmXEFC0C00/n1aLT7GLgFn3ueV1GN0EKvXv9HJ5ai8My65mYbSyQizY/Ishw==
@@ -1491,10 +1496,10 @@
   dependencies:
     "@fullcalendar/daygrid" "~6.1.7"
 
-"@fullcalendar/vue3@^6.1.7":
-  version "6.1.7"
-  resolved "https://registry.yarnpkg.com/@fullcalendar/vue3/-/vue3-6.1.7.tgz#7b7cc338e9e652d736ca62ea87783b407b1e2d46"
-  integrity sha512-GGLY9eYF7ahlZkOX7gtRmgZVgVX6B6/01ZH9LSce8bQo/3F0OsnuXdwXaQGMGY6PzJ0ZDcCTcouQjsvmedZJDg==
+"@fullcalendar/vue3@^6.1.8":
+  version "6.1.8"
+  resolved "https://registry.yarnpkg.com/@fullcalendar/vue3/-/vue3-6.1.8.tgz#8d0cb3c8c37c6761857badb77cbf70edc4333dba"
+  integrity sha512-rO7vZnGXyd5djOhpJ9Y33PhnUeJ/1IN1rIVWPWpleh1hboi8kCwVqE47oOwj7NvTEJq1EH8/58UuYtIqRQ73Lg==
 
 "@humanwhocodes/config-array@^0.11.8":
   version "0.11.8"