:root {
    /* ========================================== 侧边栏专用变量 ========================================== */
    
    /* 🎨 侧边栏-背景颜色 */
    --sidebar-bg-primary: #1E1E17F6;
    
    /* 🎨 侧边栏-文字颜色 */
    --sidebar-text-primary: #FFF;
    --sidebar-text-link: #9DF;
    --sidebar-text-name: var(--sidebar-text-primary);
    --sidebar-text-email: var(--sidebar-text-primary);
    
    /* 📏 侧边栏-字体大小 */
    --sidebar-font-size-name: 25px;
    --sidebar-font-size-email: 16px;
    --sidebar-font-size-nav-header: 24px;
    --sidebar-font-size-nav-item: var(--global-font-size-h4);
    
    /* 📐 侧边栏-布局尺寸 */
    --sidebar-width: 180px;
    --sidebar-avatar-size: 100px;
    --sidebar-avatar-border-radius: 50px;
    --sidebar-avatar-min-height: 300px;
    --sidebar-nav-header-width: 60%;
    
    /* 📐 侧边栏-间距 */
    --sidebar-margin: var(--global-content-margin);
    --sidebar-avatar-margin-top: 30px;
    --sidebar-avatar-margin-bottom: 10px;
    --sidebar-nav-padding: 10px 0px 20px 0px;
    --sidebar-nav-item-padding: 3px;
    
    /* 🎨 侧边栏-边框 */
    --sidebar-border-color: var(--global-border-primary);
    --sidebar-border-width: var(--global-border-width);
    --sidebar-border-radius: var(--global-border-radius);
    --sidebar-avatar-border-width: 2px;
    
    /* 🖼️ 侧边栏-图标尺寸 */
    --sidebar-icon-size: 1.2em;
}

/* 内容区域：侧边栏 */
#menu-left{
    /* 大小 */
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
    /* 边距 */
    margin: var(--sidebar-margin);
    /* 排版 */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: normal;
    justify-content: flex-start;
    align-items: stretch;

    /* 文字 */
    color: var(--sidebar-text-primary);
    font-family: var(--global-font-pixel);

    position: sticky;
    top: 0; /* 到达顶部后停止 */
}