我来帮你创建一个完整的校园失物招领平台前端原型。首先让我生成设计灵感，然后开始构建。

我会为你创建一个完整的校园失物招领平台。这是一个复杂的多页面应用，我会使用 Next.js App Router 和 shadcn/ui 组件来构建。让我先设置任务列表，然后开始构建。

现在让我创建模拟数据和类型定义：

现在让我创建首页的各个组件：

现在让我创建校园地图页面：

现在创建主页面，整合所有组件：

我已经完成了一个完整的校园失物招领平台前端原型。该平台包含以下功能模块：

主要页面：

1. 首页 - 包含轮播Banner、平台公告滚动条、快捷功能区、最新寻物/拾物启事信息流、高频丢失地点提醒
2. 我要寻物/我要拾物 - 分步表单，包含基本信息、时间地点、物品描述、联系方式等步骤
3. 物品广场 - 左侧筛选面板（时间、分类、地点）、右侧物品卡片网格、标签切换、排序、分页
4. 物品详情页 - 图片轮播、基本信息、联系功能（在线聊天、拨号、复制微信）、收藏、举报
5. 消息中心 - 左侧消息列表（系统通知、聊天、回复）、右侧聊天窗口
6. 个人中心 - 个人信息、我的发布、收藏、找回记录、安全设置、帮助反馈
7. 校园地图 - 高频丢失地点标注、失物招领处位置

设计特点：

• 采用清新蓝绿色校园风主题，卡片式设计配合柔和阴影
• 完全响应式，支持移动端和PC端
• 所有数据使用前端模拟数据，点击提交按钮会显示成功提示
• 页面间通过导航栏和按钮实现单页切换效果

我来按照这张设计图重新设计失物招领平台。这是一个温暖的黄色主题移动端界面，包含顶部搜索栏、校园Banner、四个快捷功能入口、物品卡片列表和底部导航栏。

现在我来更新全局样式为温暖的黄色主题：

现在创建新的移动端首页组件：

现在更新主页面，整合所有移动端组件：

我已经按照参考图片完全重新设计了校园失物招领平台。新设计采用了温暖的黄色主题，包含以下特点：

主要变化：

1. 配色方案 - 采用温暖的黄色/金色作为主色调，营造校园温馨氛围
2. 顶部栏 - 用户头像 + 圆角搜索框 + 通知铃铛
3. Banner - 校园图片配文字"失物有归处，校园更温暖"
4. 四个快捷入口 - 发布失物、我有拾物、我的物品、校园地图，配彩色图标
5. 物品卡片 - 大图展示，左上角物品名称标签，圆角卡片设计
6. 底部导航 - 圆角白色导航栏，中间发布按钮突出显示

所有页面（首页、发布表单、消息中心、个人中心、校园地图、物品详情）都已按照移动端优先的设计风格重新构建。