Merge branch 'develop'

# Conflicts:
#	src/App.vue
#	src/api/menuApi.ts
#	src/components/core/layouts/art-header-bar/index.vue
#	src/router/routes/asyncRoutes.ts
#	src/router/routesAlias.ts
#	src/typings/api.d.ts
#	src/views/system/user-center/index.vue

src/App.vue

@@ -59,3 +59,60 @@
     }
   }
 </script>
+<style>
+.boxshadow {
+    border-radius: 8px;
+    box-shadow: 0 2px 12px 0 rgba(0, 10, 118, 0.1);
+    background: var(--art-main-bg-color);
+    padding: 10px;
+    margin-bottom: 10px;
+}
+.border{
+    width: 6px;
+    height: 22px;
+    border-radius: 3px;
+    background: #3471FF;
+    display: inline-block;
+    vertical-align: bottom;
+}
+.el-dialog {
+  position: relative;
+  overflow: hidden;
+}
+.el-dialog::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  background: linear-gradient(180deg, #E4ECFF 0%, #FFFFFF 50%);
+  pointer-events: none;
+}
+.el-dialog__header,
+.el-dialog__body,
+.el-dialog__footer {
+  background: transparent !important;
+  position: relative;
+  z-index: 1;
+}
+.el-dialog__header{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding-right: 40px; 
+}
+
+.el-dialog__title{
+  flex: 1;
+  text-align: center;
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.el-dialog__headerbtn{
+  position: absolute;
+  right: 16px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+</style>