.site-head.astro-5qrshpxv .sb-qr-code.astro-5qrshpxv { appearance:none; border:0; border-left:1px solid var(--color-secondary); margin:0; padding:.5rem; background:transparent; color:inherit; cursor:pointer; } /* 保留顶栏分隔与按钮交互 */
.site-head.astro-5qrshpxv .sb-qr-code.astro-5qrshpxv img.astro-5qrshpxv { display:block; width:5rem; height:5rem; object-fit:contain; } /* 设置顶栏二维码尺寸 */
.site-head.astro-5qrshpxv .sb-qr-code.astro-5qrshpxv:before { inset:.5rem; } /* 同步二维码扫描遮罩 */
html.qr-modal-open { overflow:hidden; } /* 弹窗打开时锁定页面 */
.qr-modal { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; box-sizing:border-box; padding:1rem; background:rgba(22,0,0,.42); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .24s ease,visibility 0s linear .24s; } /* 设置二维码遮罩 */
.qr-modal.is-open { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .24s ease,visibility 0s linear 0s; } /* 立即显示并淡入弹窗 */
.qr-modal__dialog { display:grid; place-items:center; box-sizing:border-box; width:min(82vw,20rem); aspect-ratio:1/1; padding:clamp(.875rem,3vw,1.25rem); background:#fff; outline:0; transform:scale(.96); transition:transform .24s ease; } /* 设置自适应白色方形卡片 */
.qr-modal.is-open .qr-modal__dialog { transform:scale(1); } /* 播放弹窗进入动画 */
.qr-modal__dialog img { display:block; width:100%; height:100%; object-fit:contain; } /* 填充二维码图片 */
@media (prefers-reduced-motion:reduce) { .qr-modal,.qr-modal__dialog { transition:none; } } /* 关闭弹窗动画 */