<script setup lang="ts">
defineProps<{ title: string; desc: string; type: string }>()
</script>

<template>
  <div class="bg-surface rounded-2xl p-8 border border-gray-100 hover:shadow-md transition-all duration-300">
    <div class="w-12 h-12 rounded-lg bg-primary-50 flex items-center justify-center mb-4">
      <svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
      </svg>
    </div>
    <h3 class="font-bold text-lg mb-2">{{ title }}</h3>
    <p class="text-sm text-text-secondary mb-4">{{ desc }}</p>
    <span class="text-primary font-medium text-sm hover:underline cursor-pointer">下载 {{ type }}</span>
  </div>
</template>
