@font-face {
  font-family: 'LINESeed';
  src: url('fonts/LINESeedTW_OTF_Bd.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

body {
  background: #000;
  color: #fff;
  margin: 0;
  display: flex;
  flex-direction: column;
  
  height: 100vh;
}

body.hide-cursor {
  cursor: none; /* 隱藏游標 */
}

#marquee-container {
  position: absolute;
  top: 26px;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

#marquee-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  will-change: transform;
  transition: opacity 0.8s ease;
  opacity: 0;
  pointer-events: none;
}

#marquee-image-wrapper.show {
  opacity: 1;
}

.marquee-image {
  height: 38.2vh;
  flex-shrink: 0;
}



#marquee-container {
  background: #000;
  color: #fff;
  overflow: hidden;
  position: relative;
}

#marquee-text {
  font-family: 'LINESeed';
  font-weight: bold;
  letter-spacing: 10px; /* 每個字之間增加 2px 間距 */
  word-spacing: 8px; /* 單詞之間增加 8px 間距 */
  position: absolute;
  white-space: nowrap;
}

#debug {
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: rgba(0,0,0,0.6);
  color: #0f0;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  display: none;
  white-space: pre-line;
}