diff --git a/src/index.scss b/src/index.scss
index 584366b..806f0ee 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -31,7 +31,7 @@ body {
 ::-webkit-scrollbar {
     width: 6px;
     height: 6px;
-//   background-color: red; 
+    //   background-color: red; 
 }
 
 /* ::-webkit-scrollbar-track {
@@ -117,4 +117,187 @@ body {
     /* Internet Explorer/Edge (旧版) */
     user-select: none;
     /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
+}
+
+
+
+// // 添加到 index.scss
+.decentralized {
+    background-color: #0f172a;
+
+    // background-image: linear-gradient(180deg, #172554 0%, #0A0F2A 100%);
+    .box {
+        width: 100%;
+        height: 100%;
+        background-image: url("@/assets/image/line-bg.png");
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-position: center;
+        position: absolute;
+        left: 0;
+        top: 0;
+        mix-blend-mode: lighten;
+    }
+
+    .web3-line::after {
+        content: "";
+        width: 5px;
+        height: 5px;
+        border-radius: 50%;
+        background-color: #7D82FF;
+        position: absolute;
+        left: 50%;
+        top: 0px;
+        z-index: 999;
+        transform: translate(-50%, 0);
+    }
+}
+
+
+// // 轮播容器样式
+.carousel-container {
+    display: flex;
+    align-items: center;
+    gap: 3rem; // 对应原来的gap-12
+    // width: 100%;
+
+}
+
+.bt1 {
+    display: flex;
+    padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
+    justify-content: center;
+    align-items: center;
+    gap: var(--8-spacing-04, 8px);
+    border-radius: var(--radius-6, 6px);
+    border: 1px solid var(--Colors-Bluepurple-600, #4136F5);
+    background: var(--button-wireframe-button-wireframe, rgba(9, 9, 11, 0.00));
+    box-shadow: 0px 0px 4px 0px var(--Colors-Bluepurple-500, #5457FF), 0px 0px 10px 0px var(--Colors-Bluepurple-600, #4136F5);
+    color: var(--text-text-primary-900, #FFF);
+    /* Text/Medium/T5文本1 */
+    font-family: "PingFang SC";
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    // line-height: 24px;
+    /* 171.429% */
+}
+
+
+
+.bt2 {
+
+    display: flex;
+    padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
+    justify-content: center;
+    align-items: center;
+    gap: var(--8-spacing-04, 8px);
+    border-radius: var(--radius-6, 6px);
+    border: 1px solid var(--Colors-Rose-600, #E11D48);
+    background: var(--button-wireframe-button-wireframe, rgba(255, 255, 255, 0.00));
+    box-shadow: 0px 0px 4px 0px var(--Colors-Rose-600, #E11D48), 0px 0px 10px 0px var(--Colors-Rose-600, #E11D48);
+    color: var(--text-text-primary-900, #FFF);
+
+    font-family: "PingFang SC";
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    // line-height: 24px;
+}
+
+.tip-box-left {
+    position: relative;
+    width: 600px;
+    height: 400px;
+    padding: 20.85px 20.353px;
+    background: rgba(0, 11.82, 33.10, 0.10);
+    border-radius: 8px;
+    outline: 0.46px solid white;
+    outline-offset: -0.46px;
+    backdrop-filter: blur(5.50px);
+
+    .label {
+        width: 100%;
+        color: #FFF;
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 16px;
+    }
+
+    .close-icon,
+    .close-icon2 {
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        color: #FFF;
+    }
+}
+
+.tip-box-hx {
+    position: relative;
+    width: 600px;
+    height: 400px;
+    margin-left: 312.221px;
+    // min-height: 200px;
+    // max-height: 600px;
+    padding: 20.85px 20.353px;
+    background: rgba(0, 11.82, 33.10, 0.10);
+    border-radius: 8px;
+    outline: 0.46px solid white;
+    outline-offset: -0.46px;
+    backdrop-filter: blur(5.50px);
+
+    .close-icon,
+    .close-icon2 {
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        color: #FFF;
+    }
+
+    .label {
+        width: 100%;
+        color: #FFF;
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 16px;
+    }
+
+
+}
+
+.encryption-img {
+    width: 526px;
+    height: 241px;
+    margin-left: 16px;
+}
+
+.traffic-obfuscation-img {
+    width: 597px;
+    height: 241px;
+    margin-left: 16px;
+}
+
+.tooltip-content {
+    position: relative;
+    display: flex;
+
+    .line-img-hx {
+        width: 312.221px;
+        // margin-top: 80px;
+        top: 80px;
+        left: 0px;
+        position: absolute;
+    }
+
+    .line-img-left {
+        width: 216.86px;
+        margin-top: -72px;
+    }
+
+
 }
\ No newline at end of file
diff --git a/src/pages/anti-dark-analysis-network/index.scss b/src/pages/anti-dark-analysis-network/index.scss
index 1f1fe1a..e69de29 100644
--- a/src/pages/anti-dark-analysis-network/index.scss
+++ b/src/pages/anti-dark-analysis-network/index.scss
@@ -1,161 +0,0 @@
-// // 添加到 index.scss
-.decentralized {
-  background-color: #0f172a;
-
-  // background-image: linear-gradient(180deg, #172554 0%, #0A0F2A 100%);
-  .box {
-    width: 100%;
-    height: 100%;
-    background-image: url("@/assets/image/line-bg.png");
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    position: absolute;
-    left: 0;
-    top: 0;
-    mix-blend-mode: lighten;
-  }
-
-  .web3-line::after {
-    content: "";
-    width: 5px;
-    height: 5px;
-    border-radius: 50%;
-    background-color: #7D82FF;
-    position: absolute;
-    left: 50%;
-    top: 0px;
-    z-index: 999;
-    transform: translate(-50%, 0);
-  }
-}
-
-
-// // 轮播容器样式
-.carousel-container {
-  display: flex;
-  align-items: center;
-  gap: 3rem; // 对应原来的gap-12
-  // width: 100%;
-
-}
-
-.bt1 {
-  display: flex;
-  padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
-  justify-content: center;
-  align-items: center;
-  gap: var(--8-spacing-04, 8px);
-  border-radius: var(--radius-6, 6px);
-  border: 1px solid var(--Colors-Bluepurple-600, #4136F5);
-  background: var(--button-wireframe-button-wireframe, rgba(9, 9, 11, 0.00));
-  box-shadow: 0px 0px 4px 0px var(--Colors-Bluepurple-500, #5457FF), 0px 0px 10px 0px var(--Colors-Bluepurple-600, #4136F5);
-  color: var(--text-text-primary-900, #FFF);
-  /* Text/Medium/T5文本1 */
-  font-family: "PingFang SC";
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  // line-height: 24px;
-  /* 171.429% */
-}
-
-
-
-.bt2 {
-
-  display: flex;
-  padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
-  justify-content: center;
-  align-items: center;
-  gap: var(--8-spacing-04, 8px);
-  border-radius: var(--radius-6, 6px);
-  border: 1px solid var(--Colors-Rose-600, #E11D48);
-  background: var(--button-wireframe-button-wireframe, rgba(255, 255, 255, 0.00));
-  box-shadow: 0px 0px 4px 0px var(--Colors-Rose-600, #E11D48), 0px 0px 10px 0px var(--Colors-Rose-600, #E11D48);
-  color: var(--text-text-primary-900, #FFF);
-
-  font-family: "PingFang SC";
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  // line-height: 24px;
-}
-.tip-box-left{
-  position: relative;
-  width: 600px;
-  height: 400px;
-  padding: 20.85px 20.353px;
-  background: rgba(0, 11.82, 33.10, 0.10);
-  border-radius: 8px;
-  outline: 0.46px solid white;
-  outline-offset: -0.46px;
-  backdrop-filter: blur(5.50px);
-
-}
-.line-img-left {
-  width: 216.86px;
-  // margin-top: 30px;
-  right: -216.86px;
-  top: 60px;
-  position: absolute;
-}
-.tip-box-hx {
-  position: relative;
-  width: 600px;
-  height: 400px;
-  margin-left: 312.221px;
-  // min-height: 200px;
-  // max-height: 600px;
-  padding: 20.85px 20.353px;
-  background: rgba(0, 11.82, 33.10, 0.10);
-  border-radius: 8px;
-  outline: 0.46px solid white;
-  outline-offset: -0.46px;
-  backdrop-filter: blur(5.50px);
-
-  .close-icon,
-  .close-icon2 {
-    width: 16px;
-    height: 16px;
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    color: #FFF;
-  }
-
-  .label {
-    width: 100%;
-    color: #FFF;
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 16px;
-  }
-
-  .encryption-img {
-    width: 526px;
-    height: 241px;
-    margin-left: 16px;
-  }
-
-  .traffic-obfuscation-img {
-    width: 597px;
-    height: 241px;
-    margin-left: 16px;
-  }
-}
-
-.tooltip-content {
-  position: relative;
-  display: flex;
-
-  .line-img-hx {
-    width: 312.221px;
-    // margin-top: 80px;
-    top: 80px;
-    left: 0px;
-    position: absolute;
-  }
-
- 
-}
diff --git a/src/pages/anti-forensics-forwarding/index.scss b/src/pages/anti-forensics-forwarding/index.scss
index dcb5059..e69de29 100644
--- a/src/pages/anti-forensics-forwarding/index.scss
+++ b/src/pages/anti-forensics-forwarding/index.scss
@@ -1,158 +0,0 @@
-// // 添加到 index.scss
-.decentralized {
-  background-color: #0f172a;
-
-  // background-image: linear-gradient(180deg, #172554 0%, #0A0F2A 100%);
-  .box {
-    width: 100%;
-    height: 100%;
-    background-image: url("@/assets/image/line-bg.png");
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    position: absolute;
-    left: 0;
-    top: 0;
-    mix-blend-mode: lighten;
-  }
-
-  .web3-line::after {
-    content: "";
-    width: 5px;
-    height: 5px;
-    border-radius: 50%;
-    background-color: #7D82FF;
-    position: absolute;
-    left: 50%;
-    top: 0px;
-    z-index: 999;
-    transform: translate(-50%, 0);
-  }
-}
-
-
-// // 轮播容器样式
-.carousel-container {
-  display: flex;
-  align-items: center;
-  gap: 3rem; // 对应原来的gap-12
-  // width: 100%;
-
-}
-
-.bt1 {
-  display: flex;
-  padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
-  justify-content: center;
-  align-items: center;
-  gap: var(--8-spacing-04, 8px);
-  border-radius: var(--radius-6, 6px);
-  border: 1px solid var(--Colors-Bluepurple-600, #4136F5);
-  background: var(--button-wireframe-button-wireframe, rgba(9, 9, 11, 0.00));
-  box-shadow: 0px 0px 4px 0px var(--Colors-Bluepurple-500, #5457FF), 0px 0px 10px 0px var(--Colors-Bluepurple-600, #4136F5);
-  color: var(--text-text-primary-900, #FFF);
-  /* Text/Medium/T5文本1 */
-  font-family: "PingFang SC";
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  // line-height: 24px;
-  /* 171.429% */
-}
-
-
-
-.bt2 {
-
-  display: flex;
-  padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
-  justify-content: center;
-  align-items: center;
-  gap: var(--8-spacing-04, 8px);
-  border-radius: var(--radius-6, 6px);
-  border: 1px solid var(--Colors-Rose-600, #E11D48);
-  background: var(--button-wireframe-button-wireframe, rgba(255, 255, 255, 0.00));
-  box-shadow: 0px 0px 4px 0px var(--Colors-Rose-600, #E11D48), 0px 0px 10px 0px var(--Colors-Rose-600, #E11D48);
-  color: var(--text-text-primary-900, #FFF);
-
-  font-family: "PingFang SC";
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  // line-height: 24px;
-}
-.tip-box-left{
-  position: relative;
-  width: 600px;
-  height: 400px;
-  padding: 20.85px 20.353px;
-  background: rgba(0, 11.82, 33.10, 0.10);
-  border-radius: 8px;
-  outline: 0.46px solid white;
-  outline-offset: -0.46px;
-  backdrop-filter: blur(5.50px);
-}
-.tip-box-hx,tip-box-left {
-  position: relative;
-  width: 600px;
-  height: 400px;
-  margin-left: 312.221px;
-  // min-height: 200px;
-  // max-height: 600px;
-  padding: 20.85px 20.353px;
-  background: rgba(0, 11.82, 33.10, 0.10);
-  border-radius: 8px;
-  outline: 0.46px solid white;
-  outline-offset: -0.46px;
-  backdrop-filter: blur(5.50px);
-
-  .close-icon,
-  .close-icon2 {
-    width: 16px;
-    height: 16px;
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    color: #FFF;
-  }
-
-  .label {
-    width: 100%;
-    color: #FFF;
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 16px;
-  }
-
-  .encryption-img {
-    width: 526px;
-    height: 241px;
-    margin-left: 16px;
-  }
-
-  .traffic-obfuscation-img {
-    width: 597px;
-    height: 241px;
-    margin-left: 16px;
-  }
-}
-
-.tooltip-content {
-  position: relative;
-  display: flex;
-
-  .line-img-hx {
-    width: 312.221px;
-    // margin-top: 80px;
-    top: 80px;
-    left: 0px;
-    position: absolute;
-  }
-
-  .line-img-left {
-    width: 216.86px;
-    margin-top: 30px;
-  }
-
- 
-}
diff --git a/src/pages/new-home/index.scss b/src/pages/new-home/index.scss
index 1612981..e69de29 100644
--- a/src/pages/new-home/index.scss
+++ b/src/pages/new-home/index.scss
@@ -1,170 +0,0 @@
-// // 添加到 index.scss
-.decentralized {
-  background-color: #0f172a;
-
-  // background-image: linear-gradient(180deg, #172554 0%, #0A0F2A 100%);
-  .box {
-    width: 100%;
-    height: 100%;
-    background-image: url("@/assets/image/line-bg.png");
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    position: absolute;
-    left: 0;
-    top: 0;
-    mix-blend-mode: lighten;
-  }
-
-  .web3-line::after {
-    content: "";
-    width: 5px;
-    height: 5px;
-    border-radius: 50%;
-    background-color: #7D82FF;
-    position: absolute;
-    left: 50%;
-    top: 0px;
-    z-index: 999;
-    transform: translate(-50%, 0);
-  }
-}
-
-
-// // 轮播容器样式
-.carousel-container {
-  display: flex;
-  align-items: center;
-  gap: 3rem; // 对应原来的gap-12
-  // width: 100%;
-
-}
-
-.bt1 {
-  display: flex;
-  padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
-  justify-content: center;
-  align-items: center;
-  gap: var(--8-spacing-04, 8px);
-  border-radius: var(--radius-6, 6px);
-  border: 1px solid var(--Colors-Bluepurple-600, #4136F5);
-  background: var(--button-wireframe-button-wireframe, rgba(9, 9, 11, 0.00));
-  box-shadow: 0px 0px 4px 0px var(--Colors-Bluepurple-500, #5457FF), 0px 0px 10px 0px var(--Colors-Bluepurple-600, #4136F5);
-  color: var(--text-text-primary-900, #FFF);
-  /* Text/Medium/T5文本1 */
-  font-family: "PingFang SC";
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  // line-height: 24px;
-  /* 171.429% */
-}
-
-
-
-.bt2 {
-
-  display: flex;
-  padding: var(--8-spacing-04, 8px) var(--16-spacing-08, 16px);
-  justify-content: center;
-  align-items: center;
-  gap: var(--8-spacing-04, 8px);
-  border-radius: var(--radius-6, 6px);
-  border: 1px solid var(--Colors-Rose-600, #E11D48);
-  background: var(--button-wireframe-button-wireframe, rgba(255, 255, 255, 0.00));
-  box-shadow: 0px 0px 4px 0px var(--Colors-Rose-600, #E11D48), 0px 0px 10px 0px var(--Colors-Rose-600, #E11D48);
-  color: var(--text-text-primary-900, #FFF);
-
-  font-family: "PingFang SC";
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  // line-height: 24px;
-}
-
-.tip-box {
-  // display: flex;
-  // flex-direction: column;
-  position: relative;
-  width: 626px;
-  height: 281px;
-  padding: 20.85px 20.353px;
-  background: rgba(0, 11.82, 33.10, 0.10);
-  border-radius: 8px;
-  outline: 0.46px solid white;
-  outline-offset: -0.46px;
-  backdrop-filter: blur(5.50px);
-
-  .close-icon {
-    width: 16px;
-    height: 16px;
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    color: #FFF;
-  }
-
-  .label {
-    width: 100%;
-    color: #FFF;
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 16px;
-  }
-
-  .encryption-img {
-    width: 526px;
-    height: 241px;
-    margin-left: 16px;
-  }
-}
-
-// // 轮播项目
-// .carousel-item {
-//   flex: 0 0 auto;
-// }
-
-// // View Transitions 自定义样式
-// @keyframes slide-from-right {
-//   from {
-//     transform: translateX(40px);
-//     opacity: 0;
-//   }
-// }
-
-// @keyframes slide-to-left {
-//   to {
-//     transform: translateX(-40px);
-//     opacity: 0;
-//   }
-// }
-
-// @keyframes slide-from-left {
-//   from {
-//     transform: translateX(-40px);
-//     opacity: 0;
-//   }
-// }
-
-// @keyframes slide-to-right {
-//   to {
-//     transform: translateX(40px);
-//     opacity: 0;
-//   }
-// }
-
-// // 自定义 View Transitions 动画
-// ::view-transition-old(web3-item-1-4),
-// ::view-transition-old(web3-item-2-4) {
-//   animation: 0.8s slide-to-left ease-in-out;
-// }
-
-// ::view-transition-new(web3-item-1-0),
-// ::view-transition-new(web3-item-2-0) {
-//   animation: 0.8s slide-from-left ease-in-out;
-// }
-
-// // 确保过渡期间元素可见
-// ::view-transition-group(*) {
-//   animation-duration: 0.8s;
-// }
\ No newline at end of file