/* 钰民页头响应式规则。仅覆盖页头，不改变正文和业务区块样式。 */

@media (min-width: 783px) {
  /* Reason: 关闭控件只属于移动端抽屉；浏览器调整宽度后的残留节点不得出现在桌面导航。 */
  .yumin-mobile-menu-close-control { display: none !important; }
}

@media (min-width: 783px) {
  /* Reason: site.css 仍保留旧的 max-width:1100px 移动规则，这里显式恢复桌面布局，
   * 让中等宽度继续按比例压缩，而不是提前切换为汉堡菜单。 */
  body { --yumin-header-height: clamp(92px, 8.854167vw, 170px); }
  /* Reason: PSD 页头底部保留 1px 分界，正文从分界线之后开始，避免全页区块累计 1px 偏移。 */
  body { padding-top: calc(var(--yumin-header-height) + 1px) !important; }
  .yumin-site-header__inner {
    display: block !important;
    height: var(--yumin-header-height) !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  .yumin-site-header .yumin-site-brand {
    position: absolute !important;
    /* Reason: Logo 保持原有左侧布局，仅以 Header 中线计算纵向位置。 */
    top: 50% !important;
    left: clamp(20px, 2.81cqw, 54px) !important;
    width: clamp(145px, 14.64cqw, 281px) !important;
    transform: translateY(-50%) !important;
  }
  .yumin-site-header .wp-block-navigation {
    position: absolute !important;
    top: clamp(28px, 3.385417cqw, 65px) !important;
    left: clamp(190px, 26.56cqw, 510px) !important;
    width: calc(100% - clamp(202px, 27.3cqw, 525px) - clamp(12px, 2.2cqw, 42px)) !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    font-size: clamp(13px, 1.30cqw, 25px) !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-open { display: none !important; }
  /* Reason: 覆盖 site.css 中带 :not(.is-menu-open) 的高优先级隐藏规则，恢复桌面导航内容。 */
  .yumin-site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: block !important;
    visibility: visible !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container,
  .yumin-site-header .wp-block-navigation__responsive-container-content {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
  }
  .yumin-site-header .wp-block-navigation__container {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: clamp(8px, 4.06cqw, 78px) !important;
    column-gap: clamp(8px, 4.06cqw, 78px) !important;
    transform: none !important;
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    white-space: nowrap;
  }
  /* Reason: 普通二级菜单与一级项之间保留原有 8px 视觉间距；透明桥接区仅延续鼠标命中范围。 */
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:not(.yumin-products-menu):has(> .wp-block-navigation__submenu-container)::after {
    position: absolute;
    z-index: 41;
    inset-block-start: 100%;
    inset-inline: -12px;
    block-size: 8px;
    content: "";
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    white-space: nowrap;
  }
  /* Reason: 二级菜单脱离一级导航布局，悬浮时不会撑高页头或挤出 Contact。 */
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: max-content !important;
    min-width: 100% !important;
    margin-top: 8px !important;
    display: flex !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .yumin-site-header .wp-block-navigation-item > .wp-block-navigation-item__content[href$="/contact/"] {
    width: clamp(108px, 12.05cqw, 232px) !important;
    height: clamp(36px, 2.8125cqw, 54px) !important;
    padding: 0 !important;
  }
}

@media (min-width: 783px) and (max-width: 1100px) {
  /* Reason: 783-1100px 仍保留桌面信息架构，但收窄字体、间距和行动按钮，确保一行可用。 */
  .yumin-site-header__inner {
    --yumin-narrow-header-logo-inline-start: clamp(20px, 2.81cqw, 54px);
    --yumin-narrow-header-logo-width: clamp(145px, 16vw, 165px);
    --yumin-narrow-header-inline-end: clamp(12px, 2.2cqw, 42px);
    --yumin-narrow-header-nav-offset-y: clamp(2px, .35cqw, 5px);
    --yumin-narrow-header-nav-gap: clamp(10px, 2.5cqw, 28px);
  }
  .yumin-site-header .yumin-site-brand {
    /* Reason: Logo 与导航共享 Header 中线，避免窄桌面按比例 top 值产生上下偏移。 */
    top: 50% !important;
    left: var(--yumin-narrow-header-logo-inline-start) !important;
    width: var(--yumin-narrow-header-logo-width) !important;
    transform: translateY(-50%) !important;
  }
  .yumin-site-header__inner > .wp-block-navigation {
    /* Reason: 按容器宽度微调导航视觉中心，文字和激活线作为一个整体略微下移。 */
    top: calc(50% + var(--yumin-narrow-header-nav-offset-y)) !important;
    right: var(--yumin-narrow-header-inline-end) !important;
    left: calc(var(--yumin-narrow-header-logo-inline-start) + var(--yumin-narrow-header-logo-width)) !important;
    display: flex !important;
    width: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    transform: translateY(-50%) !important;
    font-size: clamp(12px, 1.55vw, 14px) !important;
  }
  .yumin-site-header__inner > .wp-block-navigation > .wp-block-navigation__responsive-container,
  .yumin-site-header__inner > .wp-block-navigation > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-close,
  .yumin-site-header__inner > .wp-block-navigation > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-close > .wp-block-navigation__responsive-dialog,
  .yumin-site-header__inner > .wp-block-navigation > .wp-block-navigation__responsive-container > .wp-block-navigation__responsive-close > .wp-block-navigation__responsive-dialog > .wp-block-navigation__responsive-container-content {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  .yumin-site-header .wp-block-navigation-item__content {
    font-size: inherit !important;
    line-height: 1.2 !important;
  }
  .yumin-site-header .wp-block-navigation__submenu-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 0 0 3px !important;
    color: #73777d !important;
  }
  .yumin-site-header .wp-block-navigation__submenu-icon svg {
    width: 12px !important;
    height: 12px !important;
  }
  .yumin-site-header .wp-block-navigation__container,
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item {
    height: 44px !important;
    align-items: center !important;
  }
  /* Reason: site.css 的移动端规则仍会给一级菜单注入灰色底线和 18px 内边距；窄桌面必须恢复桌面导航的无底线结构。 */
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item {
    border-bottom: 0 !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    padding: clamp(12px, 1.35vw, 16px) 0 !important;
    color: #73777d !important;
    line-height: 1.2 !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item.yumin-nav-is-current > .wp-block-navigation-item__content {
    color: var(--yumin-teal) !important;
  }
  /* Reason: 覆盖移动端的隐藏规则，激活线固定锚定于菜单项底部并随导航整体移动。 */
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item.yumin-nav-is-current > .wp-block-navigation-item__content::after {
    display: block !important;
    top: auto !important;
    bottom: clamp(0px, .2cqw, 2px) !important;
    height: 3px !important;
    background: var(--yumin-teal) !important;
  }
  .yumin-site-header .wp-block-navigation__container {
    width: max-content !important;
    max-width: 100% !important;
    /* Reason: WordPress 仍将菜单列表作为可伸缩子项保留左侧基准，自动左外边距吸收剩余区域后稳定贴齐右内边距。 */
    margin-inline-start: auto !important;
    gap: 0 !important;
    column-gap: 0 !important;
  }
  /* Reason: WordPress 窄桌面布局不会稳定地将 gap 应用于一级菜单项，改用单一外边距确保间距可预测。 */
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:not(:first-child) {
    margin-inline-start: var(--yumin-narrow-header-nav-gap) !important;
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:not(:last-child) {
    margin-inline-end: 0 !important;
  }
  /* Reason: 二级菜单复用桌面端白底边框与内容节奏，不能继承移动端透明弹层。 */
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
    z-index: 30 !important;
    min-width: 200px !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    background: #fff !important;
    color: #73777d !important;
    box-shadow: none !important;
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
    width: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    background: #fff !important;
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    display: flex !important;
    width: 100% !important;
    padding: .5em 1em !important;
    color: #73777d !important;
    font-size: inherit !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[href$="/contact/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: clamp(94px, 11vw, 108px) !important;
    height: 34px !important;
    padding: 0 clamp(12px, 1.4vw, 20px) !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(180deg, #01afa5 0%, #00928e 100%) !important;
  }
}

@media (min-width: 783px) {
  /* Reason: Contact 的文字链接与二级菜单按钮是同级节点，胶囊背景必须由父菜单项承载，才能让箭头落在按钮内部。 */
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) {
    /* Reason: 按钮左侧留白固定为箭头左侧留白的两倍；其余两段留白共用同一变量，避免左侧过空的同时保留箭头的独立呼吸空间。 */
    --yumin-contact-arrow-size: clamp(16px, 1.25cqw, 24px);
    --yumin-contact-arrow-space: clamp(10px, 1.041667cqw, 20px);
    display: inline-grid !important;
    grid-template-columns: calc(var(--yumin-contact-arrow-space) * 2) max-content var(--yumin-contact-arrow-space) var(--yumin-contact-arrow-size) var(--yumin-contact-arrow-space);
    align-items: center !important;
    width: auto !important;
    height: clamp(40px, 2.8125cqw, 54px) !important;
    border-radius: 999px;
    background: linear-gradient(180deg, #01afa5 0%, #00928e 100%);
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) > .wp-block-navigation-item__content[href$="/contact/"] {
    display: inline-flex !important;
    grid-column: 2;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: inherit !important;
    color: #fff !important;
    background: transparent !important;
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) > .wp-block-navigation__submenu-icon {
    position: static !important;
    z-index: 1;
    grid-column: 4;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--yumin-contact-arrow-size) !important;
    height: var(--yumin-contact-arrow-size) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    color: #fff !important;
    background: transparent !important;
    transform: none !important;
  }
  .yumin-site-header .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) > .wp-block-navigation__submenu-icon svg {
    width: 100% !important;
    height: 100% !important;
  }
}

@media (min-width: 783px) and (max-width: 1100px) {
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) {
    /* Reason: 紧凑桌面保留“左侧为两倍、箭头两侧相等”的宽屏公式，只缩小箭头及其留白，避免影响一级导航的单行排列。 */
    --yumin-contact-arrow-size: 14px;
    --yumin-contact-arrow-space: clamp(6px, .75cqw, 10px);
    width: auto !important;
    height: 34px !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) > .wp-block-navigation-item__content[href$="/contact/"] {
    display: flex !important;
    width: auto !important;
    height: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) > .wp-block-navigation__submenu-icon {
    width: var(--yumin-contact-arrow-size) !important;
    height: var(--yumin-contact-arrow-size) !important;
  }
}

@media (max-width: 782px) {
  /* Reason: 782px 以下才切换移动菜单，避免平板和窄桌面过早失去横向导航。 */
  body { --yumin-header-height: 72px; }
  .yumin-site-header__inner {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    height: var(--yumin-header-height) !important;
    min-height: var(--yumin-header-height) !important;
    padding: 0 clamp(20px, 4vw, 48px) !important;
  }
  .yumin-site-header .yumin-site-brand {
    position: static !important;
    flex: 0 1 auto;
    width: clamp(145px, 40vw, 190px) !important;
  }
  .yumin-site-header .wp-block-navigation {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    font-size: 16px !important;
    transform: none !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--yumin-teal);
  }
  .yumin-site-header .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }
  .yumin-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
  .yumin-site-header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed;
    z-index: 100000;
    top: var(--yumin-header-height);
    right: 0;
    bottom: 0;
    left: 0;
    display: flex !important;
    padding: 0 24px 32px !important;
    overflow-y: auto;
    background: #fff !important;
    color: var(--yumin-text) !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-close { top: 18px; right: 20px; width: 40px; height: 40px; color: var(--yumin-teal); }
  .yumin-site-header .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
  .yumin-site-header .wp-block-navigation__responsive-close,
  .yumin-site-header .wp-block-navigation__responsive-dialog { width: 100%; max-width: none; }
  .yumin-site-header .wp-block-navigation__responsive-container-content {
    display: flex !important;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-top: 74px !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
    display: flex !important;
    align-items: stretch;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e8efee;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    flex: 1 1 auto;
    padding: 18px 0 !important;
    color: var(--yumin-text);
    font-size: 19px;
    line-height: 1.3;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { display: inline-flex; width: 36px; height: 36px; margin: 0; align-items: center; justify-content: center; color: var(--yumin-teal); }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { position: static !important; flex: 0 0 100%; width: 100% !important; min-width: 0 !important; height: auto; padding: 0 0 12px 18px !important; border: 0; opacity: 1; visibility: visible; background: transparent; }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 10px 0 !important; color: var(--yumin-muted); font-size: 16px; }
  .yumin-site-header .wp-block-navigation__responsive-container-content .yumin-nav-is-current > .wp-block-navigation-item__content { color: var(--yumin-teal); }
  .yumin-site-header .wp-block-navigation__responsive-container-content .yumin-nav-is-current > .wp-block-navigation-item__content::after { display: none; }
  /* Reason: 移动端导航收进弹层，Contact 不占用桌面胶囊尺寸。 */
  .yumin-site-header .wp-block-navigation-item > .wp-block-navigation-item__content[href$="/contact/"] { display: block; width: auto !important; height: auto !important; padding: 18px 0 !important; border-radius: 0; color: var(--yumin-text); background: transparent; }
  .yumin-site-header .wp-block-navigation-item > .wp-block-navigation-item__content[href$="/contact/"]:hover,
  .yumin-site-header .wp-block-navigation-item.yumin-nav-is-current > .wp-block-navigation-item__content[href$="/contact/"] { color: var(--yumin-teal); background: transparent; }
}

@media (max-width: 782px) {
  /* Reason: 移动端复刻旧版右侧抽屉，保留页面上下文并避免全屏白层造成的突兀感。 */
  .yumin-site-header .wp-block-navigation__responsive-container.is-menu-open {
    --yumin-mobile-menu-origin-x: calc(100% - 42px);
    --yumin-mobile-menu-origin-y: calc(var(--yumin-header-height) / 2);
    top: 0 !important;
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: rgba(16, 27, 32, 0) !important;
    clip-path: circle(22px at var(--yumin-mobile-menu-origin-x) var(--yumin-mobile-menu-origin-y));
    transition: clip-path 460ms cubic-bezier(.4, 0, .2, 1), background-color 260ms ease !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container.is-menu-open.is-yumin-mobile-menu-ready {
    background: rgba(16, 27, 32, .38) !important;
    clip-path: circle(150vmax at var(--yumin-mobile-menu-origin-x) var(--yumin-mobile-menu-origin-y));
  }
  .yumin-site-header .wp-block-navigation__responsive-close {
    position: relative !important;
    box-sizing: border-box !important;
    width: min(100vw, 360px) !important;
    max-width: none !important;
    height: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 16px 28px !important;
    overflow-y: auto !important;
    background: #fff !important;
    box-shadow: -18px 0 42px rgba(15, 42, 48, .18) !important;
    opacity: 0;
    transform: translate3d(0, 10px, 0) scale(.985);
    transition: transform 300ms cubic-bezier(.22, 1, .36, 1), opacity 200ms ease !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container.is-yumin-mobile-menu-ready .wp-block-navigation__responsive-close {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    transition-delay: 100ms, 120ms !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container.is-yumin-mobile-menu-closing .wp-block-navigation__responsive-close {
    opacity: 0;
    transform: translate3d(0, -6px, 0) scale(.99);
    transition-delay: 0ms !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-close::before {
    display: block;
    padding: 16px 0 14px;
    border-bottom: 1px solid #e8efee;
    color: var(--yumin-teal);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    content: "Menu";
  }
  .yumin-site-header .wp-block-navigation__responsive-dialog {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-close {
    /* Reason: 抽屉内容可纵向滚动，关闭按钮必须固定在视口右上角，不能随菜单内容移出可视区。 */
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    color: #56636a !important;
    z-index: 4 !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-close svg {
    width: 20px !important;
    height: 20px !important;
  }
  .yumin-mobile-menu-close-control {
    position: absolute !important;
    z-index: 6 !important;
    top: 10px !important;
    right: 10px !important;
    display: inline-flex !important;
    width: 36px !important;
    height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid var(--yumin-teal) !important;
    border-radius: 6px !important;
    color: #fff !important;
    background: var(--yumin-teal) !important;
    box-shadow: 0 4px 12px rgba(0, 146, 142, .28) !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, -6px, 0) scale(.94);
    transition: transform 220ms cubic-bezier(.22, 1, .36, 1), opacity 160ms ease, background-color 160ms ease !important;
  }
  /* Reason: WordPress 可能先切换 is-menu-open，再拦截触发按钮的点击事件；关闭控件不能依赖额外状态才显示。 */
  .yumin-site-header .wp-block-navigation__responsive-container.is-menu-open .yumin-mobile-menu-close-control {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    transition-delay: 150ms, 150ms, 0ms !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container.is-yumin-mobile-menu-ready .yumin-mobile-menu-close-control {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    transition-delay: 150ms, 150ms, 0ms !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container.is-yumin-mobile-menu-closing .yumin-mobile-menu-close-control {
    opacity: 0;
    transform: translate3d(0, -6px, 0) scale(.94);
    transition-delay: 0ms !important;
  }
  /* Reason: 控件位于 body 顶层，使用打开状态选择器同步显示，避免抽屉裁切层影响其可见性。 */
  body:has(.yumin-site-header .wp-block-navigation__responsive-container.is-menu-open) .yumin-mobile-menu-close-control {
    display: inline-flex !important;
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    transition-delay: 150ms, 150ms, 0ms !important;
  }
  body:has(.yumin-site-header .wp-block-navigation__responsive-container.is-yumin-mobile-menu-closing) .yumin-mobile-menu-close-control {
    opacity: 0;
    transform: translate3d(0, -6px, 0) scale(.94);
    pointer-events: none;
    transition-delay: 0ms !important;
  }
  .yumin-mobile-menu-close-control:hover,
  .yumin-mobile-menu-close-control:focus-visible {
    color: #fff !important;
    background: #007f7b !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content {
    display: block !important;
    padding: 14px 0 0 !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
    display: flex !important;
    width: 100% !important;
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 2px !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    border: 0 !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    min-height: 44px;
    padding: 10px 12px !important;
    color: #18242b !important;
    font-size: 15px !important;
    font-weight: 650;
    line-height: 24px !important;
    text-align: left !important;
    border-radius: 7px;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item.yumin-nav-is-current > .wp-block-navigation-item__content {
    color: var(--yumin-teal) !important;
    background: #eefafa;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    display: inline-flex !important;
    flex: 0 0 44px;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    color: #26353d !important;
    transition: transform 220ms ease, color 180ms ease;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item.yumin-mobile-submenu-open > .wp-block-navigation__submenu-icon {
    color: var(--yumin-teal) !important;
    transform: rotate(180deg);
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    position: static !important;
    flex: 0 0 100%;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    opacity: 0;
    visibility: visible !important;
    pointer-events: none;
    background: transparent !important;
    transition: max-height 280ms ease, padding 220ms ease, opacity 180ms ease !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item.yumin-mobile-submenu-open > .wp-block-navigation__submenu-container {
    max-height: 980px !important;
    padding: 4px 0 10px 18px !important;
    opacity: 1;
    pointer-events: auto;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container:not(.yumin-products-menu__panel) {
    border-left: 2px solid rgba(0, 175, 165, .28) !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container:not(.yumin-products-menu__panel) .wp-block-navigation-item__content {
    display: block !important;
    min-height: 38px;
    padding: 8px 12px !important;
    color: #4f5b60 !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 22px !important;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) {
    background: #e7f7f5 !important;
    border-radius: 7px;
  }
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) > .wp-block-navigation-item__content,
  .yumin-site-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-item__content[href$="/contact/"]) > .wp-block-navigation__submenu-icon {
    color: var(--yumin-teal) !important;
    background: transparent !important;
  }
}