/* 按钮 悬停 线条动画 */
.animated-btn-01 {
    position: relative;
    transition: transform 0.3s ease;
}

.animated-btn-01::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.5s ease-out, 
                left 0.5s ease-out;
}

.animated-btn-01:hover::after {
    width: 100%;
    left: 0;
}

/* 开始 菜单控制 */
.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: #282e3c;
}
.my-nav-top-section .brxe-dropdown:hover .brx-submenu-toggle a,
.my-nav-top-section .brxe-dropdown:hover .brx-submenu-toggle span {
  color: #00d8e8;
}
.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;
}
.my-nav-top-section .brxe-dropdown .normal-content > li:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.my-nav-top-section .brxe-dropdown .normal-content > li > a {
  justify-content: center;
  padding: 10px 10px; /* 简写属性 */
  border-radius: 10px;
  margin: 6px;
  transition: background-color 0.3s ease; 
}
.my-nav-top-section .brxe-dropdown .normal-content > li > a:hover {
  background-color: #98cb45; 
  color: #ffffff;
}

.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: 50%;
    width: 0;
    height: 3px;
    background-color: #00d8e8;
    transition: width 0.5s ease-out, 
                left 0.5s ease-out; /* 多个过渡属性分行显示，更易读 */
}

.my-nav-top-section .brxe-dropdown:hover::after {
    width: 100%;
    left: 0;
}

/* 结束 菜单控制 */