#blogTitle {  
  /* position: fixed;   */
  top: 88;  
  left: 0;  
  width: 100%;  
  background-color: rgba(255, 255, 255, 0.66); /* 透明度百分之六十六 */  
  display: flex;  
  align-items: center;  
  padding: 10px;  
  box-sizing: border-box;  
  z-index: -1; /* 确保在其他内容之上 */  
}  
  
#ilycqHeadFloatSwitch {  
  position: relative; /* 相对于blogTitle定位 */  
  /* 初始位置可以是任何值，这里假设是左边 */  
  left: 0;  
  transition: left 0.5s ease-in-out; /* 平滑过渡效果，但不是无规则的 */  
}  
  
/* 额外的类，用于在动画时控制button的位置 */  
.floating {  
  /* 这里的值会在JavaScript中动态改变 */  
}  
  
/* 暂停动画的类 */  
.paused {  
  transition: none;  
}