Kodev 官方网站建设 (Next.js + Tailwind)

开发功能详情页面，详细展示 Kodev 产品的各项功能。包含以下内容：1) 页面顶部标题区，简要说明功能页用途；2) 功能列表区域，采用左右交替布局（奇数行：左文字右截图，偶数行：左截图右文字），每个功能项包含功能标题、详细描述段落和功能截图/插图占位区域；3) 功能对比表格区（可选），以表格形式对比不同版本/方案的功能差异。后端需提供 GET /api/features 接口，从数据库读取功能列表数据，数据结构包含 id、title、description、image_url、sort_order 字段。需建立 features 数据表并提供种子数据。UI 设计要求：功能卡片间距统一（gap-8 或 gap-12），截图区域使用带圆角的容器并添加浅色边框，移动端改为上下堆叠布局，截图在上文字在下。使用 framer-motion 实现滚动渐入动画效果（fadeInUp），每个功能区块进入视口时触发动画。