   a {
      color: #333;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    li {list-style: none;}
    .custom-link {
      margin-right: 1rem;
      text-decoration: none;
      color: #0d6efd;
    }
    .custom-link:hover {
      text-decoration: underline;
    }
      /* 底部菜单栏样式 */
  .bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
}
.bottom-menu a {
    font-size: 1rem;
    color: #333;
    text-decoration: none;
}

    /* 默认样式，适用于 PC 端 */
    #app {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* 媒体查询，当屏幕宽度小于等于 768px 时（通常为手机屏幕）应用此样式 */
    @media (max-width: 768px) {
      #app {
        max-width: 750px;
      }
    }