diff --git a/package.json b/package.json
index 92afcdf..413f4e2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "win-up-to-date",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "A website project showing the latest status of Windows Insider versions.",
   "main": "index.js",
   "repository": "https://github.com/crrashh1542/win-up-to-date",
diff --git a/src/components/CopiableCode.vue b/src/components/CopiableCode.vue
index abe07a5..b1dc23f 100644
--- a/src/components/CopiableCode.vue
+++ b/src/components/CopiableCode.vue
@@ -3,6 +3,7 @@
  * 可复制代码组件，代码右侧有个小复制按钮
  * 用法：<CopiableCode value="xxx" />
  */
+
 // 引入库
 import { provideFluentDesignSystem, fluentButton } from "@fluentui/web-components"
 import useClipboard from 'vue-clipboard3'
@@ -25,7 +26,7 @@ export default {
 
 <template>
     <!-- 代码本身 -->
-    <code class="text-base">{{ value }}</code>
+    <code class="text-base leading-7">{{ value }}</code>
 
     <!-- 复制按钮 -->
     <fluent-button class="text-sm" @click="copy(value)">
diff --git a/src/views/DataCategoryList.vue b/src/views/DataCategoryList.vue
index f060c7f..726cf1d 100644
--- a/src/views/DataCategoryList.vue
+++ b/src/views/DataCategoryList.vue
@@ -108,13 +108,13 @@ export default {
         </Card>
 
         <!-- 数据表 -->
-        <div class="data">
+        <div class="data rounded-lg shadow">
             <div class="head">
                 <span class="left">版本</span>
                 <span class="right">发布时间</span>
             </div>
 
-            <div class="content" v-for="row in category.list" :key="row[0]">
+            <div class="content leading-8" v-for="row in category.list" :key="row[0]">
                 <router-link :to="getPath(row[0])">
                     <span class="left">{{ row[0] }}</span>
                     <span class="right">{{ row[1] }}</span>
@@ -125,12 +125,11 @@ export default {
 </template>
 
 <style lang="less" scoped>
-@import url('../assets/styles/reset.less');
+@import url('../assets/styles/global.less');
 
 // 本页全局
 .item::before {
-    // 图标间隙
-    margin-right: .4em;
+    margin-right: @wu-icon-spacing;
 }
 
 // 信息栏
@@ -147,14 +146,12 @@ export default {
 
 // 数据表
 .data {
-    width: 100%;
     margin: 1.5em 0;
     .left { width: 30%; }
     .right { width: 70%; }
 
     .head {
         background-color: #fff;
-        text-align-last: left;
         border-bottom: 1px solid #ccc;
 
         span {
@@ -166,7 +163,7 @@ export default {
 
     .content {
         background-color: @wu-color-theme-bg;
-        text-align-last: left;
+        border-bottom: .25px solid #dedede;
         a { display: block; }
         span {
             padding: 4px 1em;
diff --git a/src/views/DataDetail.vue b/src/views/DataDetail.vue
index 8e6c8ca..791afbe 100644
--- a/src/views/DataDetail.vue
+++ b/src/views/DataDetail.vue
@@ -110,7 +110,7 @@ export default {
             <div>
                 <p class="icon-arch">系统架构 / 
                     <span v-for="i in detail.build.arch" :key="i">{{ i }}&nbsp;&nbsp;</span></p>
-                <p class="icon-branch">构建归属 / <router-link :to="constructBelongingRoute(detail.belongsTo.path)">
+                <p class="icon-version">构建归属 / <router-link :to="constructBelongingRoute(detail.belongsTo.path)">
                     {{ detail.belongsTo.name }}</router-link></p>
             </div>
         </Card>
diff --git a/src/views/MainAbout.vue b/src/views/MainAbout.vue
index 3c512f7..19504e8 100644
--- a/src/views/MainAbout.vue
+++ b/src/views/MainAbout.vue
@@ -48,8 +48,8 @@ export default {
     </Card>
 
     <br />
-    <p>本项目数据托管于<a href="https://github.com/crrashh1542/win-up-to-date/tree/data">公共维护的仓库</a>，<s>以后会在咕咕咕技术比较成熟之后有可能会换到 UUP
-            dump 上</s>。项目遵循 GPL-3.0 开源协议，并仅限于作展示和交流学习用途。</p>
+    <p>本项目数据托管于<a href="https://github.com/crrashh1542/win-up-to-date/tree/data" target="_blank">公共维护的仓库</a>。
+        项目遵循 <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">GPL-3.0 开源协议</a>，并仅限于作展示和交流学习用途。</p>
     <p>以下为该仓库数据的数据来源，由衷感谢：</p>
 
     <p>
diff --git a/src/views/MainHome.vue b/src/views/MainHome.vue
index 1b04147..eeed4b7 100644
--- a/src/views/MainHome.vue
+++ b/src/views/MainHome.vue
@@ -15,7 +15,7 @@ export default {
     setup() {
         // STEP1 ------ 设定初始值
         let data = reactive({
-            data: [],
+            list: [],
             isLoading: true
         })
 
@@ -26,7 +26,7 @@ export default {
 
             // STEP3 ------ 处理并修改数据
             .then(function (response) {
-                data.data = response.data
+                data.list = response.data.content
                 data.isLoading = false
             })
             .catch(function (error) {
@@ -36,6 +36,11 @@ export default {
         // STEP4 ------ 返回数据
         return { ...toRefs(data) }
     },
+    methods: {
+        constructRoute(category, build) {
+            return '/detail/' + category + '/' + build
+        }
+    },
     props: {
         // 接收 SettingDialog 传到父组件的数据
         isShowFlight: Boolean,
@@ -55,39 +60,62 @@ export default {
 
     <!-- 内容块 -->
     <div v-if="!isLoading">
-        <div class="block" v-for="d in data" :key="d.category" :id="d.category">
+        <div class="block" v-for="d in list" :key="d.category" :id="d.category">
             <!-- 标题 -->
-            <catalog>
+            <Catalog>
                 <span :class=d.style></span>{{ d.category }}
-            </catalog>
+            </Catalog>
 
             <!-- 卡片 -->
-            <card v-for="r in d.releases" :key="r.name" :class=r.style>
-                <div class="info">
-
-                    <!-- 第一行 -->
-                    <div class="row">
-                        <span class="font-medium text-base leading-none category">
-                            {{ r.name }}<!-- 类型 -->
-                        </span>
-                        <span class="detail codename float-right" v-if="isShowFlight !== false">
-                            {{ r.codename }} {{ r.period }} <!-- 周期和代号 -->
-                        </span>
-                    </div>
-
-                    <!-- 第二行 -->
-                    <div class="font-medium text-2xl version">{{ r.version }}<!-- 版本 --></div>
-
-                    <!-- 第三行 -->
-                    <div class="row" v-if="r.branch !== undefined && isShowBranch !== false">
-                        <span class="detail branch">{{ r.branch }}<!-- 分支 --></span>
+            <Card v-for="r in d.releases" :key="r.name" :class=r.style>
+
+                <!-- 如果 r.detail 存在则设置 router-link -->
+                <router-link v-if="r.detail !== undefined" :to="constructRoute(r.detail.category, r.version)">
+                    <div class="info">
+                        <!-- 第一行 -->
+                        <div class="row">
+                            <span class="font-medium text-base leading-none category">
+                                {{ r.name }}<!-- 类型 -->
+                            </span>
+                            <span class="detail codename float-right" v-if="isShowFlight !== false">
+                                {{ r.codename }} {{ r.period }} <!-- 周期和代号 -->
+                            </span>
+                        </div>
+                        <!-- 第二行 -->
+                        <div class="font-medium text-2xl version">{{ r.version }}<!-- 版本 --></div>
+                        <!-- 第三行 -->
+                        <div class="row" v-if="r.branch !== undefined && isShowBranch !== false">
+                            <span class="detail branch">{{ r.branch }}<!-- 分支 --></span>
+                        </div>
+                        <div class="row" v-else-if="isShowBranch !== false">
+                            <span class="detail"></span>
+                        </div>
                     </div>
-                    <div class="row" v-else-if="isShowBranch !== false">
-                        <span class="detail"></span>
+                </router-link>
+
+                <div v-else>
+                    <div class="info">
+                        <!-- 第一行 -->
+                        <div class="row">
+                            <span class="font-medium text-base leading-none category">
+                                {{ r.name }}<!-- 类型 -->
+                            </span>
+                            <span class="detail codename float-right" v-if="isShowFlight !== false">
+                                {{ r.codename }} {{ r.period }} <!-- 周期和代号 -->
+                            </span>
+                        </div>
+                        <!-- 第二行 -->
+                        <div class="font-medium text-2xl version">{{ r.version }}<!-- 版本 --></div>
+                        <!-- 第三行 -->
+                        <div class="row" v-if="r.branch !== undefined && isShowBranch !== false">
+                            <span class="detail branch">{{ r.branch }}<!-- 分支 --></span>
+                        </div>
+                        <div class="row" v-else-if="isShowBranch !== false">
+                            <span class="detail"></span>
+                        </div>
                     </div>
-
                 </div>
-            </card>
+            </Card>
         </div>
     </div>
 </template>
@@ -144,11 +172,13 @@ export default {
         --card-width: 32%;
     }
 }
+
 @media screen and (max-width: 1150px) {
     .card {
         --card-width: 48%;
     }
 }
+
 // SEC 2 ------ 一列
 @media screen and (max-width: 620px) {
     .card {