为了钱而拼命，学校(低积分)

《京大生存模拟器》界面设计简介 项目定位：以2026年“京大金融城”为背景的沉浸式校园生存模拟网页，融合学术竞争与金融博弈元素，打造兼具故事性与交互性的视觉体验。 核心模块： 1. 世界观设定：构建“知识即资本、人脉即货币”的校园生态，包含创业孵化器、金融黑市等特色场景，通过卡片式布局清晰呈现生存规则。 2. 角色创建系统：提供自定义姓名、专业、行为特征等功能，支持用户生成个性化主角，为后续剧情发展奠定基础。 3. AI角色库：展示林墨（连续创业者）、苏晴（算法交易大神）等典型角色，通过渐变背景与信息卡片增强视觉辨识度。 4. 剧情生成工具：用户提交角色信息后，系统自动生成沉浸式剧情，并支持复制功能，提升互动性。 设计亮点： - 视觉风格：采用蓝橙渐变主色调，搭配简洁卡片与阴影效果，营造科技感与金融氛围。 - 响应式布局：适配移动端与桌面端，通过折叠菜单、弹性网格确保多设备体验一致性。 - 交互细节：导航栏滚动动画、按钮悬停效果、表单焦点反馈等微交互设计，提升用户体验。 技术栈：基于Tailwind CSS实现样式，结合Font Awesome图标库与原生JavaScript交互，轻量化且高效。 该设计通过模块化结构与沉浸式叙事，为用户提供“校园生存”主题的互动体验，兼具视觉吸引力与功能完整性。