校园灵感盲盒

它适合想把叫「校园灵感盲盒」的单页交互网站 Demo，给大学生用，尤其是加入青创/创业社团的新生。 核心场景：点一下“抽盲盒”，随机弹出一个校园轻量项目灵感（不是实物奖品，是创意思路）。 功能结构（单页就行，不用登录）： 1. 顶部：项目名称「校园灵感盲盒」+ 一句话 slogan，比如“每天一个脑洞，青创不空头” 2. 中间：一个大盲盒按钮，点击后随机抽出一张“灵感卡” 3. 灵感卡内容包含： - 项目类型标签（文创 / 科技 / 公益 / 校园服务 / 轻创业） - 灵感标题（例：自习室安静值打分器） - 一句话描述 - 可做的 MVP 动作（例：先做问卷，再做个网页原型） - 组队需求（例：缺设计1人/产品1人） 4. 卡片下方按钮：再抽一次 / 收藏这张（收藏用浏览器本地存储，不用后端） 5. 侧边或底部：我的收藏夹（展示收藏过的卡片） 6. 分类筛选：点“文创/科技/公益…”可限定抽取范围 7. 轻量彩蛋：连续抽3次给一句鼓励文案（例：想法不值钱，先做一个出来） 视觉风格： - 校园感、年轻、轻松，不要商务官网风 - 主色：雾蓝 + 奶白 + 一点亮橙做按钮 - 圆角卡片、轻微悬浮动效、抽卡时有翻转/淡入动画 - 移动端优先（手机屏幕也能看），适配 375px 宽度 - 字体现代无衬线，标题稍大有点设计感 技术：纯前端单页（HTML+CSS+JS 或你默认最合适的方式），不要后端、不要登录、不要数据库，所有数据先用内置假数据。 交付：能直接预览运行的完整页面，文案用中文，别用占位符。 先做出能点的第一版，后面我再让你改文案和细节。理顺的同学，减少反复翻找和来回切换。 公开版会先保留最核心的使用场景，方便别人快速理解这件作品能做什么。 这一版还补充了已添加技能：UI 设计知识库，更适合直接拿来体验。