/* ==================== 4. CANVAS BACKGROUNDS ==================== */
.canvas-bg {
  position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
  z-index: 0; pointer-events: none;
}

/* 开始 菜单控制 */
.my-nav-top-section .brxe-dropdown .brx-submenu-toggle a,
.my-nav-top-section .brxe-dropdown .brx-submenu-toggle span {
font-weight: 400;
transition: color 0.3s ease; /* 添加颜色过渡效果 */
color: var(--bricks-color-text-secondary-base);
}
/*  hover + 激活状态 共用 */
.my-nav-top-section .brxe-dropdown:hover .brx-submenu-toggle a,
.my-nav-top-section .brxe-dropdown:hover .brx-submenu-toggle span,
.my-nav-top-section .brxe-dropdown.nav-active .brx-submenu-toggle a,
.my-nav-top-section .brxe-dropdown.nav-active .brx-submenu-toggle span {
color: var(--color-gray-50);
}

.my-nav-top-section .brxe-dropdown .brx-submenu-toggle button {
display: none;
}
.my-nav-top-section .brxe-dropdown .normal-content {
box-shadow: 0 10px 24px 0 rgba(149, 157, 165, 0.1);
border-radius: 10px;
min-width: fit-content !important;
width: max-content !important;
}
.my-nav-top-section .brxe-dropdown .normal-content > li:not(:last-child) {
border-bottom: 1px solid color(srgb 0 0.84 0.67 / 0.2);
}
.my-nav-top-section .brxe-dropdown .normal-content > li > a {
justify-content: center;
padding: 10px 10px; 
border-radius: 10px;
margin: 6px;
white-space: nowrap;
transition: 0.3s; 
}
.my-nav-top-section .brxe-dropdown .normal-content > li > a:hover {
background-color: hsla(168, 100%, 42%, 0.1); 
color: #ffffff;
}

.my-nav-top-section .brxe-dropdown .medium-content {
min-width: fit-content !important;
width: max-content !important;
}


.my-nav-top-section .brxe-dropdown .mega-content {
background-color: transparent !important;
}
.my-nav-top-section .brxe-dropdown .mega-content .mega-content-box {
box-shadow: 0 10px 24px 0 rgba(149, 157, 165, 0.1);
border-radius: 10px;
}

.my-nav-top-section .brxe-dropdown .mega-content .mega-content-box .menu-box1 .brxe-text-basic {
transition: all 0.3s;
}
.my-nav-top-section .brxe-dropdown .mega-content .mega-content-box .menu-box1:hover .brxe-text-basic {
color: #98cb45 !important;
}
/* 按钮 悬停 线条动画 */
.my-nav-top-section .brxe-dropdown {
position: relative;
}

.my-nav-top-section .brxe-dropdown::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 2px;
background-color: var(--bricks-color-primary-base);
transition: width 0.5s ease-out, 
            left 0.5s ease-out; /* 多个过渡属性分行显示，更易读 */
}

.my-nav-top-section .brxe-dropdown:hover::after,
.my-nav-top-section .brxe-dropdown.nav-active::after {
width: 100% !important;
left: 0 !important;
}
/* 结束 菜单控制 */

 /* 模糊效果 */
.backdrop-filter-01{
      backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
 
/* 轻度蓝色阴影 */
.blue-shadow-light {
  box-shadow: 0 0 16px 6px rgba(0, 67, 151, 0.32);
}

.blue-shadow-light-1 {
  box-shadow: 0 0 12px 4px rgba(0, 67, 151, 0.22);
}
.blue-shadow-light-2 {
  box-shadow: 0 6px 12px 4px rgba(0, 67, 151, 0.22);
}
/* 中度蓝色阴影（推荐通用） */
.blue-shadow-normal {
  box-shadow: 0 0 24px 9px rgba(0, 67, 151, 0.38);
}

/* 厚重氛围感蓝色阴影 */
.blue-shadow-heavy {
  box-shadow: 0 0 36px 14px rgba(0, 67, 151, 0.42);
}

/* hover交互加深蓝色阴影 */
.blue-shadow-hover {
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 18px 7px rgba(0, 67, 151, 0.3);
}
.blue-shadow-hover:hover {
  box-shadow: 0 0 40px 16px rgba(0, 67, 151, 0.45);
}

/* 极浅青光阴影1 */
.cyan-shadow-light-1 {
  box-shadow: 0 0 12px 4px rgba(0, 194, 213, 0.22);
}
/* 极浅青光阴影2，底部下移悬浮感 */
.cyan-shadow-light-2 {
  box-shadow: 0 6px 12px 4px rgba(0, 194, 213, 0.22);
}
/* 轻度青光阴影 */
.cyan-shadow-light {
  box-shadow: 0 0 16px 6px rgba(0, 194, 213, 0.32);
}

/* 中度青光阴影（推荐通用） */
.cyan-shadow-normal {
  box-shadow: 0 0 24px 9px rgba(0, 194, 213, 0.38);
}

/* 厚重氛围感青光阴影 */
.cyan-shadow-heavy {
  box-shadow: 0 0 36px 14px rgba(0, 194, 213, 0.42);
}

/* hover交互加深青光阴影 */
.cyan-shadow-hover {
  transition: box-shadow 0.3s ease;
  box-shadow: 0 0 18px 7px rgba(0, 194, 213, 0.3);
}
.cyan-shadow-hover:hover {
  box-shadow: 0 0 40px 16px rgba(0, 194, 213, 0.45);
}

/* 蓝色系文字发光 - 轻度蓝光 */
.blue-text-glow-light {
  text-shadow: 0 0 6px rgba(0, 67, 151, 0.35),
               0 0 12px rgba(0, 67, 151, 0.25);
}

/* 蓝色系文字发光 - 常规蓝光（页面标题通用推荐） */
.blue-text-glow-normal {
  text-shadow: 0 0 8px rgba(0, 67, 151, 0.45),
               0 0 16px rgba(0, 67, 151, 0.32),
               0 0 24px rgba(0, 67, 151, 0.2);
}

/* 蓝色系文字发光 - 强发光（大数字、重点数据） */
.blue-text-glow-heavy {
  text-shadow: 0 0 10px rgba(0, 67, 151, 0.6),
               0 0 22px rgba(0, 67, 151, 0.42),
               0 0 36px rgba(0, 67, 151, 0.28);
}


/* 统一命名 light-box-01 */
.light-box-01 {
  position: relative;
  box-sizing: border-box;
}

/* 上下渐变发光线条通用样式 */
.light-box-01::before,
.light-box-01::after {
  content: "";
  position: absolute;
  height: 2px;
  /* 渐变：实色#004397 → 50%透明 → 完全透明 */
  background: linear-gradient(90deg,rgba(0, 67, 151, 0), rgba(0, 67, 151, 0.8), rgba(0, 67, 151, 0));
}

/* 顶部线条：靠左，占容器50%宽度 */
.light-box-01::before {
  top: 0;
  left: 0;
  width: 50%;
}

/* 底部线条：靠右，占容器50%宽度，渐变反向 */
.light-box-01::after {
  bottom: 0;
  right: 0;
  width: 50%;
  background: linear-gradient(-90deg, rgba(0, 67, 151, 0), rgba(0, 67, 151, 0.8), rgba(0, 67, 151, 0));
}


.hover-card-01 {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* 底部渐变线 — 默认隐藏 */
.hover-card-01::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--bricks-color-primary-base);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

/* 悬停：卡片上浮 + 底部线从左到右展开 */
.hover-card-01:hover {
  transform: translateY(-2px);
}
.hover-card-01:hover::after {
  transform: scaleX(1);
}