style(components): 统一导航组件样式主题配置

- 面包屑组件引入变量样式并优化悬停效果
- 汉堡菜单按钮应用主题颜色和过渡动画
- 导航栏背景改为渐变色并调整阴影效果
- 用户头像添加边框和悬停高亮效果
- 下拉箭头图标应用主题颜色并增加交互反馈
- 所有组件统一使用主题变量替换硬编码颜色值

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

@@ -70,15 +70,38 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "~@/assets/styles/variables";
+
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
   font-size: 14px;
   line-height: 50px;
   margin-left: 8px;
 
+  ::v-deep .el-breadcrumb__item {
+    .el-breadcrumb__inner {
+      color: $menuText;
+      transition: all 0.3s ease;
+
+      &:hover {
+        color: $menuActiveText;
+        filter: drop-shadow(0 0 4px rgba(102, 255, 204, 0.3));
+      }
+
+      &.is-link {
+        font-weight: 500;
+      }
+    }
+
+    .el-breadcrumb__separator {
+      color: rgba(102, 255, 204, 0.4);
+    }
+  }
+
   .no-redirect {
-    color: #97a8be;
+    color: $menuText;
     cursor: text;
+    font-weight: 500;
   }
 }
 </style>

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

@@ -32,15 +32,25 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+@import "~@/assets/styles/variables";
+
 .hamburger {
   display: inline-block;
   vertical-align: middle;
   width: 20px;
   height: 20px;
+  fill: $menuText;
+  transition: all 0.3s ease;
 }
 
 .hamburger.is-active {
   transform: rotate(180deg);
+  fill: $menuActiveText;
+  filter: drop-shadow(0 0 6px $menuActiveText);
+}
+
+.hamburger:hover {
+  fill: $menuActiveText;
 }
 </style>