.app-layout {
    background-color: var(--app-layout-bg-color);
    height: 100%;
}

.app-main {
    position: relative;
    height: 100%;
    padding: var(--app-header-height) 0 0 !important;
    box-sizing: border-box;
    scrollbar-color: transparent transparent; // 修复火狐浏览器滚动条颜色
    display: flex;
    .menu {
        width: var(--app-main-menu-width);
        overflow-y: scroll;
        margin-top: 20px;
        padding-left: 10px;
    }
    .res-app-main {
        height: calc(100% - 60px);
        background-color: #fff;
        border-radius: 16px;
        margin-top: 20px;
        padding: 20px 10px 20px 20px;
        width: calc(100vw - var(--app-main-menu-width));
        overflow-y: scroll;
        position: relative;
        .pointer {
            cursor: pointer;
        }
        // 包含 preview-doc 元素时单独设置样式
        &:has(.preview-doc) {
            padding: 10px;
            background: #f4f8ff;
        }
    }

}

.app-no-menu{
    position: relative;
    height: 100%;
    padding: calc(var(--app-header-height) + 20px) 0 0 !important;
    box-sizing: border-box;
    scrollbar-color: transparent transparent; // 修复火狐浏览器滚动条颜色
}
