/* 弹层滚动隔离（2026-11-04）
 * 目标：弹层/半屏卡片内部滚到底后，继续滑动不再带动背后的页面。
 * 1) 弹层内部滚动容器禁止 overscroll 链式传递；
 * 2) 弹层打开时锁住 html/body 背景滚动（支持的浏览器）。
 */
.modal,
.xc-modal,
.fu-sheet,
.modal-backdrop,
.xc-modal-mask,
.fu-sheet-backdrop,
[style*="position: fixed"] [style*="overflow-y"],
[style*="position: fixed"] [style*="overflowY"],
[style*="overflow-y: auto"],
[style*="overflowY"] {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

html:has(.modal-backdrop),
body:has(.modal-backdrop),
html:has(.xc-modal-mask),
body:has(.xc-modal-mask),
html:has(.fu-sheet-backdrop),
body:has(.fu-sheet-backdrop) {
  overflow: hidden;
}