/* 隐藏桌面菜单，显示汉堡按钮 */
@media (max-width: 768px) {
  .layui-nav {
    display: none;
  }
  .hamburger {
    display: block; /* 显示汉堡按钮 */
  }

  /* 移动端菜单样式 */
  .mobile-menu {
    display: none; /* 默认隐藏 */
    position: absolute;
    top: 99%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    flex-direction: column;
  }

  .mobile-menu a {
    padding: 14px 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    text-decoration: none;
    display: block;
    transition: background-color 0.2s;
  }

  .mobile-menu a:hover {
    background-color: #f9f9f9;
  }

  /* 当菜单激活时显示 */
  .mobile-menu.active {
    display: flex;
  }

  /* 调整头部内边距 */
  .header-inner {
    padding: 18px 24px;
  }
  .logo img {
    height: 50px; /* 调整 logo 大小 */
  }
  /* 调整汉堡按钮样式 */
  .hamburger {
    flex-direction: column;
    justify-content: space-around;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: transparent;
    border: none;
    appearance: none;
    outline: none;
    display: flex; /* 确保显示 */
  }
  .hamburger div {
    width: 100%;
    height: 3px;
    background-color: #333; /* 确保颜色可见 */
  }
}

/* 为大于 768px 的屏幕隐藏汉堡按钮和移动菜单 */
@media (min-width: 769px) {
    
  .hamburger {
    display: none;
  }
  .mobile-menu {
    display: none;
  }
 
  
}


@media (max-width: 769px) {
    .footer-links{
        display:none;
    }
}   
.hamburger {
    display: none; /* 默认隐藏，在移动设备上显示 */
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1000;
    position: relative;
  }
  
  .hamburger div {
    width: 100%;
    height: 3px;
    background-color: #333; /* 按钮线条颜色 */
    border-radius: 2px;
    transition: all 0.3s ease;
    position: relative;
  }
  
  /* 移动菜单样式 */
  .mobile-menu {
    display: none;
    position: fixed;
    top: 70px; /* 避开头部高度 */
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 15px 0;
    z-index: 999;
    transform: translateY(-150%);
    transition: transform 0.3s ease;
  }
  
  .mobile-menu.active {
    transform: translateY(0);
    display: block;
  }
  
  .mobile-menu a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    font-size: 16px;
  }
  
  .mobile-menu a:hover {
    color: #e60012;
    background-color: #f8f9fa;
  }
  
  /* 响应式设计 - 在小屏幕显示汉堡按钮 */
  @media (max-width: 992px) {
    .hamburger {
      display: flex;
    }
    
    .layui-nav {
      display: none; /* 在小屏幕隐藏常规导航 */
    }
    
    .mobile-menu {
      display: block;
    }
    
    /* 汉堡按钮激活状态 (X 形状) */
    .hamburger.active div:first-child {
      transform: rotate(45deg) translate(5px, 5px);
    }
    
    .hamburger.active div:nth-child(2) {
      opacity: 0;
    }
    
    .hamburger.active div:last-child {
      transform: rotate(-45deg) translate(5px, -5px);
    }
    
    /* 滚动时的样式调整 */
    body.scrolled .header-inner {
      /*padding: 8px 0;*/
    }
    
    body.scrolled .logo img {
      height: 35px;
    }
  }
  
  /* 桌面端样式调整 */
  @media (min-width: 992px) {
    .mobile-menu {
      display: none !important; /* 确保在桌面端始终隐藏移动菜单 */
    }
    
    .layui-nav {
      display: block !important; /* 确保在桌面端显示常规导航 */
    }
  }