.welcome-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.welcome-container {
  width: 844px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  display: flex;
}

.welcome-text-group {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.welcome-name {
  align-self: stretch;
  text-align: center;
  color: white;
  font-size: 64px;
  font-weight: 700;
  line-height: 89.6px;
  word-wrap: break-word;
}

.welcome-subtitle {
  align-self: stretch;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: white;
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
  word-wrap: break-word;
}

/* --- 响应式设计 --- */

/* 移动端布局 (屏幕宽度 <= 720px) */
@media (max-width: 720px) {
  .sign {
    display: none !important;
  }

  /* 针对不同尺寸移动设备的微调 */
  @media (max-width: 575px) {
    .welcome-name {
      font-size: 2rem;
    }
    .welcome-subtitle {
      font-size: 1.2rem;
    }
  }
}

@media (max-width: 300px) {
  .welcome-name {
    font-size: 1.8rem; /* 在超小屏幕上进一步缩小字体 */
  }
  .welcome-subtitle {
    font-size: 1.1rem; /* 在超小屏幕上进一步缩小字体 */
  }
}