/**
 * 通用状态栏样式
 * 用于所有需要适配APP状态栏的页面
 */

/* 状态栏占位元素 */
.status-bar-placeholder {
    height: 44px;
    background: linear-gradient(135deg, #6366F1, #4F46E5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
}

/* H5浏览器中完全隐藏 */
@media (hover: hover) and (pointer: fine) {
    .status-bar-placeholder {
        display: none !important;
    }
}