/* ===== 1. 基础复位 ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #000;
  color: #fff;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; /* 允许垂直滚动看视频 */
}


html, body{
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE / Edge */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
  display: none;               /* Chrome / Safari */
}

/* ===== 2. 介绍文字区域 (第一屏) ===== */
.info-content {
  min-height: 100vh; /* 占满第一屏 */
  display: flex;
  align-items: center; 
  padding: 80px 33px 0 33px;
}

.info-wrapper {
  width: 100%;
  /* max-width: 1400px; */
}

.bio-text {
  font-size: 3.6vw;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #fff;
  word-spacing: 0.1em; /* 弥补无标点的停顿感 */
}

/* 打字机与高亮样式 */
.bio-text .highlight {
  color: rgb(255, 6, 0);
  padding: 2px 10px;
  margin: 0 -2px;
  display: inline-block;
  transition: all 0.2s ease;
}

.typewriter-text span {
  opacity: 0;
  transition: opacity 0.1s ease;
}

/* ===== 3. 视频区域 (第二屏) ===== */
.hero-video-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  padding: 40px 0;
}

.main-video {
  width: 90vw;
  height: 80vh;
  object-fit: cover; /* 首页视频建议 cover 更有冲击力，或者 contain 保持比例 */
  border-radius: 4px;
}

/* ===== 4. 响应式适配 ===== */
@media (max-width: 768px) {
  .bio-text {
      font-size: 28px;
      line-height: 1.3;
  }
  .main-video {
      width: 100vw;
      height: auto;
  }
  .info-content {
      padding-top: 100px;
  }
}