.block-navigation {
    position: relative;
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-direction: row;
    --navigation-layout-wrap: wrap;
    --navigation-layout-justify: flex-start;
    --navigation-layout-align: center
}

.block-navigation ul {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0
}

.block-navigation ul,
.block-navigation ul li {
    list-style: none;
    padding: 0
}

.block-navigation .block-navigation-item {
    align-items: center;
    background-color: inherit;
    display: flex;
    position: relative
}

.block-navigation .block-navigation-item .block-navigation__submenu-container:empty {
    display: none
}

.block-navigation .block-navigation-item__content {
    display: block
}

.block-navigation .block-navigation-item__content.block-navigation-item__content {
    color: inherit
}

.block-navigation.has-text-decoration-underline .block-navigation-item__content,
.block-navigation.has-text-decoration-underline .block-navigation-item__content:active,
.block-navigation.has-text-decoration-underline .block-navigation-item__content:focus {
    text-decoration: underline
}

.block-navigation.has-text-decoration-line-through .block-navigation-item__content,
.block-navigation.has-text-decoration-line-through .block-navigation-item__content:active,
.block-navigation.has-text-decoration-line-through .block-navigation-item__content:focus {
    text-decoration: line-through
}

.block-navigation :where(a),
.block-navigation :where(a:active),
.block-navigation :where(a:focus) {
    text-decoration: none
}

.block-navigation .block-navigation__submenu-icon {
    align-self: center;
    background-color: inherit;
    border: none;
    color: currentColor;
    display: inline-block;
    font-size: inherit;
    height: .6em;
    line-height: 0;
    margin-left: .25em;
    padding: 0;
    width: .6em
}

.block-navigation .block-navigation__submenu-icon svg {
    display: inline-block;
    stroke: currentColor;
    height: inherit;
    margin-top: .075em;
    width: inherit
}

.block-navigation.is-vertical {
    --navigation-layout-direction: column;
    --navigation-layout-justify: initial;
    --navigation-layout-align: flex-start
}

.block-navigation.no-wrap {
    --navigation-layout-wrap: nowrap
}

.block-navigation.items-justified-center {
    --navigation-layout-justification-setting: center;
    --navigation-layout-justify: center
}

.block-navigation.items-justified-center.is-vertical {
    --navigation-layout-align: center
}

.block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-end;
    --navigation-layout-justify: flex-end
}

.block-navigation.items-justified-right.is-vertical {
    --navigation-layout-align: flex-end
}

.block-navigation.items-justified-space-between {
    --navigation-layout-justification-setting: space-between;
    --navigation-layout-justify: space-between
}

.block-navigation .has-child .block-navigation__submenu-container {
    align-items: normal;
    background-color: inherit;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 0;
    left: -1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 0;
    z-index: 2
}

@media not (prefers-reduced-motion) {
    .block-navigation .has-child .block-navigation__submenu-container {
        transition: opacity .1s linear
    }
}

.block-navigation .has-child .block-navigation__submenu-container>.block-navigation-item>.block-navigation-item__content {
    display: flex;
    flex-grow: 1
}

.block-navigation .has-child .block-navigation__submenu-container>.block-navigation-item>.block-navigation-item__content .block-navigation__submenu-icon {
    margin-left: auto;
    margin-right: 0
}

.block-navigation .has-child .block-navigation__submenu-container .block-navigation-item__content {
    margin: 0
}

@media (min-width:782px) {
    .block-navigation .has-child .block-navigation__submenu-container .block-navigation__submenu-container {
        left: 100%;
        top: -1px
    }
    .block-navigation .has-child .block-navigation__submenu-container .block-navigation__submenu-container:before {
        background: #0000;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 100%;
        width: .5em
    }
    .block-navigation .has-child .block-navigation__submenu-container .block-navigation__submenu-icon {
        margin-right: .25em
    }
    .block-navigation .has-child .block-navigation__submenu-container .block-navigation__submenu-icon svg {
        transform: rotate(-90deg)
    }
}

.block-navigation .has-child .block-navigation-submenu__toggle[aria-expanded=true]~.block-navigation__submenu-container,
.block-navigation .has-child:not(.open-on-click):hover>.block-navigation__submenu-container,
.block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.block-navigation__submenu-container {
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto
}

.block-navigation.has-background .has-child .block-navigation__submenu-container {
    left: 0;
    top: 100%
}

@media (min-width:782px) {
    .block-navigation.has-background .has-child .block-navigation__submenu-container .block-navigation__submenu-container {
        left: 100%;
        top: 0
    }
}

.block-navigation-submenu {
    display: flex;
    position: relative
}

.block-navigation-submenu .block-navigation__submenu-icon svg {
    stroke: currentColor
}

button.block-navigation-item__content {
    background-color: initial;
    border: none;
    color: currentColor;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: left;
    text-transform: inherit
}

.block-navigation-submenu__toggle {
    cursor: pointer
}

.block-navigation-item.open-on-click .block-navigation-submenu__toggle {
    padding-left: 0;
    padding-right: .85em
}

.block-navigation-item.open-on-click .block-navigation-submenu__toggle+.block-navigation__submenu-icon {
    margin-left: -.6em;
    pointer-events: none
}

.block-navigation-item.open-on-click button.block-navigation-item__content:not(.block-navigation-submenu__toggle) {
    padding: 0
}

.block-navigation .wp-block-page-list,
.block-navigation__container,
.block-navigation__responsive-close,
.block-navigation__responsive-container,
.block-navigation__responsive-container-content,
.block-navigation__responsive-dialog {
    gap: inherit
}

:where(.block-navigation.has-background .block-navigation-item a:not(.element-button)),
:where(.block-navigation.has-background .block-navigation-submenu a:not(.element-button)) {
    padding: .5em 1em
}

:where(.block-navigation .block-navigation__submenu-container .block-navigation-item a:not(.element-button)),
:where(.block-navigation .block-navigation__submenu-container .block-navigation-submenu a:not(.element-button)),
:where(.block-navigation .block-navigation__submenu-container .block-navigation-submenu button.block-navigation-item__content),
:where(.block-navigation .block-navigation__submenu-container .wp-block-pages-list__item button.block-navigation-item__content) {
    padding: .5em 1em
}

.block-navigation.items-justified-right .block-navigation__container .has-child .block-navigation__submenu-container,
.block-navigation.items-justified-right .wp-block-page-list>.has-child .block-navigation__submenu-container,
.block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .block-navigation__submenu-container,
.block-navigation.items-justified-space-between>.block-navigation__container>.has-child:last-child .block-navigation__submenu-container {
    left: auto;
    right: 0
}

.block-navigation.items-justified-right .block-navigation__container .has-child .block-navigation__submenu-container .block-navigation__submenu-container,
.block-navigation.items-justified-right .wp-block-page-list>.has-child .block-navigation__submenu-container .block-navigation__submenu-container,
.block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .block-navigation__submenu-container .block-navigation__submenu-container,
.block-navigation.items-justified-space-between>.block-navigation__container>.has-child:last-child .block-navigation__submenu-container .block-navigation__submenu-container {
    left: -1px;
    right: -1px
}

@media (min-width:782px) {
    .block-navigation.items-justified-right .block-navigation__container .has-child .block-navigation__submenu-container .block-navigation__submenu-container,
    .block-navigation.items-justified-right .wp-block-page-list>.has-child .block-navigation__submenu-container .block-navigation__submenu-container,
    .block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .block-navigation__submenu-container .block-navigation__submenu-container,
    .block-navigation.items-justified-space-between>.block-navigation__container>.has-child:last-child .block-navigation__submenu-container .block-navigation__submenu-container {
        left: auto;
        right: 100%
    }
}

.block-navigation:not(.has-background) .block-navigation__submenu-container {
    background-color: #fff;
    border: 1px solid #00000026
}

.block-navigation.has-background .block-navigation__submenu-container {
    background-color: inherit
}

.block-navigation:not(.has-text-color) .block-navigation__submenu-container {
    color: #000
}

.block-navigation__container {
    align-items: var(--navigation-layout-align, initial);
    display: flex;
    flex-direction: var(--navigation-layout-direction, initial);
    flex-wrap: var(--navigation-layout-wrap, wrap);
    justify-content: var(--navigation-layout-justify, initial);
    list-style: none;
    margin: 0;
    padding-left: 0
}

.block-navigation__container .is-responsive {
    display: none
}

.block-navigation__container:only-child,
.wp-block-page-list:only-child {
    flex-grow: 1
}

@keyframes overlay-menu__fade-in-animation {
    0% {
        opacity: 0;
        transform: translateY(.5em)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.block-navigation__responsive-container {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.block-navigation__responsive-container :where(.block-navigation-item a) {
    color: inherit
}

.block-navigation__responsive-container .block-navigation__responsive-container-content {
    align-items: var(--navigation-layout-align, initial);
    display: flex;
    flex-direction: var(--navigation-layout-direction, initial);
    flex-wrap: var(--navigation-layout-wrap, wrap);
    justify-content: var(--navigation-layout-justify, initial)
}

.block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
    background-color: inherit !important;
    color: inherit !important
}

.block-navigation__responsive-container.is-menu-open {
    background-color: inherit;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: clamp(1rem, var(--style--root--padding-top), 20rem) clamp(1rem, var(--style--root--padding-right), 20rem) clamp(1rem, var(--style--root--padding-bottom), 20rem) clamp(1rem, var(--style--root--padding-left), 20rem);
    z-index: 100000
}

@media not (prefers-reduced-motion) {
    .block-navigation__responsive-container.is-menu-open {
        animation: overlay-menu__fade-in-animation .1s ease-out;
        animation-fill-mode: forwards
    }
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content {
    align-items: var(--navigation-layout-justification-setting, inherit);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: visible;
    padding-top: calc(2rem + 24px)
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content,
.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation__container,
.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .wp-block-page-list {
    justify-content: flex-start
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation__submenu-icon {
    display: none
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .has-child .block-navigation__submenu-container {
    border: none;
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: initial;
    padding-left: 2rem;
    padding-right: 2rem;
    position: static;
    visibility: visible;
    width: auto
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation__container,
.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation__submenu-container {
    gap: inherit
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation__submenu-container {
    padding-top: var(--style--block-gap, 2em)
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation-item__content {
    padding: 0
}

.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation-item,
.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation__container,
.block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .wp-block-page-list {
    align-items: var(--navigation-layout-justification-setting, initial);
    display: flex;
    flex-direction: column
}

.block-navigation__responsive-container.is-menu-open .block-navigation-item,
.block-navigation__responsive-container.is-menu-open .block-navigation-item .block-navigation__submenu-container,
.block-navigation__responsive-container.is-menu-open .block-navigation__container,
.block-navigation__responsive-container.is-menu-open .wp-block-page-list {
    background: #0000 !important;
    color: inherit !important
}

.block-navigation__responsive-container.is-menu-open .block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container {
    left: auto;
    right: auto
}

@media (min-width:600px) {
    .block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: block;
        position: relative;
        width: 100%;
        z-index: auto
    }
    .block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .block-navigation__responsive-container-close {
        display: none
    }
    .block-navigation__responsive-container.is-menu-open .block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container.block-navigation__submenu-container {
        left: 0
    }
}

.block-navigation:not(.has-background) .block-navigation__responsive-container.is-menu-open {
    background-color: #fff
}

.block-navigation:not(.has-text-color) .block-navigation__responsive-container.is-menu-open {
    color: #000
}

.block-navigation__toggle_button_label {
    font-size: 1rem;
    font-weight: 700
}

.block-navigation__responsive-container-close,
.block-navigation__responsive-container-open {
    background: #0000;
    border: none;
    color: currentColor;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-transform: inherit;
    vertical-align: middle
}

.block-navigation__responsive-container-close svg,
.block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 24px;
    pointer-events: none;
    width: 24px
}

.block-navigation__responsive-container-open {
    display: flex
}

.block-navigation__responsive-container-open.block-navigation__responsive-container-open.block-navigation__responsive-container-open {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

@media (min-width:600px) {
    .block-navigation__responsive-container-open:not(.always-shown) {
        display: none
    }
}

.block-navigation__responsive-container-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.block-navigation__responsive-container-close.block-navigation__responsive-container-close.block-navigation__responsive-container-close {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.block-navigation__responsive-close {
    width: 100%
}

.has-modal-open .block-navigation__responsive-close {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--style--global--wide-size, 100%)
}

.block-navigation__responsive-close:focus {
    outline: none
}

.is-menu-open .block-navigation__responsive-close,
.is-menu-open .block-navigation__responsive-container-content,
.is-menu-open .block-navigation__responsive-dialog {
    box-sizing: border-box
}

.block-navigation__responsive-dialog {
    position: relative
}

.has-modal-open .admin-bar .is-menu-open .block-navigation__responsive-dialog {
    margin-top: 46px
}

@media (min-width:782px) {
    .has-modal-open .admin-bar .is-menu-open .block-navigation__responsive-dialog {
        margin-top: 32px
    }
}

html.has-modal-open {
    overflow: hidden
}

/* 移动端导航菜单优化 - 增大点击区域和显示区域 */
@media only screen and (max-width: 782px) {
    /* 定义淡入上移动画 */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* 增大关闭按钮的点击区域并固定位置 */
    .block-navigation__responsive-container-close {
        position: fixed !important;
        top: 20px !important;
        right: 20px !important;
        z-index: 100002 !important;
        padding: 12px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        background: transparent !important;
    }
    
    .block-navigation__responsive-container-close svg {
        width: 40px !important;
        height: 40px !important;
        fill: #fff !important;
    }
    
    /* 增大汉堡菜单按钮的点击区域 */
    .block-navigation__responsive-container-open {
        padding: 12px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .block-navigation__responsive-container-open svg {
        width: 32px !important;
        height: 32px !important;
    }
    
    /* 菜单容器左对齐 - 覆盖 items-justified-center */
    .block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content {
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
    
    .block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content,
    .block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .block-navigation__container,
    .block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content .wp-block-page-list {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    
    /* 菜单项容器左对齐 - 覆盖 items-justified-center */
    .block-navigation__responsive-container.is-menu-open .block-navigation__container.items-justified-center,
    .block-navigation__responsive-container.is-menu-open .wp-block-page-list.items-justified-center,
    .block-navigation__responsive-container.is-menu-open .block-navigation__container,
    .block-navigation__responsive-container.is-menu-open .wp-block-page-list {
        align-items: flex-start !important;
        text-align: left !important;
        justify-content: flex-start !important;
        height: auto !important; /* 防止高度撑满 */
        min-height: 0 !important;
        flex-grow: 0 !important; /* 防止占据多余空间 */
        margin-bottom: auto !important; /* 将剩余空间留在下方 */
    }
    
    /* 覆盖导航块的居中样式 */
    .block-navigation__responsive-container.is-menu-open .block-navigation.items-justified-center {
        justify-content: flex-start !important;
    }
    
    /* 增大导航菜单项的点击区域和间距，添加动画和粗体 */
    .block-navigation__responsive-container.is-menu-open .block-navigation-item {
        font-size: 28px !important;
        font-weight: 700 !important;
        margin-bottom: 0.75rem !important;
        text-align: left !important;
        width: 100% !important;
        opacity: 0;
        animation: fadeInUp 0.5s ease forwards;
    }

    /* 菜单项依次延迟显示 */
    .block-navigation__responsive-container.is-menu-open .block-navigation-item:nth-child(1) { animation-delay: 0.1s; }
    .block-navigation__responsive-container.is-menu-open .block-navigation-item:nth-child(2) { animation-delay: 0.2s; }
    .block-navigation__responsive-container.is-menu-open .block-navigation-item:nth-child(3) { animation-delay: 0.3s; }
    .block-navigation__responsive-container.is-menu-open .block-navigation-item:nth-child(4) { animation-delay: 0.4s; }
    .block-navigation__responsive-container.is-menu-open .block-navigation-item:nth-child(5) { animation-delay: 0.5s; }
    
    .block-navigation__responsive-container.is-menu-open .block-navigation-item__content {
        padding: 12px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 44px !important;
        line-height: 1.5 !important;
        text-align: left !important;
        width: 100% !important;
    }
    
    /* 菜单项文字左对齐 */
    .block-navigation__responsive-container.is-menu-open .block-navigation-item__label {
        text-align: left !important;
    }
    
    /* 增大菜单容器内边距 - 让整个菜单区域更大 */
    .block-navigation__responsive-container.is-menu-open {
        padding: 0 !important;
        background-color: #4D1AA5 !important; /* 强制设置背景色，防止继承透明 */
        color: #fff !important; /* 强制设置文字颜色 */
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important; /* 允许内容滚动 */
        display: flex !important;
        flex-direction: column !important;
        z-index: 100000 !important;
    }
    
    /* 确保所有链接和按钮在菜单打开时为白色 */
    .block-navigation__responsive-container.is-menu-open a,
    .block-navigation__responsive-container.is-menu-open button,
    .block-navigation__responsive-container.is-menu-open .block-navigation-item__content {
        color: #fff !important;
    }
    
    .block-navigation__responsive-container.is-menu-open .block-navigation__responsive-container-content {
        padding-top: calc(4rem + 48px) !important; /* 增加顶部内边距，避开关闭按钮 */
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        padding-bottom: 3rem !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-grow: 1 !important; /* 确保内容区域撑满剩余空间 */
    }
    
    /* 增大菜单容器本身的显示区域 */
    .block-navigation__responsive-container.is-menu-open .block-navigation__responsive-dialog {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 100% !important; /* 改为100%，因为容器已经是100vh */
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 调整菜单项之间的间距 - 参考示意图 */
    .block-navigation__responsive-container.is-menu-open .block-navigation__container {
        gap: 0 !important;
    }
    
    /* 确保菜单项链接有足够的点击区域 */
    .block-navigation__responsive-container.is-menu-open .block-navigation-item a {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }
}