.steam_area {

  opacity: 0; /* 初始隱藏 */
  transition: opacity 0.5s ease-in-out;
}

.steam_title {
 
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.8s ease-out;
}

.steam_content {

  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.8s ease-out;
}

.steam_content .more a {
 
  opacity: 0;
  transform: translateX(-100%);
	


}
.steam_content .more a:hover {padding: 4px 90px 4px 20px;}

.in-view .steam_title {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s;
}

.in-view .steam_content {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s;
}

.in-view .steam_content .more a {
  opacity: 1;
  transform: translateX(0);

  transition-delay: 0.6s;

}

.in-view .steam_content .more a:hover {  transition: all 0.6s ease-out;}

.in-view {
  opacity: 1; /* 整個區域淡入 */
}

.steam_cover img {
  transform: scale(1); /* 初始縮放比例 */
  transition: transform 1s ease-out; /* 平滑的縮放效果 */
}

/* 進入視窗範圍後的狀態 */
.in-view .steam_cover img {
  transform: scale(1.2); /* 放大比例 */
}