@media (min-width: 992px) {
    /* 1. 外层总容器 */
    #content-container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    #content-container > .row {
        display: flex !important;
        margin: 0 !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    /* 2. 左侧栏：严格限高一屏，内部组件利用 flex 纵向两端对齐，撑满高度 */
    #content-container > .row > .col-md-2 {
        width: 225px !important; /* 稍微调宽一点点，让兑换码输入框更美观 */
        flex-shrink: 0;
        height: 100vh !important; /* 强制等于一屏高度 */
        background-color: #ffffff;
        border-right: 1px solid #eaeaea;
        padding: 15px 10px !important; /* 调整内边距，更有呼吸感 */
        display: flex !important;
        flex-direction: column !important; /* 纵向排列 */
        justify-content: space-between !important; /* 🌟 绝招：让顶部内容和底部兑换码各自往两头顶死，彻底消灭空白 */
        overflow: hidden !important;
        z-index: 100;
        box-sizing: border-box;
    }

    /* 2.5 顶部包裹区（把 Logo 和 菜单打包在一起） */
    .nav-top-wrapper {
        display: flex;
        flex-direction: column;
        flex-grow: 1; /* 自动吃掉上方多余的空白空间 */
        overflow: hidden;
    }

    /* 3. 压缩左侧 Logo 区域 */
    #content-container > .row > .col-md-2 .text-center {
        min-height: auto !important;
        height: 65px !important; /* 🌟 适度加高容器，给大 Logo 留出纵向空间 */
        margin-bottom: 15px !important; /* 与下方菜单拉开一点呼吸感边距 */
        padding-bottom: 10px !important; /* 留出内边距给底部分割线 */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0;
        /* 🌟 核心防割裂：给 Logo 区域下方加一条极淡的分割线，起到承上启下的视觉过渡作用 */
        border-bottom: 1px solid #f2f2f2;
    }

    #content-container > .row > .col-md-2 .text-center img {
        max-height: 45px !important; /* 🌟 放大 Logo 图片本身（原先是35px） */
        width: auto !important;
        object-fit: contain;
    }

    /* 4. 导航菜单列表（在包裹区内部，支持长菜单静默滚动） */
    #content-container > .row > .col-md-2 .list-group {
        overflow-y: auto !important;
        overflow-x: hidden;
        margin-bottom: 15px !important;
        padding-right: 2px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #content-container > .row > .col-md-2 .list-group::-webkit-scrollbar {
        width: 0 !important;
        display: none !important;
    }

    /* 压实菜单项的高宽 */
    #content-container > .row > .col-md-2 .list-group-item {
        /*padding: 8px 12px !important;*/
        /*margin-bottom: 3px !important;*/
        border: none !important;
        border-radius: 6px !important;
        background: transparent !important;
    }

    #content-container > .row > .col-md-2 .list-group-item a {
        font-size: 13px !important;
        display: block;
        color: #333;
    }

    #content-container > .row > .col-md-2 .list-group-item:hover,
    #content-container > .row > .col-md-2 .list-group-item.active {
        background-color: #f5f5f5 !important;
    }

    /* 5. 🌟 核心优化：底部兑换码区域（强行贴死最边缘，不留一丝空白） */
    #content-container > .row > .col-md-2 > div:not(.nav-top-wrapper):not(.text-center):not(.sidenav) {
        flex-shrink: 0; /* 绝不缩水变型 */
        margin-top: auto; /* 确保推到最底 */
        border-top: 1px solid #f0f0f0;
        padding-top: 12px;
        background: #fff;
    }

    /* 优化兑换码输入框和按钮的尺寸，使其在侧边栏更紧凑精致 */
    #content-container > .row > .col-md-2 #redeemCode {
        padding: 8px !important; /* 稍微收紧输入框 */
        font-size: 12px !important;
        border-radius: 6px !important;
    }

    #content-container > .row > .col-md-2 h2 {
        font-size: 14px !important; /* 减小“兑换码兑换”标题字号，防止换行错位 */
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    /* 6. 右侧内容区保持独立滚动 */
    #content-container > .row > .panel-col {
        flex-grow: 1;
        width: auto !important;
        float: none !important;
        margin-left: 0 !important;
        height: 100vh !important;
        overflow-y: auto !important;
        padding: 20px !important;
        background-color: #f8f9fa;
        box-sizing: border-box;
    }

    /* ==========================================
   🎯 新增：登录后用户个人信息区域样式微调（防错位错乱）
   ========================================== */
    #content-container > .row > .col-md-2 .user-info-container {
        flex-shrink: 0; /* 锁死高度，防止被中间菜单挤压 */
        background-color: #fcfcfc; /* 给用户信息区一个淡淡的底色，增强板块感 */
        border-radius: 8px; /* 稍微带一点圆角，更现代 */
        padding: 10px !important; /* 紧凑型内边距 */
        margin: 10px 4px !important; /* 与上方的 Logo/菜单拉开适当的微调间距 */
        border: 1px solid #f0f0f0; /* 加一圈极淡的边框，使其像一个小卡片 */
        box-sizing: border-box;
    }

    /* 如果里面有用户头像，防止头像过大或变形 */
    #content-container > .row > .col-md-2 .user-info-container .avatar,
    #content-container > .row > .col-md-2 .user-info-container img {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important; /* 强制做成精致的小圆头像 */
        object-fit: cover;
        flex-shrink: 0;
    }

    /* 优化里面的文字布局（通常是昵称、余额等），改用小 Flex 左右对齐或紧凑排列 */
    #content-container > .row > .col-md-2 .user-info-container .user-details,
    #content-container > .row > .col-md-2 .user-info-container .info-content {
        margin-left: 8px;
        overflow: hidden; /* 防止名字太长撑破侧边栏 */
    }

    /* 压实用户昵称和副文本字号，防止文本太长导致换行错位 */
    #content-container > .row > .col-md-2 .user-info-container .username,
    #content-container > .row > .col-md-2 .user-info-container .nickname {
        font-size: 13px !important;
        font-weight: bold;
        color: #333;
        white-space: nowrap; /* 强制一行显示 */
        text-overflow: ellipsis; /* 名字过长时自动显示三个点 ... */
        overflow: hidden;
        margin-bottom: 2px;
    }

    /* 压实下方的余额、积分或等级文本 */
    #content-container > .row > .col-md-2 .user-info-container .balance,
    #content-container > .row > .col-md-2 .user-info-container .score,
    #content-container > .row > .col-md-2 .user-info-container .text-muted {
        font-size: 12px !important;
        color: #777;
        margin: 0 !important;
        line-height: 1.4;
    }
}