#current_projects_floating {
  /* border: 1px solid red; */
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  /* align-items: center; */
  width: 100%;
  /* padding: 0 0 200px 0; */
  min-height: 400px;
  position: relative;
  overflow-x: hidden;
}

@media (min-width: 577px) and (max-width: 991px) {
  #current_projects_floating {
    min-height: 400px;
  }
}

@media (max-width: 576px) {
  #current_projects_floating {
    min-height: 400px;
  }
}

.floating-text {
  position: relative;
  /* width: 600px; */
  width: 350px;
  height: 250px;

  /* padding: 0 0 100px 0; */
  margin: 0 auto;

  overflow: visible;
  cursor: none;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid blue; */
}

.letter {
  position: absolute;
  font-size: 36px;
  /* font-weight: bold; */
  color: #222;
  transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
    top 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
    left 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  cursor: none; /* 隱藏原始鼠標 */
  will-change: transform, top, left;
}

/* 自定義鼠標樣式 */
.custom-cursor {
  position: fixed; /* 改為fixed以避免定位問題 */
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9999;
  transition: width 0.15s ease, height 0.15s ease, background-color 0.15s ease;
  mix-blend-mode: difference;
  display: none;
}

/* Current - 水平居中位置 */
.c1 {
  top: 85px;
  left: 55px;
}
.u {
  top: 70px;
  left: 90px;
}
.r1 {
  top: 85px;
  left: 125px;
}
.r2 {
  top: 100px;
  left: 160px;
}
.e1 {
  top: 85px;
  left: 195px;
}
.n1 {
  top: 75px;
  left: 230px;
}
.t1 {
  top: 90px;
  left: 265px;
}

/* Projects - 水平居中位置 */
.p {
  top: 145px;
  left: 55px;
}
.r3 {
  top: 165px;
  left: 90px;
}
.o {
  top: 175px;
  left: 125px;
}
.j {
  top: 160px;
  left: 160px;
}
.e2 {
  top: 145px;
  left: 195px;
}
.c2 {
  top: 160px;
  left: 230px;
}
.t2 {
  top: 150px;
  left: 265px;
}
.s {
  top: 170px;
  left: 300px;
}

.house_of_thoughts_current_projects {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
