/* Dark mode submenu */
html.dark ul.nav-desktop .sub-menu,
body.dark-theme ul.nav-desktop .sub-menu {
  background: var(--surface-page);
  border-color: var(--color-line, #2d2d3f);
}

/* ============================================================
 * Mega Menu (图文超级菜单)
 * ============================================================ */

/* Mega Menu 容器：全宽定位 */
ul.nav-desktop .mega-menu-item {
    position: static;
}

ul.nav-desktop .mega-menu-item > .mega-menu__panel {
    position: fixed;  /* 对齐 zibll .senior-submenu: position:fixed 全视口宽 */
    top: var(--nav-height, 60px);
    left: 0;
    right: 0;
    transform: none;
    max-width: var(--container);
    margin: 0 auto;   /* 内容区居中 */
    padding: 20px 16px;  /* 对齐 zibll 垂直 20px + 水平内边距 */
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);  /* 对齐 zibll shadow */
}

/* 列布局 */
.mega-menu__columns-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.mega-menu__columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.mega-menu__columns-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.mega-menu__columns-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

/* Mega Menu 子项（卡片样式） */
.mega-menu__panel > .menu-item {
    border-radius: 8px;
    transition: background 0.15s;
}

.mega-menu__panel > .menu-item:hover {
    background: var(--surface-2, #F4F5F7);
}

.mega-menu__panel > .menu-item > a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 8px;
    white-space: normal;
    line-height: 1.4;
}

.mega-menu__panel > .menu-item > a i {
    width: 20px;
    text-align: center;
    color: var(--color-primary, var(--color-primary));
    flex-shrink: 0;
}

/* 描述文字 */
.mega-menu__item-desc {
    display: block;
    font-size: 12px;
    color: var(--color-ink-4, #8A8F98);
    margin-top: 2px;
    line-height: 1.3;
}

/* Mega Menu 标题分组 */
.mega-menu__panel .mega-menu__group-title {
    grid-column: 1 / -1;
    padding: 8px 12px 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-ink-3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Mega Menu 底部区域（可放图片/CTA） */
.mega-menu__panel .mega-menu__footer {
    grid-column: 1 / -1;
    padding: 12px 0 0;
    margin-top: 8px;
    border-top: 1px solid var(--color-line);
}