style(styles): 添加导航栏面包屑汉堡菜单样式变量并应用

- 在 variables.technology3.scss 中添加 Navbar 顶部导航栏样式变量
- 在 variables.technology3.scss 中添加 Hamburger 汉堡菜单按钮样式变量
- 在 variables.technology3.scss 中添加 Breadcrumb 面包屑导航样式变量
- 在 Breadcrumb 组件中应用新的面包屑样式变量
- 在 Hamburger 组件中应用新的汉堡菜单样式变量
- 在 Navbar 组件中应用新的导航栏样式变量
- 移除 Breadcrumb 组件中对 variables.technology3 的重复导入

cutejava-front/src/components/Breadcrumb/index.vue

@@ -71,7 +71,6 @@ export default {
 
 <style lang="scss" scoped>
 @import "~@/assets/styles/variables";
-@import "~@/assets/styles/variables.technology3";
 
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
@@ -81,47 +80,47 @@ export default {
 
   ::v-deep .el-breadcrumb__item {
     .el-breadcrumb__inner {
-      color: #FFFFFF !important;
+      color: $breadcrumbTextColor !important;
       font-weight: 500;
       transition: all 0.3s ease;
 
       &.is-link {
-        color: #FFFFFF !important;
-        text-shadow: 0 0 4px rgba(102, 255, 204, 0.3);
+        color: $breadcrumbLinkColor !important;
+        text-shadow: 0 0 4px $breadcrumbTextGlow;
 
         &:hover {
-          color: $menuActiveText !important;
-          filter: drop-shadow(0 0 6px rgba(102, 255, 204, 0.4));
+          color: $breadcrumbHoverColor !important;
+          filter: drop-shadow($breadcrumbHoverGlow);
         }
       }
 
       &:hover {
-        color: $menuActiveText !important;
-        filter: drop-shadow(0 0 6px rgba(102, 255, 204, 0.4));
+        color: $breadcrumbHoverColor !important;
+        filter: drop-shadow($breadcrumbHoverGlow);
       }
     }
 
     .el-breadcrumb__separator {
-      color: rgba(102, 255, 204, 0.5);
+      color: $breadcrumbSeparatorColor;
     }
   }
 
   a {
-    color: #FFFFFF !important;
+    color: $breadcrumbLinkColor !important;
     font-weight: 500;
-    text-shadow: 0 0 4px rgba(102, 255, 204, 0.3);
+    text-shadow: 0 0 4px $breadcrumbTextGlow;
 
     &:hover {
-      color: $menuActiveText !important;
-      filter: drop-shadow(0 0 6px rgba(102, 255, 204, 0.4));
+      color: $breadcrumbHoverColor !important;
+      filter: drop-shadow($breadcrumbHoverGlow);
     }
   }
 
   .no-redirect {
-    color: #FFFFFF !important;
+    color: $breadcrumbNoRedirectColor !important;
     cursor: text;
     font-weight: 500;
-    text-shadow: 0 0 4px rgba(102, 255, 204, 0.3);
+    text-shadow: 0 0 4px $breadcrumbTextGlow;
   }
 }
 </style>

cutejava-front/src/components/Hamburger/index.vue

@@ -40,17 +40,17 @@ export default {
   vertical-align: middle;
   width: 20px;
   height: 20px;
-  fill: $menuText;
+  fill: $hamburgerColor;
   transition: all 0.3s ease;
 }
 
 .hamburger.is-active {
   transform: rotate(180deg);
-  fill: $menuActiveText;
-  filter: drop-shadow(0 0 6px $menuActiveText);
+  fill: $hamburgerActiveColor;
+  filter: drop-shadow($hamburgerGlow);
 }
 
 .hamburger:hover {
-  fill: $menuActiveText;
+  fill: $hamburgerActiveColor;
 }
 </style>