/* MXS B2 Article 5.1.2: interaction state only. Original B2 style.css and mobile.css remain authoritative. */

/* Native controls attached to the original B2 article-rail and modal classes. */
body.mxs-modal-open{overflow:hidden}
.mxs-like-button,.mxs-favorite-button,.mxs-report-button,.mxs-share-button,.mxs-comment-button{touch-action:manipulation}
.mxs-like-button.b2-loading,.mxs-favorite-button.b2-loading{pointer-events:none;opacity:.6}
.mxs-b2-toast{position:fixed;left:50%;top:12%;z-index:10000000;max-width:min(420px,calc(100% - 32px));padding:11px 18px;border-radius:4px;background:rgba(24,24,24,.9);color:#fff;font-size:14px;line-height:1.5;opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.mxs-b2-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mxs-b2-toast.error{background:rgba(224,62,62,.94)}
#mxs-poster-box .poster-image>img{object-fit:cover}
#mxs-poster-box .poster-img-logo{max-height:46px;object-fit:contain;object-position:left center}
#mxs-poster-box .poster-img-qrcode{display:block;background:#fff}
#mxs-poster-box .poster-share-download:disabled{cursor:not-allowed;opacity:.65}



/* Original B2 header/login geometry; only visibility and input state are controlled here. */
.mxs-login-pane[hidden],.header-search-select[hidden]{display:none!important}
.mxs-password-eye{cursor:pointer}


/* 5.1.6+: related-post thumbnails use the theme lazy loader instead of eager background images. */
.related-posts .related-post-thumb > .related-post-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.related-posts .related-post-thumb > .link-block{
    z-index:2;
}