<template>
  <div class="welcome-page">
    <!-- 视频背景 -->
    <VideoBackground
      v-if="videoUrl"
      :video-src="videoUrl"
    />

    <!-- 内容区域 -->
    <WelcomeContent class="welcome-content" />
  </div>
</template>

<script setup>
import { computed } from 'vue'
import VideoBackground from '@/components/effects/VideoBackground.vue'
import WelcomeContent from '@/components/welcome/WelcomeContent.vue'

const videoUrl = computed(() => {
  return import.meta.env.VITE_WELCOME_VIDEO_URL || ''
})
// poster 会自动从 videoUrl 生成，无需单独配置
</script>

<style scoped>
.welcome-page {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}

.welcome-content {
  position: relative;
  z-index: 1;
}
</style>