<template>
  <footer class="app-footer">
    <div style="background: white; padding: 40px 20px; text-align: center; border-top: 1px solid #e8e8e8;">
      <div style="max-width: 1200px; margin: 0 auto;">
        <div style="margin-bottom: 20px;">
          <h3 style="color: #4A90E2; font-size: 20px; margin-bottom: 8px;">开心APP</h3>
          <p style="color: #888; margin: 0;">陪伴、理解、记录、共同成长。</p>
        </div>

        <div style="display: flex; justify-content: center; gap: 40px; margin-bottom: 20px; flex-wrap: wrap;">
          <router-link to="/chat" style="color: #888; text-decoration: none;">聊天</router-link>
          <router-link to="/diary" style="color: #888; text-decoration: none;">日记</router-link>
          <router-link to="/dashboard" style="color: #888; text-decoration: none;">展板</router-link>
          <router-link to="/settings" style="color: #888; text-decoration: none;">设置</router-link>
        </div>

        <p style="color: #888; font-size: 14px; margin: 0;">
          © 2025 开心APP. All Rights Reserved. 来自"开心"星球的温柔科技。
        </p>
      </div>
    </div>
  </footer>
</template>

<script setup lang="ts">
// 简化版Footer组件
</script>

<style lang="scss" scoped>
@use "@/assets/styles/variables.scss" as *;
.app-footer {
  margin-top: auto;
}
</style>
