/* 强制透明导航条样式 - 最高优先级 */
.header {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.header-scrolled .header {
  background: #ED2638 !important;
  background-color: #ED2638 !important;
  box-shadow: 0 2px 10px rgba(237, 38, 56, 0.2) !important;
}

/* 覆盖所有可能的Element Plus样式 */
.el-header {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
  box-shadow: none !important;
}

.header-scrolled .el-header {
  background: #ED2638 !important;
  background-color: #ED2638 !important;
  box-shadow: 0 2px 10px rgba(237, 38, 56, 0.2) !important;
}

/* 强制覆盖Element Plus菜单的默认背景 */
.el-menu {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
  border: none !important;
}

.el-menu--horizontal {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
  border: none !important;
}

.el-menu--horizontal .el-menu-item {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
}

/* 强制覆盖所有背景色变量 */
:root {
  --el-header-bg-color: rgba(0,0,0,0) !important;
  --el-bg-color: rgba(0,0,0,0) !important;
}

/* 覆盖所有可能的背景色 */
[class*="header"] {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
}