body {
         /* 背景图片 */
  background-image: url('https://static.igem.wiki/teams/5828/home/bjmy.webp');

  /* 背景不重复 */
  background-repeat: no-repeat;

  /* 背景覆盖整个屏幕 */
  background-size: cover;

  /* 背景固定，不随内容滚动 */
  background-attachment: fixed;

  /* 背景居中 */
  background-position: center center;
      }
      .sidebar {
        position: fixed;
        width: 20%;
        left: -20%;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(17px);
        --webkit-backdrop-filter: blur(17px);
        border-right: 1px solid rgba(255, 255, 255, 0.6);
        transition: left 0.3s ease-in-out;
        z-index: 10;
      }
      #sidebar.show {
        left: 0;
      }
      .sidebar .logoce {
        display: flex;
        align-items: center;
        padding: 25px 10px 15px;
      }
      .logoce img {
        width: 80px;
        margin-top: 100px;
        top: 0;
        left: 0;
      }
      .logoce p {
        width: 180px;
        margin-top: 100px;
        font-weight: bolder;
        font-size: 1.8vw;
        text-align: center;
        color:rgb(81, 81, 81);
      }
      .sidebar .links {
        height: calc(100%-140px);
        overflow-y: auto;
        scrollbar-width: none;
        list-style: none;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 80%;
      }
      .sidebar .links h4 {
        color: #222;
        font-weight: 500;
        margin-bottom: 10px;
      }
      .links li {
        display: flex;
        cursor: pointer;
        align-items: center;
      }
      .links li:hover {
        border-radius: 4px;
        background: #fff;
      }
      .links li a {
        color: #000;
        padding: 10px;
        font-weight: bold;
        white-space: normal; /* 允许文本换行 */
        word-wrap: break-word; /* 如果单词过长，它会在单词边界处断开 */
        text-decoration: none;
        font-size: 15px;
        font-family: "zhengwen";/*侧边字体*/
        letter-spacing: 1px;
      }
      .links a{
        text-align: justify;
      }

.tou {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 200px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
      }
        .toutukuang {
  position: relative; 
  margin: 0 auto; /* 水平居中 */
  margin-top: -140px;
}

.toutu img {
  height: auto;
  border-radius: 10px;
}

.img-bottom {
  position: relative;
  z-index: 1;
  width: 100%; /* 宽度为视窗80% */
  margin-top: -10px;
}

      .waikuang {
        width: 70%; /* 宽度为视窗宽度的 80% */
        margin-left: auto; /* 左侧自动对齐 */
        margin-right: 8vw; /* 右侧紧贴页面 */
        padding: 20px; /* 内边距，保证内容不贴边 */
      }
      .neikuang {
        display: flex;
        flex-direction: column; /* 垂直排列 */
         background-color: rgba(255, 255, 255, 0.8); /* 白色半透明 */
        backdrop-filter: blur(10px); /* 背景模糊 */
        padding: 20px; /* 内边距，确保内容不贴边 */
        border-radius: 8px; /* 可选，添加圆角效果 */
        box-shadow: 0 80px 100px rgba(117, 73, 88, 0.4); /* 添加轻微的阴影 */
        width: 105%; /* 宽度为父容器的 100% */
      }
      .wenben {
        margin: 10px 0; /* 每个文本块上下有适当间距 */
      }
      .wenben h2 {
        font-size: 2rem; /* 设置标题的大小 */
        color: #555; /* 设置标题颜色 */
        font-family: "Helvetica Neue", Arial, sans-serif;/*标题字体*/
      }
      .wenben p {
        font-size: 1rem; /* 设置段落文字的大小 */
        color: #000; /* 设置段落颜色 */
        line-height: 1.6; /* 行高，增加可读性 */
        font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
          sans-serif;;
        text-align: justify;
      }
      .wenben h3{
        color: #555;
        font-size: 1.5rem;
      }
       .wenben h4{
        color: #555;
        font-size: 1.3rem;
      }
      .wenben h5{
        color: #555;
        font-size: 1.1rem;
      }
      .wenben a{
        text-decoration: none;
        color: #d6806d;
      }
      .wenben a:hover{
        color: #b6cbc0;
      }
.wenben b {
  color: #804040;
}