diff --git a/src/App.vue b/src/App.vue
index 8aa33d4..6f408e3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -53,11 +53,26 @@ router.beforeEach((to, from) => {
 }
 
 :root {
-  --primary-color: #2FAFA2;
+  --r: 47;
+  --g: 175;
+  --b: 162;
+  --r-lighter: calc(var(--r) + (255 - var(--r)) * 0.2);
+  --g-lighter: calc(var(--g) + (255 - var(--g)) * 0.2);
+  --b-lighter: calc(var(--b) + (255 - var(--b)) * 0.2);
+  --r-darker: calc(var(--r) * 0.8);
+  --g-darker: calc(var(--g) * 0.8);
+  --b-darker: calc(var(--b) * 0.8);
+
+  --primary-color: rgb(var(--r), var(--g), var(--b));
   --el-color-primary: var(--primary-color) !important;
   --el-button-hover-bg-color: var(--primary-color) !important;
-  --el-color-primary-light-3: lighten(var(--primary-color), 20%) !important;
-  --el-color-primary-dark-2: darken(var(--primary-color), 20%) !important;
+  --el-color-primary-light-3: rgb(var(--r-lighter), var(--g-lighter), var(--b-lighter)) !important;
+  --el-color-primary-dark-2: rgb(var(--r-darker), var(--g-darker), var(--b-darker)) !important;
+}
+
+html {
+  font-size: 20px;
+  color: #333;
 }
 
 /*定义滚动条高宽及背景
diff --git a/src/components/skuModal.vue b/src/components/skuModal.vue
index 68bf164..5ad27e1 100644
--- a/src/components/skuModal.vue
+++ b/src/components/skuModal.vue
@@ -35,7 +35,7 @@
 
 <script setup>
 import { ref } from 'vue'
-const show = ref(true)
+const show = ref(false)
 
 </script>