diff --git a/README.md b/README.md
index cf09fe8..430f3e2 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,7 @@
 <image src="resources/icon.png" height="64"/>
 
 # dsz-exam-showboard-next
+
 # DSZ考试看板 next（原DSZ考试看板）
 
 ![WelcomePage](/.Screenshots/WelcomePage.jpg)
@@ -18,26 +19,26 @@
 [![Github Last Commit](https://img.shields.io/github/last-commit/MKStoler4096/dsz-exam-showboard-next)](https://github.com/MKStoler4096/dsz-exam-showboard-next/commits/master)
 [![GitHub Language Count](https://img.shields.io/github/languages/count/MKStoler4096/dsz-exam-showboard-next)](https://github.com/MKStoler4096/dsz-exam-showboard-next)
 [![GitHub Top Language](https://img.shields.io/github/languages/top/MKStoler4096/dsz-exam-showboard-next)](https://github.com/MKStoler4096/dsz-exam-showboard-next)
-[![LICENSE](https://img.shields.io/badge/License-GPL--3.0-red.svg "LICENSE")](LICENSE)
+[![LICENSE](https://img.shields.io/badge/License-GPL--3.0-red.svg 'LICENSE')](LICENSE)
 [![QQ群](https://img.shields.io/badge/-QQ%E7%BE%A4%EF%BD%9C901670561-blue?style=flat&logo=TencentQQ&logoColor=white)](https://qm.qq.com/q/zDiEipHsaI)
 
 一款显示当前时间与考试详细信息的看板类软件
 
 | 下载 | [Releases](https://github.com/MKStoler4096/dsz-exam-showboard-next/releases) | [Actions](https://github.com/MKStoler4096/dsz-exam-showboard-next/actions) |
-| - | - | - |
+| ---- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
 
 </div>
 
-> [!tip]
-> **本软件使用`Vue` + `TypeScript` + `JavaScript`制作，使用`Node.js` + `Electron`完善系统级功能并打包。**
+> [!tip] > **本软件使用`Vue` + `TypeScript` + `JavaScript`制作，使用`Node.js` + `Electron`完善系统级功能并打包。**
 
 ## 功能
+
 - 起始页展示`打开配置`、`直接进入看板`按钮
 - 看板页面
-	- 上方展示`考试标题`、`信息`
-	- 左侧展示`当前时间`、`当前科目`、`考试时间`、`考试状态`
-	- 右侧展示考试科目列表，包括`科目`、`开始`、`结束`、`状态`
-	- 考试结束前15分钟黄字提醒
+  - 上方展示`考试标题`、`信息`
+  - 左侧展示`当前时间`、`当前科目`、`考试时间`、`考试状态`
+  - 右侧展示考试科目列表，包括`科目`、`开始`、`结束`、`状态`
+  - 考试结束前15分钟黄字提醒
 
 ## 开始使用
 
@@ -48,26 +49,27 @@
 - 编写`json`配置文件
 
 新建文件`exam_config.json`，模板如下
+
 ```json
 {
-    "examName": "考试名称",
-    "message": "信息",
-    "examInfos": [
-        {
-            "name": "科目",
-            "start": "2024-10-01T07:00:00",
-            "end": "2024-10-01T08:00:00"
-        },
-        {
-            "name": "科目",
-            "start": "2024-10-01T09:00:00",
-            "end": "2024-10-01T10:00:00"
-        }
-    ]
+  "examName": "考试名称",
+  "message": "信息",
+  "examInfos": [
+    {
+      "name": "科目",
+      "start": "2024-10-01T07:00:00",
+      "end": "2024-10-01T08:00:00"
+    },
+    {
+      "name": "科目",
+      "start": "2024-10-01T09:00:00",
+      "end": "2024-10-01T10:00:00"
+    }
+  ]
 }
 ```
 
--  打开软件，进入起始页面，点击`打开配置`按钮，选择配置文件，下次可点击`直接进入看板`按钮，将继续使用上次加载的配置。 
+- 打开软件，进入起始页面，点击`打开配置`按钮，选择配置文件，下次可点击`直接进入看板`按钮，将继续使用上次加载的配置。
 
 ## 遇到问题
 
@@ -82,8 +84,7 @@
 ### Recommended IDE Setup
 
 - [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-> [!Caution]
-> **必须使用Yarn包管理。Node版本要求为20。**
+  > [!Caution] > **必须使用Yarn包管理。Node版本要求为20。**
 
 ### Project Setup
 
@@ -118,8 +119,7 @@ $ yarn build:linux
 
 - 正在[`dev`](https://github.com/MKStoler4096/dsz-exam-showboard-next/commits/dev)分支上开发`1.3-Zob`版本。
 
-> [!note]
-> **如果dev模式页面不显示或按钮点击无效等问题，请连续刷新至少3次后再进行操作。build后没有此问题。**
+> [!note] > **如果dev模式页面不显示或按钮点击无效等问题，请连续刷新至少3次后再进行操作。build后没有此问题。**
 
 ## Stars 历史
 
diff --git a/src/renderer/src/pages/mainWindow.vue b/src/renderer/src/pages/mainWindow.vue
index cf8dae3..db309df 100644
--- a/src/renderer/src/pages/mainWindow.vue
+++ b/src/renderer/src/pages/mainWindow.vue
@@ -1,30 +1,24 @@
 <template>
   <v-container class="main-container" fill-height>
     <v-row justify="center" align="center">
-      <v-col cols="12" md="4">
+      <v-col cols="12" md="4" class="d-flex flex-column">
         <v-card class="pa-4 fade-in slide-in" outlined>
           <v-text-field v-model="remoteUrl" label="请求地址" clearable></v-text-field>
           <v-btn block color="deep-purple accent-4" dark @click="saveUrl">保存地址</v-btn>
           <p class="mt-2 text-center">输入并保存请求地址</p>
-        </v-card>
-      </v-col>
-      <v-col cols="12" md="4">
-        <v-card class="pa-4 fade-in slide-in" outlined>
-          <v-btn block color="teal accent-4" dark @click="fetchConfig">请求配置</v-btn>
-          <p class="mt-2 text-center">请求并加载配置</p>
-        </v-card>
-      </v-col>
-    </v-row>
-    <v-row justify="center" align="center" class="mt-4">
-      <v-col cols="12" md="4">
-        <v-card class="pa-4 fade-in slide-in" outlined>
-          <v-btn block color="deep-purple accent-4" dark @click="openDialog">打开配置</v-btn>
+          <v-btn block color="deep-purple accent-4" dark class="mt-2" @click="openDialog"
+            >打开配置</v-btn
+          >
           <p class="mt-2 text-center">打开 JSON 配置文件</p>
         </v-card>
       </v-col>
-      <v-col cols="12" md="4">
+      <v-col cols="12" md="4" class="d-flex flex-column">
         <v-card class="pa-4 fade-in slide-in" outlined>
-          <v-btn block color="teal accent-4" dark @click="gotoInfoPage">直接进入看板</v-btn>
+          <v-btn block color="teal accent-4" dark @click="fetchConfig">请求配置</v-btn>
+          <p class="mt-2 text-center">请求并加载配置</p>
+          <v-btn block color="teal accent-4" dark class="mt-2" @click="gotoInfoPage"
+            >直接进入看板</v-btn
+          >
           <p class="mt-2 text-center">直接进入看板，将继续使用上次加载的配置</p>
         </v-card>
       </v-col>