/* ============================================
   移动端汉堡菜单面板 优化 v1.0
   ============================================ */

@media screen and (max-width: 768px) {
  /* --- 菜单面板背景 --- */
  .mobile-box {
    background: #fff !important;
  }

  /* --- 菜单顶部工具栏 --- */
  .header-tools {
    background: linear-gradient(135deg, #faf8f3 0%, #f0f4f8 100%) !important;
    background-image: none !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #F1F5F9 !important;
  }

  .header-tools .logo img {
    height: 28px !important;
  }

  .header .close-button {
    font-size: 24px !important;
    color: #64748B !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center !important;
    border-radius: var(--r-md) !important;
    transition: all var(--t-fast) !important;
  }

  .header .close-button:hover {
    background: #F1F5F9 !important;
    color: #0F172A !important;
  }

  /* --- 菜单项 --- */
  .mobile-box .top-menu-ul > li > a {
    padding: 14px 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    border-bottom: 1px solid #F8FAFC !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  .mobile-box .top-menu-ul > li > a:hover,
  .mobile-box .top-menu-ul > li.current-menu-item > a {
    color: var(--gold-dark) !important;
    background: var(--gold-bg) !important;
  }

  .mobile-box .top-menu-ul > li > a i {
    font-size: 18px !important;
    margin-right: 10px !important;
    color: #94A3B8 !important;
    width: 24px !important;
    text-align: center !important;
  }

  .mobile-box .top-menu-ul > li.current-menu-item > a i {
    color: var(--gold-dark) !important;
  }

  /* --- 子菜单 --- */
  .mobile-box .sub-menu li a {
    padding: 12px 16px 12px 48px !important;
    font-size: 14px !important;
    color: #64748B !important;
    min-height: 40px !important;
  }

  .mobile-box .sub-menu li a:hover {
    color: var(--gold-dark) !important;
    background: var(--gold-bg) !important;
  }

  /* --- 底部发布按钮 --- */
  .mobile-box .top-submit {
    padding: 16px !important;
    border-top: 1px solid #F1F5F9 !important;
  }

  .mobile-box .top-submit .button,
  .mobile-box .top-submit button {
    border-radius: var(--r-lg) !important;
    padding: 12px 20px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    width: 100% !important;
    background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 12px var(--gold-bg-25) !important;
  }

  
  

  

  

  

  

  

  

  

  

  
}