/* css/style.css */

body {
    /* 关键：只为底部的固定 Tab 栏留出空间 */
    padding-bottom: 60px; 
    background-color: #f8f9fa;
}

/* 
   确保内容容器至少撑满屏幕可见高度减去底部 Tab 栏的高度，
   这样即使内容少，背景色也能正确显示。
*/
#content-container {
    min-height: calc(100vh - 60px);
}
/* css/style.css */

/* ... 已有的 body 和 #content-container 样式 ... */


/*
 * ============================================
 *  以下是只为 home.html 服务的样式
 * ============================================
 */

/* 
   当 home.html 被加载时，这个 class 就会生效。
   它为内容区域添加一个上边距，大小等于 fixed-top 标头的高度。
   Bootstrap 的 .fixed-top 默认高度约为 56px。
*/
.home-content-wrapper {
    padding-top: 56px;
}
/* css/style.css */

/* ... 你已有的所有样式 ... */


/*
 * ============================================
 *  为 home.html 侧边栏激活项添加的样式
 * ============================================
 */
#home-sidebar-nav .list-group-item.active {
    background-color: var(--bs-primary); /* 使用 Bootstrap 的主色调 */
    color: white;
    font-weight: bold;
    border-color: var(--bs-primary);
}