/* 状态栏样式优化 */
body {
    /* 确保内容区域不被状态栏遮挡 */
    padding-top: env(safe-area-inset-top);
    padding-top: constant(safe-area-inset-top);
}

/* 全屏模式下的状态栏处理 */
.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fcfaf9;
}

/* 状态栏区域样式 */
.statusbar-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: env(safe-area-inset-top);
    height: constant(safe-area-inset-top);
    background-color: #fcfaf9;
    z-index: 9999;
}

/* 确保应用内容在状态栏下方 */
.app-content {
    margin-top: env(safe-area-inset-top);
    margin-top: constant(safe-area-inset-top);
}

/* 针对不同设备的适配 */
@media screen and (max-width: 375px) {
    .statusbar-area {
        height: 20px;
    }
    .app-content {
        margin-top: 20px;
    }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
    .statusbar-area {
        height: 24px;
    }
    .app-content {
        margin-top: 24px;
    }
}

@media screen and (min-width: 415px) {
    .statusbar-area {
        height: 28px;
    }
    .app-content {
        margin-top: 28px;
    }
}