<script lang="ts" setup>

</script>

<template>
  <UPageCTA
      :ui="{  container: 'border-0' }   "
      description="3D INTELLIGENT APIARY"
      title="3D智慧蜂场"
  />

  <div class="hero-fullscreen"/>


</template>

<style scoped>
/* 关键CSS */
.hero-fullscreen {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.hero-fullscreen::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/img/index/model2.b444287.gif');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1; /* 确保内容在前景 */
}

/* 适配UPageHero内部样式 */
.hero-fullscreen :deep(.u-page-hero) {
  background-color: transparent; /* 移除组件默认背景 */
  height: 100%;
}
</style>