<template>
  <div class="build-info">
    <span>构建时间: {{ buildTime }}</span>
    <span class="separator">|</span>
    <span>API: {{ apiBaseUrl }}</span>
    <span class="separator">|</span>
    <span>模式: {{ buildMode }}</span>
  </div>
</template>

<script setup lang="ts">
const buildTime = __BUILD_TIME__
const apiBaseUrl = __API_BASE_URL__
const buildMode = __BUILD_MODE__
</script>

<style scoped>
.build-info {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 8px 16px;
  font-size: 12px;
  text-align: center;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: monospace;
}

.separator {
  color: #666;
}
</style>
