/* ==========================================================================
透明亮文字添加遮罩
   ========================================================================== */

.has-transparent{
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); /* 从黑色到透明的渐变背景 */
}



/* ==========================================================================
头部全宽
   ========================================================================== */

.header-full-width .container {
    max-width: 98% !important;
}


.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: none
}



/* ==========================================================================
手机端logo宽度
   ========================================================================== */
@media (max-width: 549px) {
  #logo img {
    /*max-height: 24px !important;*/
  }
}



/* ==========================================================================
   下拉菜单最终优化版：自动宽度、禁止折行、字号统一
   ========================================================================== */

/* 1. 基础容器设置：控制下拉列表整体 */
body .nav-dropdown {
    display: flex !important;
    flex-direction: column !important;
    width: max-content !important; /* 宽度由内容撑开 */
    min-width: auto !important;    /* 移除固定最小宽度限制 */
    padding: 0 !important;
    background: #ffffff !important;
}

/* 2. 下拉项（二级、三级等所有层级）通用样式 */
body .nav-dropdown li {
    width: 100% !important;
    flex: 0 0 auto !important;
    position: relative !important;
    display: block !important;
}

/* 3. 统一所有层级的字体、间距与不折行属性 */
body .nav-dropdown li a,
body .nav-dropdown .sub-menu li a,
body .nav-dropdown .nav-column li a,
.nav-dropdown .menu-item-has-children > a,
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown .title > a {
    font-size: 14px !important;      /* 统一 2 级和 3 级字体大小 */
    font-weight: normal !important;
    text-transform: none !important;
    padding: 12px 20px !important;   /* 统一内边距，可根据视觉喜好调整 */
    white-space: nowrap !important;  /* 强制文字不换行 */
    display: block !important;
    border: none !important;
}

/* 4. 子级菜单（三级菜单）的定位与显示控制 */
body .nav-dropdown > li .sub-menu,
body .nav-dropdown > li .nav-column {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: 100% !important;           /* 向右侧弹出 */
    top: 0 !important;
    
    width: max-content !important;   /* 自动宽度 */
    min-width: auto !important;
    
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1); /* 建议增加微弱阴影以区分层级 */
    transition: none !important;
}

/* 5. 悬停触发显示 */
body .nav-dropdown > li.menu-item-has-children:hover > .sub-menu,
body .nav-dropdown > li.menu-item-has-children:hover > .nav-column {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 6. 特殊结构修正（针对 nav-column 内部链接） */
body .nav-column li > a {
    padding: 12px 20px !important;
}