/* miui-browser-compat.css start
 * 2025-06 小米内置浏览器 MO 公共样式（配合 ../js/miui-browser-compat.js）
 * 文档：docs/MIUI_BROWSER_COMPAT.md
 * 回滚：删本文件及页面 link 引用即可
 */
@media only screen and (max-width: 767px) {
    /* miui-browser-floating-bar-fix start
     * Page1：浮动栏在 .award-footer-pc2(overflow:hidden) 内 fixed 易被裁切
     * 处理：overflow:visible；safe-area；max(0) 防负 bottom；提高 z-index
     */
    html.is-miui-browser .award-footer-pc2 {
        overflow: visible;
    }
    html.is-miui-browser .award-footer-floating-bar,
    html.is-miui-browser .award-footer-finger-pointer,
    html.is-miui-browser .award-footer-floating-btn {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    html.is-miui-browser .award-footer-floating-bar {
        bottom: calc(env(safe-area-inset-bottom, 0px) + var(--mobile-float-bottom, 0px));
        z-index: 9999;
    }
    html.is-miui-browser .award-footer-finger-pointer {
        bottom: max(0px, calc(-0.3944vw + env(safe-area-inset-bottom, 0px) + var(--mobile-float-bottom, 0px)));
        z-index: 10001;
    }
    html.is-miui-browser .award-footer-floating-btn {
        bottom: max(0px, calc(-0.6478vw + env(safe-area-inset-bottom, 0px) + var(--mobile-float-bottom, 0px)));
        z-index: 10000;
    }
    /* miui-browser-floating-bar-fix end */

    /* Page2：footer 避底部手势条/导航栏 */
    html.is-miui-browser .footer-container {
        bottom: env(safe-area-inset-bottom, 0px);
    }
}
/* miui-browser-compat.css end */