a

src/theme/app.scss

@@ -32,9 +32,10 @@ body,
 	padding: 0;
 	width: 100%;
 	height: 100%;
-	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
 	font-weight: 400;
 	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 	-webkit-tap-highlight-color: transparent;
 	background-color: var(--next-bg-main-color);
 	font-size: 14px;
@@ -49,7 +50,8 @@ body,
 	width: 100%;
 	height: 100%;
 	.layout-pd {
-		padding: 5px !important;
+		padding: 10px !important;
+		background: linear-gradient(135deg,#f5f7fa,#e9ecef);
 	}
 	.layout-flex {
 		display: flex;
@@ -101,14 +103,15 @@ body,
 		&-auto {
 			height: inherit;
 			@extend .layout-flex;
-			padding: 10px;
+			padding: 20px;
 		}
 		&-view {
 			background: var(--el-color-white);
 			width: 100%;
 			height: 100%;
-			border-radius: 4px;
-			border: 1px solid var(--el-border-color-light, #ebeef5);
+			border-radius: 10px;
+			// border: 1px solid var(--el-border-color-light, #ebeef5);
+			box-shadow: 0 2px 12px #00000014;
 			overflow: hidden;
 		}
 	}
@@ -134,10 +137,18 @@ body,
 		border-right: 1px solid var(--el-border-color-light, #ebeef5);
 	}
 	// pc端左侧导航样式
+	.layout-aside-pc-200 {
+		width: 200px !important;
+		transition: width 0.3s ease;
+	}
 	.layout-aside-pc-220 {
 		width: 220px !important;
 		transition: width 0.3s ease;
 	}
+	.layout-aside-pc-230 {
+		width: 230px !important;
+		transition: width 0.3s ease;
+	}
 	.layout-aside-pc-250 {
 		width: 250px !important;
 		transition: width 0.3s ease;
@@ -154,12 +165,12 @@ body,
 	.layout-aside-mobile {
 		position: fixed;
 		top: 0;
-		left: -220px;
-		width: 220px;
+		left: -200px;
+		width: 200px;
 		z-index: 9999999;
 	}
 	.layout-aside-mobile-close {
-		left: -220px;
+		left: -200px;
 		transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
 	}
 	.layout-aside-mobile-open {