diff --git a/src/styles/variables.css b/src/styles/variables.css
index 5383f70..81c5a53 100644
--- a/src/styles/variables.css
+++ b/src/styles/variables.css
@@ -2,7 +2,7 @@
 
 :root {
   /** 全局背景色 */
-  --v3-body-bg-color: #f0f2f5;
+  --v3-body-bg-color: #f2f3f5;
   /** Header 区域 = NavigationBar 组件 + TagsView 组件 */
   --v3-header-height: calc(var(--v3-navigationbar-height) + var(--v3-tagsview-height));
   /** NavigationBar 组件 */
diff --git a/src/views/unocss/index.vue b/src/views/unocss/index.vue
index 70e30aa..6a8dec0 100644
--- a/src/views/unocss/index.vue
+++ b/src/views/unocss/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div h-full app-container>
+  <div h-full uno-padding-20>
     <div h-full text-center flex select-none all:transition-400>
       <div ma>
         <div text-5xl fw100 animate-bounce-alt animate-count-infinite animate-1s>UnoCSS</div>
diff --git a/unocss.config.ts b/unocss.config.ts
index 27827c5..ee05716 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -11,12 +11,12 @@ export default defineConfig({
     presetUno()
   ],
   /** 自定义规则 */
-  rules: [["app-container", { padding: "20px" }]],
+  rules: [["uno-padding-20", { padding: "20px" }]],
   /** 自定义快捷方式 */
   shortcuts: {
-    "wh-full": "w-full h-full",
-    "flex-center": "flex justify-center items-center",
-    "flex-x-center": "flex justify-center",
-    "flex-y-center": "flex items-center"
+    "uno-wh-full": "w-full h-full",
+    "uno-flex-center": "flex justify-center items-center",
+    "uno-flex-x-center": "flex justify-center",
+    "uno-flex-y-center": "flex items-center"
   }
 })