/* 营养小店 H5 预览版 20261114：仅预览目录生效，不影响正式站 */
#mpv-overlay{position:fixed;left:0;right:0;top:44px;bottom:66px;z-index:22;display:none;contain:layout paint;background:#F6F5F9}
html.mpv-on #mpv-overlay{display:block}
#mpv-overlay .mpv-page{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}
#mpv-overlay .mpv-page::-webkit-scrollbar{display:none}
#mpv-overlay .mpv-page[hidden]{display:none}
#mpv-overlay .mpv-products{overflow:hidden}
#mpv-overlay .mpv-feedback{background:#f5f1fc}
#mpv-overlay .mpv-listen{background:#FAF8FF}
html.mpv-on .mobile-prototype>nav.library-tabs,html.mpv-on .mobile-prototype>nav.feedback-mode-nav,html.mpv-on .mobile-prototype>.search-box,html.mpv-on .mobile-prototype>section.library-content,html.mpv-on .mobile-prototype>.empty{display:none!important}
.bottom-nav.mpv-nav4{grid-template-columns:repeat(4,1fr)!important}
html.mpv-listen .bottom-nav button.active:not(.mpv-tab){color:#9b929d!important;font-weight:400!important}
.bottom-nav button.mpv-tab.mpv-active{color:#82499a;font-weight:600}
#mpv-modal-host{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:none}
#mpv-modal-host.on{display:block}
#mpv-modal-host.toast-only{pointer-events:none}