style: 调整样式

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 {

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>

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;