diff --git a/.gitignore b/.gitignore
index 7f5d52e..ca49dee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,4 +7,4 @@ dist-ssr
 *-lock.*
 pnpm-debug
 stats.html
-
+.idea
diff --git a/src/App.vue b/src/App.vue
index 274b11b..e3301d9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -34,7 +34,7 @@ ElNotification({
 </template>
 
 <style lang="less">
-@prefix-cls: ~'@{namespace}-app';
+@prefix-cls: ~'@{adminNamespace}-app';
 
 .size {
   width: 100%;
diff --git a/src/components/Avatars/src/Avatars.vue b/src/components/Avatars/src/Avatars.vue
index bae1737..1f3619c 100644
--- a/src/components/Avatars/src/Avatars.vue
+++ b/src/components/Avatars/src/Avatars.vue
@@ -69,7 +69,7 @@ const filterData = computed(() => props.data.slice(0, props.max))
 </template>
 
 <style scoped lang="less">
-@prefix-cls: ~'@{namespace}-avatars';
+@prefix-cls: ~'@{adminNamespace}-avatars';
 
 .@{prefix-cls} {
   .@{elNamespace}-avatar + .@{elNamespace}-avatar {
diff --git a/src/components/Descriptions/src/Descriptions.vue b/src/components/Descriptions/src/Descriptions.vue
index a92393c..3463dbf 100644
--- a/src/components/Descriptions/src/Descriptions.vue
+++ b/src/components/Descriptions/src/Descriptions.vue
@@ -163,7 +163,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-descriptions';
+@prefix-cls: ~'@{adminNamespace}-descriptions';
 
 :deep(.@{elNamespace}-descriptions__header) {
   display: none !important;
diff --git a/src/components/Form/src/Form.vue b/src/components/Form/src/Form.vue
index cf04625..3268171 100644
--- a/src/components/Form/src/Form.vue
+++ b/src/components/Form/src/Form.vue
@@ -420,7 +420,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-.@{elNamespace}-form.@{namespace}-form .@{elNamespace}-row {
+.@{elNamespace}-form.@{adminNamespace}-form .@{elNamespace}-row {
   margin-right: 0 !important;
   margin-left: 0 !important;
 }
diff --git a/src/components/Icon/src/Icon.vue b/src/components/Icon/src/Icon.vue
index 1b5bc4c..e3f50e9 100644
--- a/src/components/Icon/src/Icon.vue
+++ b/src/components/Icon/src/Icon.vue
@@ -53,7 +53,7 @@ const getIconifyStyle = computed(() => {
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-icon';
+@prefix-cls: ~'@{adminNamespace}-icon';
 
 .@{prefix-cls},
 .iconify {
diff --git a/src/components/IconPicker/src/IconPicker.vue b/src/components/IconPicker/src/IconPicker.vue
index 57ec4b9..34f350d 100644
--- a/src/components/IconPicker/src/IconPicker.vue
+++ b/src/components/IconPicker/src/IconPicker.vue
@@ -182,7 +182,7 @@ const inputClear = () => {
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-icon-picker';
+@prefix-cls: ~'@{adminNamespace}-icon-picker';
 
 .@{prefix-cls} {
   :deep(.@{elNamespace}-input__wrapper) {
diff --git a/src/components/InputPassword/src/InputPassword.vue b/src/components/InputPassword/src/InputPassword.vue
index 1f04dbb..d9aa928 100644
--- a/src/components/InputPassword/src/InputPassword.vue
+++ b/src/components/InputPassword/src/InputPassword.vue
@@ -65,7 +65,7 @@ const getPasswordStrength = computed(() => {
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-input-password';
+@prefix-cls: ~'@{adminNamespace}-input-password';
 
 .@{prefix-cls} {
   :deep(.@{elNamespace}-input__clear) {
diff --git a/src/components/Menu/src/Menu.vue b/src/components/Menu/src/Menu.vue
index 1950824..d7c69ec 100644
--- a/src/components/Menu/src/Menu.vue
+++ b/src/components/Menu/src/Menu.vue
@@ -126,7 +126,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-menu';
+@prefix-cls: ~'@{adminNamespace}-menu';
 
 .@{prefix-cls} {
   position: relative;
@@ -227,7 +227,7 @@ export default defineComponent({
 </style>
 
 <style lang="less">
-@prefix-cls: ~'@{namespace}-menu-popper';
+@prefix-cls: ~'@{adminNamespace}-menu-popper';
 
 .@{prefix-cls}--vertical,
 .@{prefix-cls}--horizontal {
diff --git a/src/components/Qrcode/src/Qrcode.vue b/src/components/Qrcode/src/Qrcode.vue
index ac216dd..c7ceeeb 100644
--- a/src/components/Qrcode/src/Qrcode.vue
+++ b/src/components/Qrcode/src/Qrcode.vue
@@ -238,7 +238,7 @@ const disabledClick = () => {
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-qrcode';
+@prefix-cls: ~'@{adminNamespace}-qrcode';
 
 .@{prefix-cls} {
   &--disabled {
diff --git a/src/components/Setting/src/Setting.vue b/src/components/Setting/src/Setting.vue
index e2077a4..fb9824f 100644
--- a/src/components/Setting/src/Setting.vue
+++ b/src/components/Setting/src/Setting.vue
@@ -249,7 +249,7 @@ const themeChange = () => {
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-setting';
+@prefix-cls: ~'@{adminNamespace}-setting';
 
 .@{prefix-cls} {
   border-radius: 6px 0 0 6px;
diff --git a/src/components/Setting/src/components/ColorRadioPicker.vue b/src/components/Setting/src/components/ColorRadioPicker.vue
index bc40e10..cea105f 100644
--- a/src/components/Setting/src/components/ColorRadioPicker.vue
+++ b/src/components/Setting/src/components/ColorRadioPicker.vue
@@ -55,7 +55,7 @@ watch(
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-color-radio-picker';
+@prefix-cls: ~'@{adminNamespace}-color-radio-picker';
 
 .@{prefix-cls} {
   .is-active {
diff --git a/src/components/Setting/src/components/LayoutRadioPicker.vue b/src/components/Setting/src/components/LayoutRadioPicker.vue
index de6e80f..2b6d4b5 100644
--- a/src/components/Setting/src/components/LayoutRadioPicker.vue
+++ b/src/components/Setting/src/components/LayoutRadioPicker.vue
@@ -60,7 +60,7 @@ const layout = computed(() => appStore.getLayout)
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-layout-radio-picker';
+@prefix-cls: ~'@{adminNamespace}-layout-radio-picker';
 
 .@{prefix-cls} {
   &__classic {
diff --git a/src/components/TabMenu/src/TabMenu.vue b/src/components/TabMenu/src/TabMenu.vue
index 9942611..e6cf366 100644
--- a/src/components/TabMenu/src/TabMenu.vue
+++ b/src/components/TabMenu/src/TabMenu.vue
@@ -223,7 +223,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-tab-menu';
+@prefix-cls: ~'@{adminNamespace}-tab-menu';
 
 .@{prefix-cls} {
   transition: all var(--transition-time-02);
diff --git a/src/components/TagsView/src/TagsView.vue b/src/components/TagsView/src/TagsView.vue
index 430e3dd..df31a88 100644
--- a/src/components/TagsView/src/TagsView.vue
+++ b/src/components/TagsView/src/TagsView.vue
@@ -478,7 +478,7 @@ watch(
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-tags-view';
+@prefix-cls: ~'@{adminNamespace}-tags-view';
 
 .@{prefix-cls} {
   :deep(.@{elNamespace}-scrollbar__view) {
diff --git a/src/components/UserInfo/src/components/LockPage.vue b/src/components/UserInfo/src/components/LockPage.vue
index 5e09ad8..698be47 100644
--- a/src/components/UserInfo/src/components/LockPage.vue
+++ b/src/components/UserInfo/src/components/LockPage.vue
@@ -152,7 +152,7 @@ function handleShowForm(show = false) {
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-lock-page';
+@prefix-cls: ~'@{adminNamespace}-lock-page';
 
 // Small screen / tablet
 @screen-sm: 576px;
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 485a778..6317695 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -67,7 +67,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-layout';
+@prefix-cls: ~'@{adminNamespace}-layout';
 
 .@{prefix-cls} {
   background-color: var(--app-content-bg-color);
diff --git a/src/layout/components/ToolHeader.vue b/src/layout/components/ToolHeader.vue
index 18bf00a..e6f953f 100644
--- a/src/layout/components/ToolHeader.vue
+++ b/src/layout/components/ToolHeader.vue
@@ -74,7 +74,7 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-tool-header';
+@prefix-cls: ~'@{adminNamespace}-tool-header';
 
 .@{prefix-cls} {
   transition: left var(--transition-time-02);
diff --git a/src/styles/variables.module.less b/src/styles/variables.module.less
index e97028d..a773269 100644
--- a/src/styles/variables.module.less
+++ b/src/styles/variables.module.less
@@ -1,10 +1,10 @@
 // 命名空间
-@namespace: v;
+@adminNamespace: v;
 // el命名空间
 @elNamespace: el;
 
 // 导出变量
 :export {
-  namespace: @namespace;
+  namespace: @adminNamespace;
   elNamespace: @elNamespace;
 }
diff --git a/src/views/Dashboard/components/PanelGroup.vue b/src/views/Dashboard/components/PanelGroup.vue
index da9c278..228cf4d 100644
--- a/src/views/Dashboard/components/PanelGroup.vue
+++ b/src/views/Dashboard/components/PanelGroup.vue
@@ -155,7 +155,7 @@ getCount()
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-panel';
+@prefix-cls: ~'@{adminNamespace}-panel';
 
 .@{prefix-cls} {
   &__item {
@@ -176,7 +176,7 @@ getCount()
     }
 
     &:hover {
-      :deep(.@{namespace}-icon) {
+      :deep(.@{adminNamespace}-icon) {
         color: #fff !important;
       }
       .@{prefix-cls}__item--icon {
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue
index ec6db61..3bc309d 100644
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@@ -99,7 +99,7 @@ const themeChange = () => {
 </template>
 
 <style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-login';
+@prefix-cls: ~'@{adminNamespace}-login';
 
 .@{prefix-cls} {
   overflow: auto;