diff --git a/app/src/App.vue b/app/src/App.vue
index 89043b0..9460688 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -5,3 +5,9 @@
     <router-view></router-view>
   </div>
 </template>
+
+<style>
+::-webkit-scrollbar {
+  display: none;
+}
+</style>
diff --git a/app/src/components/CompleteModal.vue b/app/src/components/CompleteModal.vue
index 964d4ab..d394e57 100644
--- a/app/src/components/CompleteModal.vue
+++ b/app/src/components/CompleteModal.vue
@@ -36,7 +36,7 @@ setTimeout(() => {
   </div>
 </template>
 
-<style>
+<style scoped>
 .modal {
   display: block;
   position: fixed;
diff --git a/app/src/components/TreeChart.vue b/app/src/components/TreeChart.vue
index 93c77b3..dad6ac6 100644
--- a/app/src/components/TreeChart.vue
+++ b/app/src/components/TreeChart.vue
@@ -45,14 +45,14 @@ import sessionManager from '../utils/session.js'
   position: absolute;
   top: 0;
   right: 50%;
-  border-top: 1px solid #ccc;
+  border-top: 1px solid #00ff00;
   width: 50%;
   height: 20px;
 }
 .tree li::after {
   right: auto;
   left: 50%;
-  border-left: 1px solid #ccc;
+  border-left: 1px solid #00ff00;
 }
 
 .tree li:only-child::after,
@@ -70,7 +70,7 @@ import sessionManager from '../utils/session.js'
 }
 
 .tree li:last-child::before {
-  border-right: 1px solid #ccc;
+  border-right: 1px solid #00ff00;
   border-radius: 0 5px 0 0;
   -webkit-border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
@@ -86,16 +86,16 @@ import sessionManager from '../utils/session.js'
   position: absolute;
   top: 0;
   left: 50%;
-  border-left: 1px solid #ccc;
+  border-left: 1px solid #00ff00;
   width: 0;
   height: 20px;
 }
 
 .tree li a {
-  border: 1px solid #ccc;
+  border: 1px solid #00ff00;
   padding: 5px 10px;
   text-decoration: none;
-  color: #666;
+  color: #ffffff;
   font-family: arial, verdana, tahoma;
   font-size: 11px;
   display: inline-block;
@@ -110,7 +110,7 @@ import sessionManager from '../utils/session.js'
 }
 
 a.discovered {
-  background: #c8e4f8;
+  background: #526b4e;
   color: #000;
   border: 1px solid #94a0b4;
 }
@@ -121,6 +121,6 @@ li.discovered {
 }
 
 a.pwd {
-  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); /* 水平偏移、垂直偏移、模糊半徑、顏色 */
+  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
 }
 </style>
diff --git a/app/src/components/VisualizationPart.vue b/app/src/components/VisualizationPart.vue
index ac9a061..5c0468d 100644
--- a/app/src/components/VisualizationPart.vue
+++ b/app/src/components/VisualizationPart.vue
@@ -55,9 +55,3 @@ onUnmounted(() => {
     <TreeChart />
   </div>
 </template>
-
-<style>
-::-webkit-scrollbar {
-  display: none;
-}
-</style>
diff --git a/yarn.lock b/yarn.lock
index bf17676..0046d79 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5899,11 +5899,6 @@ tsconfig-paths@^3.14.1:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
-  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
-
 tslib@^2.1.0:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"