diff --git a/Yi.Bbs.Vue3/src/components/DisscussCard.vue b/Yi.Bbs.Vue3/src/components/DisscussCard.vue
index 411ad5ce..adb69e0b 100644
--- a/Yi.Bbs.Vue3/src/components/DisscussCard.vue
+++ b/Yi.Bbs.Vue3/src/components/DisscussCard.vue
@@ -142,7 +142,8 @@ onMounted(() => {
 </script>
 <style scoped lang="scss">
 .el-card {
-  border: 2px solid white;
+  border: 1px solid rgba(0, 255, 136, 0.2);
+  animation-delay: 0.4s;
 }
 
 .item-bottom {
diff --git a/Yi.Bbs.Vue3/src/components/ScrollbarInfo.vue b/Yi.Bbs.Vue3/src/components/ScrollbarInfo.vue
index 44d11039..6844d1f4 100644
--- a/Yi.Bbs.Vue3/src/components/ScrollbarInfo.vue
+++ b/Yi.Bbs.Vue3/src/components/ScrollbarInfo.vue
@@ -45,8 +45,8 @@ onMounted(async () => {
   height: 2.6rem;
   margin: 0 0.2rem;
   text-align: center;
-  border-radius: 4px;
-  background-color: #fafafa;
+  background: rgba(0, 255, 136, 0.1);
   font-size: 14px;
+  color: #00ff88;
 }
 </style>
diff --git a/Yi.Bbs.Vue3/src/components/StarBackground.vue b/Yi.Bbs.Vue3/src/components/StarBackground.vue
index d669ce13..1fc6a70e 100644
--- a/Yi.Bbs.Vue3/src/components/StarBackground.vue
+++ b/Yi.Bbs.Vue3/src/components/StarBackground.vue
@@ -47,10 +47,9 @@ function createStars(numStars) {
 }
 
 function drawStars() {
-  ctx.fillStyle = '#f0f2f5';
+  ctx.fillStyle = '#00DA72';
   ctx.fillRect(0, 0, canvas.width, canvas.height);
 
-  ctx.fillStyle = 'black';
   stars.forEach(star => {
     const k = 128 / star.z;
     const px = star.x * k + centerX;
diff --git a/Yi.Bbs.Vue3/src/layout/Index.vue b/Yi.Bbs.Vue3/src/layout/Index.vue
index cb3108f1..467c3818 100644
--- a/Yi.Bbs.Vue3/src/layout/Index.vue
+++ b/Yi.Bbs.Vue3/src/layout/Index.vue
@@ -52,15 +52,15 @@ const handleScroll = () => {
   }
   &-header {
     width: 100%;
-    background-color: #fff;
+    background: rgba(10, 10, 10, 0.9);
     box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
     height: 60px;
     display: flex;
     justify-content: center;
   }
   &-main {
-    height: calc(100% - 50px);
-    overflow: visible !important;
+    
+     background: linear-gradient(135deg, rgba(0,255,136,0.03) 0%, rgba(0,0,0,0.8) 50%, rgba(0,255,136,0.02) 100%),  linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%);
   }
 }
 
diff --git a/Yi.Bbs.Vue3/src/layout/activity/Index.vue b/Yi.Bbs.Vue3/src/layout/activity/Index.vue
index dc9c7be7..025373c5 100644
--- a/Yi.Bbs.Vue3/src/layout/activity/Index.vue
+++ b/Yi.Bbs.Vue3/src/layout/activity/Index.vue
@@ -70,7 +70,6 @@ const handleScroll = () => {
   margin: 0;
   padding: 0;
   min-height: 10rem;
-  background-color: #f0f2f5;
 }
 
 .fixed {
diff --git a/Yi.Bbs.Vue3/src/main.js b/Yi.Bbs.Vue3/src/main.js
index 8f2611cb..f048aa58 100644
--- a/Yi.Bbs.Vue3/src/main.js
+++ b/Yi.Bbs.Vue3/src/main.js
@@ -9,11 +9,14 @@ import "element-plus/dist/index.css";
 import "./assets/main.css";
 import "@/assets/styles/index.scss"; // global css
 import 'element-plus/theme-chalk/dark/css-vars.css'
+import '@/assets/styles/element/index.scss' //重写element
 
 import * as ElementPlusIconsVue from "@element-plus/icons-vue";
 import directive from "./directive"; // directive
 import VueLuckyCanvas from '@lucky-canvas/vue'
 
+
+
 import "./permission";
 
 (async() => {
diff --git a/Yi.Bbs.Vue3/src/views/home/Index.vue b/Yi.Bbs.Vue3/src/views/home/Index.vue
index d895001b..769e3983 100644
--- a/Yi.Bbs.Vue3/src/views/home/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/home/Index.vue
@@ -215,7 +215,7 @@ margin: 10px auto;">
             </template>
           </el-col>
 
-          <el-col :span="24" style="background-color: #ffffff;">
+          <el-col :span="24" >
             <BottomInfo/>
           </el-col>
         </el-row>
@@ -533,9 +533,7 @@ const onClickToWeChat = () => {
   
   .left-div .el-col,
   .right-div .el-col {
-    background-color: #ffffff;
     margin-bottom: 1rem;
-    border-radius: 8px;  /* 增加圆角 */
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);  /* 添加微妙阴影 */
     transition: all 0.3s ease;  /* 过渡效果 */
     
@@ -597,7 +595,6 @@ const onClickToWeChat = () => {
       background-position: 0 30px;
       background-size: 150% 100%;
       border: 1px solid #409eff;
-      border-radius: 5px;
       color: #409eff;
 
       .content {
@@ -634,7 +631,6 @@ const onClickToWeChat = () => {
         font-size: 12px;
         text-align: center;
         border: 1px solid #d9ecff;
-        border-radius: 5px;
         color: #409eff;
         background-color: #ecf5ff;
       }
@@ -653,7 +649,6 @@ const onClickToWeChat = () => {
     /* gap: 10px; */
     /* padding: 15px; */
     /* background-color: #f9f9f9; */
-    border-radius: 8px;
     
     .el-col {
       flex-direction: column;
@@ -661,7 +656,6 @@ const onClickToWeChat = () => {
       display: flex;
       cursor: pointer;
       padding: 15px 0;  /* 增加内边距 */
-      border-radius: 6px;  /* 圆角 */
       transition: all 0.3s ease;
       
       .el-icon {
@@ -746,12 +740,10 @@ const onClickToWeChat = () => {
 
 .scrollable-div::-webkit-scrollbar-track {
   background: #f5f5f5; 
-  border-radius: 10px;
 }
 
 .scrollable-div::-webkit-scrollbar-thumb {
   background: linear-gradient(to bottom, #e0e0e0, #bdbdbd);  /* 渐变色滚动条 */
-  border-radius: 10px;
   border: 2px solid transparent;
   background-clip: content-box;
 }
@@ -764,9 +756,8 @@ const onClickToWeChat = () => {
 .switch-span {
   display: inline-block;
   padding: 5px 12px;
-  background-color: #ecf5ff;
+  background-color: #00DA72;
   color: #409eff;
-  border-radius: 20px;  /* 更圆润的形状 */
   font-size: 13px;
   cursor: pointer;
   transition: all 0.3s ease;