html, body {
    height: 100%; /* 确保整个文档高度等于视口高度 */
    margin: 0; /* 移除默认的margin */
    padding: 0; /* 移除默认的padding，确保没有额外空间 */
    overflow-x: hidden; /* 隐藏水平滚动条 */
    /* background-color: #FFFFFF; /* 背景色设置为白色 */
}

/* logo */
.logo-bar {
    width: 100%; /* 宽度占满整行 */
    padding-left: 20px; /* 左边距 20px */
    background-color: #46a7b8; /* 背景颜色与页脚相同，可调整 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 可选的阴影效果，增加层次感 */
    text-align: left; /* 确保内容在左侧 */
}
.logo-bar img {
    height: 50px; /* Logo 高度，根据需要调整 */
    padding-top: 8px; /* Logo 顶部边距，根据需要调整 */
    padding-bottom: 8px; /* Logo 底部边距，根据需要调整 */
}


.container {    /* 网页主体容器样式，这和页脚搭配使用 */
    padding-bottom: 64px; /* 页脚高度的内边距，预留页脚空间 */
    overflow: auto; /* 当内容超出时显示滚动条 */
}

/* 导航条样式 */
.navbar {
    margin-bottom: 20px; /* 与主内容区之间的距离 */
    background-color: #2c6c77; /* 起始颜色 */
  }
  .navbar-dark .navbar-brand { /* 导航栏品牌颜色 */
    color: #d2d2d2;
  }

  .navbar-dark .navbar-brand:hover {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5); /* x偏移, y偏移, 模糊半径, 颜色 */
    color: #ffffff;
}

  .navbar-dark .navbar-nav .nav-link { /* 导航栏文字颜色 */
    color: #adadad;
  }
  .navbar .navbar-nav .nav-link:hover {  /* 鼠标悬停时的颜色 */
    /*background-color: #018b64;*/
    color: #fff;
  }


  .navbar-toggler {
    background-color: #429aaa; /* 使用与网站主题色相同或对比色 */
    border-color: #ffffff; /* 添加边框以提高可见性 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.navbar-toggler:hover, .navbar-toggler:focus {
    background-color: #018b64; /* 悬停或聚焦时改变背景色 */
    transform: scale(1.1); /* 轻微放大 */
}


  /* 页脚样式 */
.footer {
    height: 56px; /* 设置页脚高度 */
    width: 100%; /* 页脚宽度与视口宽度一致 */
    position: fixed; /* 固定位置，始终在底部 */
    bottom: 0; /* 位于底部 */
    left: 0; /* 与左边对齐 */
    background-color: #46a7b8; /* 背景颜色 */
    color: #ffffff;  /* 文字颜色 */
    text-align: center; /* 文字居中 */
    padding-top: 10px; /* 在文字上方添加10px的上边距 */
    line-height: 46px; /* 调整行高来居中文本 */
}
  /* 刷出来的右侧页面也留点空间 */
#content-area {
    padding-bottom: 64px;  /* 或者使用 margin-bottom: 56px; 根据实际需求选择 */
}
  /* 左侧菜单栏也留点空间 */
#left-menu {
    padding-bottom: 64px;
}