body {
    transition-duration: 2s;

   background-color: rgba(93, 92, 92, 0.85);
   color :rgb(255 255 255 / 85%);
    font-family: '萝莉体.ttf', sans-serif; /* 如果自定义字体无法加载，则回退到sans-serif字体 */
    margin: 10px; /* 添加一些外边距以便于查看 */
    display: flex;
    flex-direction: column; /* 设置 flex 容器为垂直方向 */
  align-items: center; /* 垂直居中 */
  
  }
  #tooltip {
    position: absolute;
    z-index:9999;
    display: none;
    padding: 5px 10px;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    pointer-events: none; /* 防止点击提示框时触发mousemove事件 */
  }

#main #index{
        display: flex;
    flex-direction: column; /* 设置 flex 容器为垂直方向 */
}
#head #name {
    display: flex;
    flex-direction: column; /* 设置 flex 容器为垂直方向 */
  align-items: center; /* 垂直居中 */

}
#img {
            border-radius: 20px;
            backdrop-filter: blur(11px);
}