diff --git a/src/layouts/components/Header.vue b/src/layouts/components/Header.vue
index 7a5c082..4bad482 100644
--- a/src/layouts/components/Header.vue
+++ b/src/layouts/components/Header.vue
@@ -46,6 +46,7 @@ function goHome() {
   overflow: hidden;
   background: #2c2e3b;
   color: #b9b9ba;
+  margin-bottom: 8px;
   & :deep(.el-dropdown) {
     color: inherit !important;
   }
diff --git a/src/layouts/home.vue b/src/layouts/home.vue
index 20d265d..e6e696c 100644
--- a/src/layouts/home.vue
+++ b/src/layouts/home.vue
@@ -158,7 +158,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .app-wrapper {
-  background: #e7f4ff;
+  background: #f5f7f9;
   flex-direction: column;
   min-width: 1200px;
   overflow: hidden;
@@ -167,7 +167,8 @@ export default {
 .main-container {
   position: relative;
   height: 100%;
-  background: #f5f7f9;
+  // 继承 app-wrapper
+  // background: #f5f7f9;
   .main-body {
     padding: 0 16px 12px 16px;
     display: flex;