/* 页面整体样式 */
body {
    background-color: #f8f9fa; /* 设置页面背景颜色为浅灰色 */
    margin: 0;                /* 去掉浏览器默认的外边距 */
    padding: 0;               /* 去掉浏览器默认的内边距 */
    padding-top: 80px;        /* 给正文留出导航栏的高度空间，避免内容被遮挡 */
  }
  
  /* 导航栏样式 */
  .navbar {
    height: 80px;             /* 设置导航栏整体高度为 80 像素 */
    position: fixed;          /* 固定导航栏位置，不随页面滚动而移动 */
    margin: 0 auto;           /* 菜单整体居中 */
    top: 0;                   /* 导航栏紧贴页面顶部 */
    left: 0;                  /* 导航栏从页面左边开始 */
    right: 0;                 /* 导航栏延伸到页面右边 */
    z-index: 1000;            /* 设置层级，保证导航栏在最上层 */
  }
  
  .navbar .nav-link {
    font-size: 18px;          /* 设置导航菜单文字大小为 18 像素 */
    padding: 20px 30px;       /* 设置菜单项上下间距 20px，左右间距 15px */
  }
  
  .navbar-nav .nav-item {
    margin: 0 20px;           /* 设置菜单项之间的左右间距为 15 像素 */
  }
  
  /* 图片样式 */
  .center-img {
    width: 500px;         /* 图片最大宽度为 600 像素 */
    height: auto;             /* 高度自动缩放，保持比例 */
    display: block;           /* 图片独占一行，避免和文字并排 */
    margin: 150px auto;       /* 图片上下间距 150px，左右居中 */
    border-radius: 10px;      /* 图片四角圆角半径为 10 像素 */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* 给图片添加阴影效果 */
  }