diff --git a/components/PollMarks.vue b/components/PollMarks.vue
new file mode 100644
index 0000000..c87e285
--- /dev/null
+++ b/components/PollMarks.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+const props = defineProps<{
+  marks: number[]
+}>()
+
+const emit = defineEmits<{
+  onMarkClick: [markID: number]
+}>()
+
+const marksStore = useMarksStore()
+</script>
+
+<template>
+  <a-tag
+    v-for="mark in props.marks"
+    :key="mark"
+    :color="marksStore.markColorMap[mark]?.color || 'yellow'"
+    @click="emit('onMarkClick', mark)"
+  >
+    {{ marksStore.markColorMap[mark]?.text || '未知' }}
+  </a-tag>
+</template>
+
+<style lang="scss" scoped>
+.ant-tag {
+  @apply mx-1 mb-2;
+}
+</style>
diff --git a/components/do/review/Card.vue b/components/do/review/Card.vue
index a44dace..1452f1d 100644
--- a/components/do/review/Card.vue
+++ b/components/do/review/Card.vue
@@ -2,6 +2,7 @@
 import xss from 'xss'
 import dayjs from 'dayjs'
 import type { PollMethod } from '@/enums/poll'
+import type { HitokotoType } from '~/enums/hitokoto'
 
 // Props 定义
 export type CardPropsPoll = {
@@ -15,7 +16,7 @@ export type CardPropsPoll = {
 export type CardPropsSentence = {
   uuid: string
   hitokoto: string
-  type: string
+  type: HitokotoType
   fromWho?: string
   from: string
   creator: string
diff --git a/components/review/records/Card.vue b/components/review/records/Card.vue
new file mode 100644
index 0000000..e7e4517
--- /dev/null
+++ b/components/review/records/Card.vue
@@ -0,0 +1,77 @@
+<script lang="ts" setup>
+import dayjs from 'dayjs'
+import { UserRole } from '@/enums/user'
+import { PollStatus } from '@/enums/poll'
+import type { UserPollLogsRes } from '@/composables/api'
+
+const userStore = useUserStore()
+
+const props = defineProps<{
+  userPollLog: UserPollLogsRes['collection'][0]
+}>()
+
+const sentence = computed(() => {
+  return {
+    uuid: props.userPollLog.sentence.uuid,
+    hitokoto: props.userPollLog.sentence.hitokoto,
+    type: props.userPollLog.sentence.type,
+    fromWho: props.userPollLog.sentence.from_who,
+    from: props.userPollLog.sentence.from,
+    creator: props.userPollLog.sentence.creator,
+    createdAt: props.userPollLog.sentence.created_at
+  }
+})
+
+const emit = defineEmits<{
+  showPollDetail: [pollID: number]
+}>()
+</script>
+
+<template>
+  <a-card class="review-record-card">
+    <template #title> #{{ props.userPollLog.poll_id }} </template>
+    <ReviewRecordsCardSentence :sentence="sentence" />
+    <a-divider />
+
+    <div class="polled-info-container">
+      <p class="tips">
+        操作时间：{{
+          dayjs(userPollLog.created_at).format('YYYY-MM-DD HH:mm:ss')
+        }}
+      </p>
+      <p class="poll-info">
+        投票类型：<b>{{ convertPollMethod(userPollLog.type) }}</b>
+        {{ userPollLog.point }} 票
+      </p>
+      <div
+        v-show="userPollLog.user_marks && userPollLog.user_marks.length > 0"
+        class="user-marks"
+      >
+        审核标记：<PollMarks :marks="userPollLog.user_marks" />
+      </div>
+      <p v-show="userPollLog.comment" class="comment">
+        投票评论：{{ userPollLog.comment }}
+      </p>
+    </div>
+    <div class="actions-container flex justify-end mt-5">
+      <a-button
+        v-show="
+          userStore.user?.role === UserRole.Admin ||
+          userPollLog.sentence.poll_status != PollStatus.Open
+        "
+        type="primary"
+        @click="emit('showPollDetail', props.userPollLog.poll_id)"
+      >
+        投票详情
+      </a-button>
+    </div>
+  </a-card>
+</template>
+
+<style lang="scss" scoped>
+.polled-info-container {
+  p {
+    @apply mb-1 mt-0;
+  }
+}
+</style>
diff --git a/components/review/records/CardSentence.vue b/components/review/records/CardSentence.vue
new file mode 100644
index 0000000..c966e8d
--- /dev/null
+++ b/components/review/records/CardSentence.vue
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import type { CardPropsSentence } from '@/components/do/review/Card.vue'
+import dayjs from 'dayjs'
+import { filterXSS } from 'xss'
+
+const props = defineProps<{
+  sentence: CardPropsSentence
+}>()
+</script>
+
+<template>
+  <a-popover placement="top">
+    <template #content>
+      <p>分类：{{ convertHitokotoType(props.sentence.type) }}</p>
+      <p>提交者：{{ props.sentence.creator }}</p>
+      <p>
+        提交于:
+        {{
+          dayjs(+props.sentence.createdAt * 1000).format('YYYY-MM-DD HH:mm:ss')
+        }}
+      </p>
+    </template>
+    <template #title>
+      <span class="font-mono">{{ props.sentence.uuid }}</span>
+    </template>
+    <div class="hitokoto">
+      <!-- eslint-disable-next-line vue/no-v-html -->
+      <p class="sentence" v-html="filterXSS(props.sentence.hitokoto)"></p>
+      <p class="author">
+        —— {{ props.sentence.fromWho || '' }}『{{ props.sentence.from }}』
+      </p>
+    </div>
+  </a-popover>
+</template>
+
+<style lang="scss" scoped>
+.hitokoto {
+  @apply w-full font-noto-serif;
+
+  .sentence {
+    @apply text-lg w-full font-600;
+  }
+
+  .author {
+    @apply text-sm w-full text-right;
+  }
+}
+</style>
diff --git a/components/review/records/PollDetailModal.vue b/components/review/records/PollDetailModal.vue
new file mode 100644
index 0000000..658b3c7
--- /dev/null
+++ b/components/review/records/PollDetailModal.vue
@@ -0,0 +1,103 @@
+<script lang="ts" setup>
+import dayjs from 'dayjs'
+import { PollStatus } from '~/enums/poll'
+const props = defineProps<{
+  pollId: number
+  open: boolean
+}>()
+
+const emit = defineEmits<{
+  'update:open': [value: boolean]
+}>()
+
+// fetch PollDetail
+const pollID = computed(() => props.pollId)
+const { data, pending, error, refresh } = usePollDetail(pollID)
+
+watch(
+  () => props.open,
+  (val) => {
+    val && refresh()
+  }
+)
+</script>
+
+<template>
+  <a-modal
+    :open="props.open"
+    :title="`投票详情 #${pollID}`"
+    @update:open="emit('update:open', $event)"
+    @ok="emit('update:open', false)"
+  >
+    <template v-if="pending">
+      <a-spin />
+    </template>
+    <template v-if="error">
+      <p>加载失败</p>
+    </template>
+    <template v-if="!pending && !error">
+      <div class="chart">
+        <ReviewRecordsPollPointsPieChart
+          :approve="data?.data.approve || 0"
+          :reject="data?.data.reject || 0"
+          :need-modify="data?.data.need_edited || 0"
+        />
+      </div>
+      <div class="poll-info-container">
+        <p>
+          状态：{{ convertPollStatus(data?.data.status as PollStatus) || -1 }}
+        </p>
+        <p>
+          创建于：{{
+            dayjs(data?.data.created_at).format('YYYY-MM-DD HH:mm:ss')
+          }}
+        </p>
+        <p>
+          更新于：{{
+            dayjs(data?.data.updated_at).format('YYYY-MM-DD HH:mm:ss')
+          }}
+        </p>
+      </div>
+      <div
+        v-show="data?.data.marks && data?.data.marks.length > 0"
+        class="marks"
+      >
+        <span>审核标记：</span>
+        <PollMarks :marks="data?.data.marks || []" />
+      </div>
+      <div
+        v-if="data?.data.records && data?.data.records.length > 0"
+        class="records"
+      >
+        <p class="title">审核记录</p>
+        <ul>
+          <li v-for="record in data?.data.records" :key="record.user_id">
+            {{ record.user_id }}：{{ convertPollMethod(record.method) }}
+            {{ record.point }} 票
+            {{ record.comment && `，评论到：“${record.comment}”` }}
+          </li>
+        </ul>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  @apply w-full h-70 mt-5;
+}
+
+.poll-info-container {
+  @apply mt-5;
+
+  p {
+    @apply mb-0.25 mt-0;
+  }
+}
+
+.records {
+  .title {
+    @apply font-bold text-base;
+  }
+}
+</style>
diff --git a/components/review/records/PollPointsPieChart.client.vue b/components/review/records/PollPointsPieChart.client.vue
new file mode 100644
index 0000000..11e3960
--- /dev/null
+++ b/components/review/records/PollPointsPieChart.client.vue
@@ -0,0 +1,70 @@
+<script lang="ts" setup>
+import { use } from 'echarts/core'
+import { CanvasRenderer } from 'echarts/renderers'
+import { PieChart } from 'echarts/charts'
+import {
+  TitleComponent,
+  TooltipComponent,
+  LegendComponent
+} from 'echarts/components'
+import VChart from 'vue-echarts'
+
+const props = defineProps<{
+  approve: number
+  reject: number
+  needModify: number
+}>()
+
+use([
+  CanvasRenderer,
+  PieChart,
+  TitleComponent,
+  TooltipComponent,
+  LegendComponent
+])
+
+// provide(THEME_KEY, 'dark')
+
+const option = computed(() => {
+  return {
+    title: {
+      text: '投票概览',
+      left: 'center'
+    },
+    tooltip: {
+      trigger: 'item',
+      formatter: '{a} <br/>{b} : {c} ({d}%)'
+    },
+    legend: {
+      orient: 'vertical',
+      left: 'left',
+      data: ['赞同', '驳回', '需要修改']
+    },
+    color: ['#91cc75', '#ee6666', '#fac858'],
+    series: [
+      {
+        name: '投票',
+        type: 'pie',
+        radius: '55%',
+        center: ['50%', '60%'],
+        data: [
+          { value: props.approve, name: '赞同' },
+          { value: props.reject, name: '驳回' },
+          { value: props.needModify, name: '需要修改' }
+        ],
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.5)'
+          }
+        }
+      }
+    ]
+  }
+})
+</script>
+
+<template>
+  <VChart class="chart" :option="option" autoresize />
+</template>
diff --git a/composables/api/reviewer/poll.ts b/composables/api/reviewer/poll.ts
index ff45e91..608c220 100644
--- a/composables/api/reviewer/poll.ts
+++ b/composables/api/reviewer/poll.ts
@@ -149,9 +149,13 @@ export type PollDetailReq = {
 export type PollDetailRes = PollListCollectionElement
 
 export function usePollDetail(
-  pollID: number,
+  pollID: number | Ref<number>,
   req: PollDetailReq = {},
   options: HTTPOption<PollDetailRes> = {}
 ) {
-  return useHTTP.get<PollDetailRes>(`/poll/${pollID}`, req, options)
+  return useHTTP.get<PollDetailRes>(
+    () => `/poll/${typeof pollID === 'number' ? pollID : pollID.value}`,
+    req,
+    options
+  )
 }
diff --git a/composables/api/reviewer/user.ts b/composables/api/reviewer/user.ts
index 7fbe152..18bd174 100644
--- a/composables/api/reviewer/user.ts
+++ b/composables/api/reviewer/user.ts
@@ -64,3 +64,46 @@ export function useUserUnreviewedCount(
     options
   )
 }
+
+export type UserPollLogsReq = {
+  page?: number
+  page_size?: number
+  order: 'acs' | 'desc'
+}
+
+export type UserPollLogsRes = {
+  collection: Array<{
+    poll_id: number
+    point: number
+    sentence_uuid: string
+    type: PollMethod
+    comment: string
+    created_at: string
+    updated_at: string
+    sentence: {
+      id: number
+      uuid: string
+      hitokoto: string
+      type: HitokotoType
+      from: string
+      from_who?: string
+      creator: string
+      creator_uid: number
+      reviewer: number
+      status: HitokotoStatus
+      poll_status: PollStatus
+      created_at: string
+    }
+    user_marks: number[]
+  }>
+  total: number
+  page: number
+  page_size: number
+}
+
+export function useUserPollLogs(
+  params: UserPollLogsReq | Ref<UserPollLogsReq>,
+  options: HTTPOption<UserPollLogsRes> = {}
+) {
+  return useHTTP.get<UserPollLogsRes>(`/user/poll/logs`, params, options)
+}
diff --git a/layouts/default.vue b/layouts/default.vue
index ceaf989..8bd99b6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -25,7 +25,7 @@
 }
 
 .main {
-  @apply mt-3 md:mt-15 mx-auto w-full md:w-80% lg:w-70%  bg-white md:rounded-t-4 border-2 shadow-sm shadow-slate-100;
+  @apply mt-3 md:mt-15 mx-auto w-full md:w-90% lg:w-80% xl:w-70%  bg-white md:rounded-t-4 border-2 shadow-sm shadow-slate-100;
   @apply flex-1 flex shrink-0;
 
   .sidebar {
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d7c2cdc..952eceb 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -17,7 +17,7 @@ export default defineNuxtConfig({
         {
           // Google Fonts
           rel: 'stylesheet',
-          href: 'https://fonts.googleapis.com/css?family=Noto+Serif+SC:600&display=swap'
+          href: 'https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Serif+TC:wght@400;600;700;900&display=swap'
         }
         // {
         //   rel: 'stylesheet',
@@ -57,6 +57,9 @@ export default defineNuxtConfig({
   gtag: {
     id: 'G-86GDBEXXNZ'
   },
+  build: {
+    transpile: [/echarts/]
+  },
 
   imports: {
     dirs: ['./stores']
@@ -73,7 +76,9 @@ export default defineNuxtConfig({
       enabled: true
     }
   },
-  components: true,
+  components: {
+    dirs: ['~/components']
+  },
   runtimeConfig: {
     public: {
       endpoint: {
diff --git a/package.json b/package.json
index f5b93d7..d2dea5c 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "animate.css": "^4.1.1",
     "ant-design-vue": "~4.0.1",
     "dayjs": "^1.11.9",
+    "echarts": "^5.4.3",
     "eslint": "^8.48.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-standard": "^17.1.0",
@@ -79,6 +80,7 @@
     "validator": "^13.11.0",
     "vant": "^4.6.6",
     "vite": "^4.4.9",
+    "vue-echarts": "^6.6.1",
     "vue-masonry": "^0.16.0",
     "xss": "^1.0.14"
   },
diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index cc3b825..80fab56 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -2,6 +2,21 @@
 definePageMeta({
   middleware: ['auth']
 })
+// 刷新 Mark 列表
+const marksStore = useMarksStore()
+const { error: fetchMarksError, data: marksData } = usePollMarks({
+  lazy: true
+})
+watch(
+  () => [fetchMarksError.value, marksData.value],
+  (val) => {
+    if (val[0] != null) {
+      message.error('刷新 Mark 列表失败')
+      return
+    }
+    marksStore.$setMarks(marksData.value?.data || [])
+  }
+)
 </script>
 
 <template>
diff --git a/pages/dashboard/do_review.vue b/pages/dashboard/do_review.vue
index 5b4e835..136759b 100644
--- a/pages/dashboard/do_review.vue
+++ b/pages/dashboard/do_review.vue
@@ -204,22 +204,6 @@ const onOperationDone = (event: 'submit' | 'cancel', index: number) => {
   // console.log(event, index)
   refreshPollItem(index, cardData.value[index].poll.id)
 }
-
-// 刷新 Mark 列表
-const marksStore = useMarksStore()
-const { error: fetchMarksError, data: marksData } = usePollMarks({
-  lazy: true
-})
-watch(
-  () => [fetchMarksError.value, marksData.value],
-  (val) => {
-    if (val[0] != null) {
-      message.error('刷新 Mark 列表失败')
-      return
-    }
-    marksStore.$setMarks(marksData.value?.data || [])
-  }
-)
 </script>
 <template>
   <div class="do-review">
diff --git a/pages/dashboard/records/review.vue b/pages/dashboard/records/review.vue
index 3a12f38..1772998 100644
--- a/pages/dashboard/records/review.vue
+++ b/pages/dashboard/records/review.vue
@@ -1,11 +1,60 @@
 <script setup lang="ts">
+import { UserPollLogsReq, useUserPollLogs } from '~/composables/api'
+
 useHead({
   title: '审核记录'
 })
+
+const showPollDetailModal = ref(false)
+const showPollDetailModalPollId = ref(0)
+const showPollDetail = (pollID: number) => {
+  showPollDetailModal.value = true
+  showPollDetailModalPollId.value = pollID
+}
+
+// 审核记录
+const route = useRoute()
+const page = computed(() => {
+  return Number(route.query.page) || 1
+})
+const pageSize = computed(() => {
+  return Number(route.query.pageSize) || 10
+})
+const userPollLogsParams = computed(() => {
+  return {
+    page: page.value,
+    pageSize: pageSize.value,
+    order: 'desc'
+  } as UserPollLogsReq
+})
+const { data: userPollLogsData, refresh: refreshUserPollLogs } =
+  await useUserPollLogs(userPollLogsParams, {
+    lazy: true
+  })
+watch([page, pageSize], () => {
+  refreshUserPollLogs()
+})
 </script>
 
 <template>
-  <div class="review-records">
+  <div class="review-records w-full">
     <a-page-header title="审核记录" />
+    <ReviewRecordsPollDetailModal
+      v-model:open="showPollDetailModal"
+      :poll-id="showPollDetailModalPollId"
+    />
+    <div class="mt-10 w-full">
+      <div
+        v-if="userPollLogsData && userPollLogsData.data.collection.length > 0"
+        class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-4"
+      >
+        <ReviewRecordsCard
+          v-for="userPollLog in userPollLogsData.data.collection"
+          :key="userPollLog.poll_id"
+          :user-poll-log="userPollLog"
+          @show-poll-detail="showPollDetail"
+        />
+      </div>
+    </div>
   </div>
 </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8bcca05..83bfe6c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -100,6 +100,9 @@ devDependencies:
   dayjs:
     specifier: ^1.11.9
     version: 1.11.9
+  echarts:
+    specifier: ^5.4.3
+    version: 5.4.3
   eslint:
     specifier: ^8.48.0
     version: 8.48.0
@@ -211,6 +214,9 @@ devDependencies:
   vite:
     specifier: ^4.4.9
     version: 4.4.9(@types/node@20.5.7)(sass@1.66.1)
+  vue-echarts:
+    specifier: ^6.6.1
+    version: 6.6.1(echarts@5.4.3)(vue@3.3.4)
   vue-masonry:
     specifier: ^0.16.0
     version: 0.16.0(vue@3.3.4)
@@ -5922,6 +5928,13 @@ packages:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
     dev: true
 
+  /echarts@5.4.3:
+    resolution: {integrity: sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.4.4
+    dev: true
+
   /ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
     dev: true
@@ -10178,6 +10191,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /resize-detector@0.3.0:
+    resolution: {integrity: sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ==}
+    dev: true
+
   /resize-observer-polyfill@1.5.1:
     resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
     dev: true
@@ -11314,6 +11331,10 @@ packages:
       strip-bom: 3.0.0
     dev: true
 
+  /tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: true
+
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
     dev: true
@@ -12153,6 +12174,23 @@ packages:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
     dev: true
 
+  /vue-echarts@6.6.1(echarts@5.4.3)(vue@3.3.4):
+    resolution: {integrity: sha512-EpreTzlNeJ+eaUn0AhXEmKJk98xJGecgTqAdyZovoXWnhTxnlW2HuBM0ei3y8rLw1JCUabf8/sYvxjlr8SzBKQ==}
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.5
+      echarts: ^5.4.1
+      vue: ^2.6.12 || ^3.1.1
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      echarts: 5.4.3
+      resize-detector: 0.3.0
+      vue: 3.3.4
+      vue-demi: 0.13.11(vue@3.3.4)
+    dev: true
+
   /vue-eslint-parser@9.3.1(eslint@8.48.0):
     resolution: {integrity: sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -12663,6 +12701,12 @@ packages:
       readable-stream: 3.6.2
     dev: true
 
+  /zrender@5.4.4:
+    resolution: {integrity: sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==}
+    dependencies:
+      tslib: 2.3.0
+    dev: true
+
   mirrors.tencent.com/cssfilter@0.0.10:
     resolution: {integrity: sha1-xtJnJjKi5cg+AT5oZKQs6N79IK4=, registry: https://registry.npmmirror.com/, tarball: https://mirrors.tencent.com/npm/cssfilter/-/cssfilter-0.0.10.tgz}
     name: cssfilter
diff --git a/uno.config.ts b/uno.config.ts
index ea7d2ad..e753ef9 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -23,7 +23,7 @@ export default defineConfig({
     [
       'font-noto-serif',
       {
-        'font-family': 'Noto Serif SC, serif'
+        'font-family': '"Noto Serif SC", "Noto Serif TC", serif'
       }
     ]
   ],
diff --git a/utils/converter.ts b/utils/converter.ts
index 6a6c380..1f7cd84 100644
--- a/utils/converter.ts
+++ b/utils/converter.ts
@@ -1,5 +1,6 @@
+import { PollStatus } from './../enums/poll'
 import { HitokotoType } from '@/enums/hitokoto'
-const hitokotoTypeMap = {
+const HitokotoTypeMap = {
   a: '动画',
   b: '漫画',
   c: '游戏',
@@ -15,10 +16,10 @@ const hitokotoTypeMap = {
 } as Record<string, string>
 
 export function convertHitokotoType(input: string | HitokotoType): string {
-  return hitokotoTypeMap[input] || '未知分类'
+  return HitokotoTypeMap[input] || '未知分类'
 }
 
-const pollMethodMap = {
+const PollMethodMap = {
   1: '赞同',
   2: '驳回',
   3: '需要修改',
@@ -26,5 +27,21 @@ const pollMethodMap = {
 } as Record<number, string>
 
 export function convertPollMethod(input: number): string {
-  return pollMethodMap[input] || '未知'
+  return PollMethodMap[input] || '未知'
+}
+
+const PollStatusMap = {
+  0: '未开放',
+  1: '进行中',
+  2: '处理中',
+  100: '暂停',
+  101: '关闭',
+  102: '普通用户投票',
+  200: '通过',
+  201: '驳回',
+  202: '需要修改'
+} as Record<PollStatus, string>
+
+export function convertPollStatus(input: PollStatus): string {
+  return PollStatusMap[input] || '未知'
 }