<template>
  <div class="broadcast-thanks pos-fixed top-0 left-0 w-full h-full z-999">
    <div class="thanks-content">
      <h1 class="thanks-title">谢谢观看</h1>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

onMounted(() => {
  // 尝试关闭窗口（由 window.open 打开的标签页可成功关闭）
  window.close();
});
</script>

<style scoped lang="scss">
.broadcast-thanks {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a1a2e;
}

.thanks-content {
  text-align: center;
}

.thanks-title {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  letter-spacing: 0.2em;
  opacity: 0.95;
}
</style>
