.dogo-layout{
    display: flex;
    width: 100%;
    min-height: 100vh;
}
.dogo-bg-white{
    background: #ffffff !important;
    color: #000000 !important;
}
.dogo-bg-gray{
    background: gray !important;
    color: #000000 !important;
}
.dogo-layout-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background-color: #f5f7fa;
}

/* 内容滚动区域 */
.dogo-layout-content {
    flex: 1;
    padding: 0 24px;
    overflow-y: auto;
    background: linear-gradient(
            180deg,
            rgba(248, 250, 255, 1) 0%,    /* 顶部浅灰蓝（清爽） */
            rgba(240, 245, 255, 1) 30%,   /* 中部淡蓝紫 */
            rgba(235, 242, 255, 1) 70%,   /* 中下部深一点的淡紫 */
            rgba(230, 238, 255, 1) 100%   /* 底部柔和紫蓝 */
    );
    /* 基础样式优化 */
    min-height: calc(100vh - 60px); /* 适配全屏高度（减去头部高度） */
    padding-top: 10px;
    box-sizing: border-box;
    /* 柔和阴影（增加层次感） */
    box-shadow: inset 0 2px 8px rgba(0, 120, 255, 0.05);
    /* 防止内容溢出 */
    overflow-x: hidden;
}

.dogo-layout-sidebar {
    width: 220px;
    background-color: #fff;
    border: none;
    flex-shrink: 0;
    overflow-y: auto;
    height: 100vh;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}


.dogo-layout-sidebar::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.dogo-layout-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.dogo-layout-sidebar::-webkit-scrollbar-thumb {
    background: transparent;
}

.dogo-layout-sidebar::-webkit-scrollbar-thumb:hover {
    background: transparent;
}
/* 大屏幕优化（> 1600px） */
@media screen and (min-width: 1600px) {

    .dogo-wp {
        max-width: 1600px;
        margin: 0 auto;
    }

    .dogo-layout-content {
        padding: 0 32px;
    }
}
/* 平板设备（768px - 1200px） */
@media screen and (max-width: 1200px) {

    .dogo-layout-content {
        padding: 16px 20px;
    }
}

/* 移动端/小屏幕（< 768px） */
@media screen and (max-width: 768px) {
    .dogo-layout-sidebar {
        position: fixed;
        left: -260px;
        top: 0;
        bottom: 0;
        z-index: 1000;
        transition: left 0.3s ease;
        box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
    }

    /* 侧边栏显示状态（通过JS控制） */
    .dogo-layout-sidebar.mobile-open {
        left: 0;
    }

    /* 移动端主体内容占满全屏 */
    .dogo-layout-main {
        width: 100%;
    }

    .dogo-content {
        padding: 12px 16px;
    }
}