.elementor-53952 .elementor-element.elementor-element-70fba6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-af7cb92{--display:flex;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-42af546 .elementor-repeater-item-9947de4{left:50%;--hotspot-translate-x:50%;top:50%;--hotspot-translate-y:50%;}.elementor-53952 .elementor-element.elementor-element-42af546 .elementor-repeater-item-78ffc56{left:50%;--hotspot-translate-x:50%;top:50%;--hotspot-translate-y:50%;}.elementor-53952 .elementor-element.elementor-element-42af546 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-53952 .elementor-element.elementor-element-42af546{--hotspot-color:#FFFFFF29;}.elementor-53952 .elementor-element.elementor-element-2af10b0{--display:flex;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-e96065f .elementor-repeater-item-f24769b{left:50%;--hotspot-translate-x:50%;top:50%;--hotspot-translate-y:50%;}.elementor-53952 .elementor-element.elementor-element-e96065f .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-53952 .elementor-element.elementor-element-6cbc0b6{--display:flex;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-44864bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-4a5308f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-5fae42a .elementor-repeater-item-497ccef{left:50%;--hotspot-translate-x:50%;top:50%;--hotspot-translate-y:50%;}.elementor-53952 .elementor-element.elementor-element-5fae42a .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-53952 .elementor-element.elementor-element-5fae42a{--hotspot-color:#FFFFFF00;}.elementor-53952 .elementor-element.elementor-element-2de4f87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-2da4f5a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-a16c4f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-e66c0d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-c34c4ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-53952 .elementor-element.elementor-element-d2ac318.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-53952 .elementor-element.elementor-element-d2ac318 .elementor-swiper-button{font-size:20px;color:var( --e-global-color-f423c08 );}.elementor-53952 .elementor-element.elementor-element-d2ac318 .elementor-swiper-button svg{fill:var( --e-global-color-f423c08 );}.elementor-53952 .elementor-element.elementor-element-d2ac318 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-53952 .elementor-element.elementor-element-e73d130{--display:flex;--overflow:hidden;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-53952 .elementor-element.elementor-element-d2ac318.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-53952 .elementor-element.elementor-element-70fba6c:not(.elementor-motion-effects-element-type-background), .elementor-53952 .elementor-element.elementor-element-70fba6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.independent.com.tw/wp-content/uploads/2025/05/VT-background-final-scaled.webp");background-position:center left;background-repeat:no-repeat;background-size:110dvw auto;}.elementor-53952 .elementor-element.elementor-element-70fba6c{--content-width:100dvh;--min-height:110dvh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53952 .elementor-element.elementor-element-af7cb92{--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;--z-index:5;}.elementor-53952 .elementor-element.elementor-element-42af546 .elementor-repeater-item-9947de4{left:22%;--hotspot-translate-x:22%;top:24%;--hotspot-translate-y:24%;}.elementor-53952 .elementor-element.elementor-element-42af546 .elementor-repeater-item-78ffc56{left:92%;--hotspot-translate-x:92%;top:24%;--hotspot-translate-y:24%;}.elementor-53952 .elementor-element.elementor-element-42af546{--hotspot-size:20px;}.elementor-53952 .elementor-element.elementor-element-2af10b0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:0;--padding-left:5dvw;--padding-right:0;--z-index:3;}.elementor-53952 .elementor-element.elementor-element-e96065f .elementor-repeater-item-f24769b{left:39%;--hotspot-translate-x:39%;top:41%;--hotspot-translate-y:41%;}.elementor-53952 .elementor-element.elementor-element-e96065f > .elementor-widget-container{--e-transform-scale:0.9;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-53952 .elementor-element.elementor-element-e96065f > .elementor-widget-container:hover{--e-transform-rotateZ:2deg;--e-transform-scale:1.05;}.elementor-53952 .elementor-element.elementor-element-e96065f{z-index:3;--hotspot-size:53px;}.elementor-53952 .elementor-element.elementor-element-e96065f img{height:65dvh;}.elementor-53952 .elementor-element.elementor-element-6cbc0b6:not(.elementor-motion-effects-element-type-background), .elementor-53952 .elementor-element.elementor-element-6cbc0b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.independent.com.tw/wp-content/uploads/2025/05/comic-background-test.webp");background-repeat:no-repeat;background-size:contain;}.elementor-53952 .elementor-element.elementor-element-6cbc0b6{--min-height:57dvh;--margin-top:-65dvh;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53952 .elementor-element.elementor-element-44864bc{--margin-top:-47dvh;--margin-bottom:0;--margin-left:0;--margin-right:0;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;--z-index:5;}.elementor-53952 .elementor-element.elementor-element-4a5308f{--width:40%;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53952 .elementor-element.elementor-element-5fae42a .elementor-repeater-item-497ccef{left:33%;--hotspot-translate-x:33%;top:3%;--hotspot-translate-y:3%;}.elementor-53952 .elementor-element.elementor-element-5fae42a{--hotspot-size:39px;}.elementor-53952 .elementor-element.elementor-element-2de4f87{--width:60%;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53952 .elementor-element.elementor-element-81735de > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-53952 .elementor-element.elementor-element-81735de > .elementor-widget-container{margin:10px 0px 0px 20px;padding:0px 10px 0px 25px;}.elementor-53952 .elementor-element.elementor-element-81735de img{width:85%;}.elementor-53952 .elementor-element.elementor-element-2da4f5a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;--z-index:2;}.elementor-53952 .elementor-element.elementor-element-a16c4f7{--width:15%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53952 .elementor-element.elementor-element-c8ecac8 > .elementor-widget-container{margin:0px 5px 0px 5px;}.elementor-53952 .elementor-element.elementor-element-e66c0d1{--width:85%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53952 .elementor-element.elementor-element-475d86d > .elementor-widget-container{margin:0px 10px 0px 10px;padding:10px 0px 10px 0px;}.elementor-53952 .elementor-element.elementor-element-c34c4ea{--z-index:5;}.elementor-53952 .elementor-element.elementor-element-d2ac318.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-53952 .elementor-element.elementor-element-d2ac318 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-53952 .elementor-element.elementor-element-d2ac318 .elementor-main-swiper{height:20vh;width:97vw;}.elementor-53952 .elementor-element.elementor-element-e73d130{--margin-top:-190%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:2;}}@media(min-width:768px){.elementor-53952 .elementor-element.elementor-element-4a5308f{--width:50%;}.elementor-53952 .elementor-element.elementor-element-2de4f87{--width:50%;}.elementor-53952 .elementor-element.elementor-element-a16c4f7{--width:50%;}.elementor-53952 .elementor-element.elementor-element-e66c0d1{--width:50%;}}/* Start custom CSS for hotspot, class: .elementor-element-42af546 *//* 假設圖片的選擇器為 .image-slide */
.game-image-slide-left {
  position: relative; /* 確保能夠使用transform屬性 */
  width: 100%; /* 或者設定為具體的寬度 */
  opacity: 0; /* 初始設置圖片為透明 */
  animation: slideInFromLeft 3s 1.5s forwards; /* 動畫名稱，持續時間，延遲時間，動畫結束時應用屬性 */
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%) scale(1.5); /* 起始時，圖片從左側外100%的位置開始滑入並放大1.5倍 */
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1); /* 終點，圖片位於原始位置並恢復正常尺寸 */
    opacity: 1; /* 使圖片完全不透明 */
  }
}/* End custom CSS */
/* Start custom CSS for hotspot, class: .elementor-element-e96065f */.elementor-53952 .elementor-element.elementor-element-e96065f { animation-iteration-count: infinite; animation-direction: alternate-reverse; /*optional*/ }
/* 先移除原 Hotspot 的背景設定（若有 inline style，可試試下面這段） */
.sp-rez {
  background-image: none !important;
}

/* 加入自訂背景圖片，預設為一般版 */
.sp-rez.custom-bg {
  background-image: url('http://www.independent.com.tw/wp-content/uploads/2025/05/V001-t.webp') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* 若設置 data-type="rare"，則顯示稀有版圖片 */
.sp-rez.custom-bg[data-type="rare"] {
  background-image: url('https://www.independent.com.tw/wp-content/uploads/2025/05/Vtuber-1-S.png') !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2af10b0 */.game-role-animated-image-1 {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  margin: auto;
  opacity: 0;
  animation: combinedAnimation 0.8s 4s forwards, pulsate 2s infinite;
}

@keyframes combinedAnimation {
  0% {
    opacity: 0;
    transform: scale(0) translateY(-1000px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes head-shake {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cbc0b6 *//* 假设元素的选择器为 .bounce-in-element */
.game-bounce-in-element {
  opacity: 0; /* 初始设置元素为完全透明 */
  animation: zoomInleft 1s 5s forwards; /* 动画名称，持续时间，延迟时间，动画结束时保持最后帧的状态 */
}

@keyframes zoomInleft {
  0% {
    transform: scale(0.3);
    opacity: 0; /* 开始动画时保持透明，确保元素不可见 */
  }
  50% {
    transform: scale(1.05);
    opacity: 0.5; /* 中间状态部分透明，开始变得可见 */
  }
  70% {
    transform: scale(0.9);
    opacity: 0.7; /* 继续增加透明度 */
  }
  100% {
    transform: scale(1);
    opacity: 1; /* 动画结束时元素完全可见 */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70fba6c */.game-mode-background {
  position: relative; /* 确保能够使用transform属性 */
  width: 100%; /* 或者设置为具体的宽度 */
  opacity: 0; /* 初始设置图片为透明 */
  animation: game-mode-background-zoomout 1s 1.5s forwards; /* 动画名称，持续时间，延迟时间，动画结束时应用属性 */
}

@keyframes game-mode-background-zoomout {
  from {
    transform: scale(1.5) translateY(-10%); /* 初始放大并稍微向上偏移 */
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0); /* 最终恢复正常大小和位置 */
    opacity: 1; /* 确保动画结束时元素完全不透明 */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-81735de */.sc {
    animation: scaleAnimation 1.5s ease-in-out infinite;
    cursor: pointer; /* 滑鼠懸停時顯示點擊手型 */
}

@keyframes scaleAnimation {
    0% {
        transform: scale(1); /* 原始大小 */
    }
    50% {
        transform: scale(1.04); /* 放大到 1.2 倍 */
    }
    100% {
        transform: scale(1); /* 回到原始大小 */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2de4f87 */.elementor-53952 .elementor-element.elementor-element-2de4f87 { animation-iteration-count: infinite; animation-direction: alternate-reverse; /*optional*/ }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2da4f5a *//* 假設圖片的選擇器為 .image-slide */
.image-slide-right {
  position: relative; /* 確保能夠使用transform屬性 */
  width: 100%; /* 或者設定為具體的寬度 */
  opacity: 0; /* 初始設置圖片為透明 */
  animation: slideInFromRight 3s 1.5s forwards; /* 動畫名稱，持續時間，延遲時間，動畫結束時應用屬性 */
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(200%) scale(1.5); /* 起始時，圖片從左側外100%的位置開始滑入並放大1.5倍 */
    opacity: 0;
  }
  100% {
    transform: translateX(0) scale(1); /* 終點，圖片位於原始位置並恢復正常尺寸 */
    opacity: 1; /* 使圖片完全不透明 */
  }
}/* End custom CSS */