/* 开始 菜单控制 */
.my-nav-top-section .brxe-dropdown .brx-submenu-toggle a,
.my-nav-top-section .brxe-dropdown .brx-submenu-toggle span {
  font-weight: 700;
  color: #000;
  transition: color 0.3s ease; /* 添加颜色过渡效果 */
}
.my-nav-top-section .brxe-dropdown:hover .brx-submenu-toggle a,
.my-nav-top-section .brxe-dropdown:hover .brx-submenu-toggle span {
  color: #e50012;
}
.my-nav-top-section .brxe-dropdown .brx-submenu-toggle button {
  display: none;
}
.my-nav-top-section .brxe-dropdown .brx-dropdown-content {
  box-shadow: 0 10px 24px 0 rgba(149, 157, 165, 0.1);
  border-radius: 10px;
}
.my-nav-top-section .brxe-dropdown .brx-dropdown-content > li {
  border-bottom: 1px solid #f2f2f2;
}
.my-nav-top-section .brxe-dropdown .brx-dropdown-content > li:last-child {
  border-bottom: none;
}
.my-nav-top-section .brxe-dropdown .brx-dropdown-content > li > a {
  justify-content: center;
  padding: 10px 10px; /* 简写属性 */
  border-radius: 10px;
  margin: 6px;
  transition: background-color 0.3s ease; 
  color: #000;
}
.my-nav-top-section .brxe-dropdown .brx-dropdown-content > li > a:hover {
  background-color: #e50012; 
  color: #fff;
}
/* 结束 菜单控制 */


.backdrop-filter-01 {
backdrop-filter: blur(10px); /* 背景模糊 */
-webkit-backdrop-filter: blur(10px); /* Safari 兼容 */
}

/* 浅蓝色调的柔和阴影，带有明显的Y轴偏移 */
.box-shadow-01 {
  box-shadow: rgba(150, 170, 180, 0.50) 0px 7px 30px -10px;
}
/* 暗色调的均匀阴影，无偏移，轻微悬浮感 */
.box-shadow-02 {
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
/* 灰色调的立体阴影，X轴和Y轴偏移明显 */
.box-shadow-03 {
box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
/* 极淡的阴影，不明显但能增加层次感 */
.box-shadow-04 {
box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 10px 0px;
}

/* 两端对齐不会出现文字拉开的情况 */
.justify-fix {
  text-align: justify;
  word-break: break-all; /*  break-all */
  /* overflow-wrap: break-word; */
}

.outline-text-1 {
  -webkit-text-stroke: 1px #fff; /* 描边宽度和颜色 */
  text-stroke: 1px #fff; /* 非WebKit浏览器的标准属性（目前支持度低） */
}