diff --git a/src/views/exception/403.vue b/src/views/exception/403.vue
index 2887a020..679462d7 100644
--- a/src/views/exception/403.vue
+++ b/src/views/exception/403.vue
@@ -5,8 +5,8 @@
     </div>
     <div class="text-center">
       <h1 class="text-base text-gray-500">抱歉，你无权访问该页面</h1>
-      <n-button type="info" @click="goHome">回到首页</n-button>
     </div>
+    <n-button type="primary" @click="goHome">回到首页</n-button>
   </div>
 </template>
 
@@ -20,11 +20,15 @@ function goHome() {
 
 <style lang="scss" scoped>
 @include go(error) {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
   padding: 100px 0;
+  @include background-image('background-image');
   .text-center {
     h1 {
       color: #666;
diff --git a/src/views/exception/404.vue b/src/views/exception/404.vue
index 769aae9d..86546c3b 100644
--- a/src/views/exception/404.vue
+++ b/src/views/exception/404.vue
@@ -6,7 +6,7 @@
     <div class="text-center">
       <h1 class="text-base text-gray-500">抱歉，你访问的页面不存在</h1>
     </div>
-    <n-button type="info" @click="goHome">回到首页</n-button>
+    <n-button type="primary" @click="goHome">回到首页</n-button>
   </div>
 </template>
 
@@ -20,11 +20,15 @@ function goHome() {
 
 <style lang="scss" scoped>
 @include go(error) {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
   padding: 100px 0;
+  @include background-image('background-image');
   .text-center {
     h1 {
       color: #666;
diff --git a/src/views/exception/500.vue b/src/views/exception/500.vue
index 957596ff..c0d35a6a 100644
--- a/src/views/exception/500.vue
+++ b/src/views/exception/500.vue
@@ -5,8 +5,8 @@
     </div>
     <div class="text-center">
       <h1 class="text-base text-gray-500">抱歉，服务器出错了</h1>
-      <n-button type="info" @click="goHome">回到首页</n-button>
     </div>
+    <n-button type="primary" secondary @click="goHome">回到首页</n-button>
   </div>
 </template>
 
@@ -21,11 +21,15 @@ function goHome() {
 
 <style lang="scss" scoped>
 @include go(error) {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
   padding: 100px 0;
+  @include background-image('background-image');
   .text-center {
     h1 {
       color: #666;