@media (max-width: 992px) {
    hr {
      margin: 0 !important;
      opacity: 0.05;
    }
    .search svg {
      width: calc(54 * var(--basePC));
      height: calc(54 * var(--basePC));
    }
    .navbar .col-10 {
      position: relative;
    }
  
    hr {
      margin: 0 !important;
      opacity: 0.05;
    }
    .navbar {
      padding: calc(40 * var(--basePC)) 0;
    }
    .navbar .col-10 {
      position: relative;
    }
  
   
  
    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 999;
    }
    .m-dropdown .dropdown-menu {
      display: none;
      border: none;
      transition: opacity 0.3s ease; /* 添加过渡效果，这里控制透明度渐变，时间为0.3秒，速度曲线为ease */
      opacity: 0; /* 初始状态为完全透明 */
    }
    .m-dropdown .dropdown-menu.m-show {
      opacity: 1; /* 初始状态为完全透明 */
      display: block;
    }
  
    .navbar .nav-btn,
    .navbar .navbar-toggler {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    .navbar .navbar-toggler {
      opacity: 0;
      z-index: 99;
      margin-right: 0;
    }
    .navbar .nav-btn {
      width: calc(51 * var(--basePC));
      height: calc(51 * var(--basePC));
      border-radius: 50%;
      background-color: #ffff;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .navbar .nav-btn img {
      width: 100%;
    }
    .navbar-coll {
      width: 81.73vw;
      height: 100%;
      position: fixed;
      top: 0;
      right: -81.73vw;
      background-color: white;
      z-index: 1000;
      transition: right 0.3s ease;
      overflow: hidden auto;
    }
    .navbar-coll .nav-title {
      padding: calc(40* var(--basePC));
    }
    .navbar-coll .nav-title .navbar-brand img {
      height: calc(54 * var(--basePC));
    }
    .navbar-coll .nav-title .nav-btn img {
      height: calc(51 * var(--basePC));
      width: calc(51 * var(--basePC));
    }
    .header-nav .nav-item a {
      padding: calc(40 * var(--basePC));
      display: flex;
      align-items: center;
      justify-content: space-between;
      line-height: 1;
    }
  
    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 999;
    }
    .m-dropdown .dropdown-menu {
      display: none;
      border: none;
      transition: opacity 0.3s ease; /* 添加过渡效果，这里控制透明度渐变，时间为0.3秒，速度曲线为ease */
      opacity: 0; /* 初始状态为完全透明 */
    }
    .m-dropdown .dropdown-menu.m-show {
      opacity: 1; /* 初始状态为完全透明 */
      display: block;
    }
  }