AI 界面草图板

从上方组件面板添加元素，或选一个模板快速起稿

点选画布中的元素可编辑文本、样式与宽度。

结构化提示词

请根据下面的界面草图描述，实现一个完整可用的页面。

【画布】手机竖屏（约 390×780 像素），共 0 个元素
（画布当前为空）

【实现要求】
- 技术栈：使用 React + TypeScript + Tailwind CSS 组件化实现
- 页面文案使用简体中文
- 布局同时适配手机与桌面浏览器，窄屏（≤390px）不出现横向滚动
- 视觉风格简洁现代，可按元素用途自行选择合适的主色
- 补全草图未画出的交互细节（悬停、点击反馈、空状态）