AI剧本杀创建房间全流程界面设计报告
界面1：创建房间界面（仅房主可编辑）
核心元素：
标题栏：左上角返回 / 菜单按钮，和全局控件样式统一
主表单区：「剧本喜好类型」「理想游玩时间」「房间介绍」三个输入框，米黄纸张底色 + 深棕文字；「确认」暖金色提交按钮，和个人中心保存按钮样式同源
底部：房间号展示、中间是玩家自己的头像和信息
功能说明：房主填写房间基础信息，设置房间偏好，确认后进入圆桌准备界面
交互补充：表单为空时「确认」按钮置灰，输入完成后高亮；点击可收起表单预览圆桌背景
界面2：圆桌准备界面
核心元素：
顶部功能按钮（暖金高亮选中态）：
房主：「选择剧本」「创作剧本」「讨论」
非房主：「查看剧本」「（隐藏 / 置灰创作剧本）」「讨论」
中部圆桌区：椭圆木质圆桌，周围均匀排布玩家头像（前端按公式自动计算位置），头像旁显示「准备 / 未准备」状态标识
底部：房主显示「开始游戏」按钮，普通玩家显示「准备」按钮，均为暖金色圆角样式；玩家自身信息旁边是“牛皮纸”类似的可交互物，当房主选定一个剧本后，所有玩家此位置会出现对应剧本的封面，点击会弹出对应的剧本介绍界面（即后文的“‘选择/查看剧本’的二层窗口”）
功能说明：房间内所有玩家的核心准备界面，房主可查找/创作剧本，玩家可查看剧本以及玩家信息、准备游戏
交互补充：
「准备」按钮点击后切换状态标识，房主可见全员准备进度
仅当全员准备完成时，房主「开始游戏」按钮才会高亮可点击
界面3：点击玩家头像弹窗
（1）房主视角弹窗
功能选项：查看名片、提醒准备、踢出玩家、添加 NPC
交互逻辑：点击玩家头像触发，点击选项后弹窗收起，执行对应操作（如提醒准备发送系统消息）
（2）非房主视角弹窗
功能选项：仅「查看名片」
交互逻辑：点击玩家头像触发，仅支持查看对方公开信息，无管理权限
（3）查看名片窗口
核心元素：玩家头像、昵称、性别 / 年龄、个性签名、人设、常打剧本类型
交互逻辑：弹窗形式展示，点击外部空白处可关闭，信息和个人中心数据同步
界面4：“选择/查看剧本”界面
（1）房主「选择剧本」界面
核心元素：
剧本库列表：网格展示剧本封面，支持分页切换、筛选下拉框
右侧预览区：剧本封面、名称、适合人数、剧本类型信息
功能按钮：「查看详情」「选定剧本」「返回」，暖金色图标样式
功能说明：房主从剧本库选择本局剧本，选定后同步到房间信息中
交互补充：点击「选定剧本」后，房间内所有玩家的剧本信息同步更新
（2）非房主「查看剧本」界面
核心元素：和房主界面一致，但隐藏「选定剧本」按钮，仅保留「查看详情」「返回」
功能说明：普通玩家可查看剧本库中所有的剧本信息，但无修改房间内选定剧本的权限
（3）剧本详情二层窗口
核心元素：剧本作者、剧本背景、封面、分享按钮、返回按钮
功能说明：查看剧本完整信息，支持一键分享到讨论频道，剧本信息以卡片形式发送到公共聊天区
界面5：“创作剧本”界面（仅房主可见）
核心元素：
顶部标题栏：返回按钮 +「剧本工坊」标题
表单区：剧本类型下拉框、游玩人数（填写男女人数）、故事背景输入框
底部：「创建剧本」暖金色按钮
功能说明：房主可输入剧本基础信息，由 AI 生成专属剧本
小弹窗及交互补充：
点击「创建剧本」弹出确认窗口，提示 “填写内容是否还需修改？AI 创建中无法修改”
确认后进入加载窗口，显示进度条 +“正在努力写剧本中，请耐心等待” 提示
生成完成后自动同步到房间剧本信息，玩家可在「查看剧本」界面查看
界面6：公共频道聊天界面
核心元素：
顶部标题栏：返回按钮 +「公共频道」标题
聊天区：气泡式对话（玩家气泡暖金色，系统消息深灰色），支持滚动查看历史消息
底部：输入框 +「发送」按钮，和全局输入控件样式统一
功能说明：房间内全员文字交流通道，仅支持公聊
交互补充：
单条消息字数限制，超长自动分段发送
房主选定剧本后，系统自动发送剧本信息到聊天区，所有玩家可见
聊天记录仅在房间内留存，退出房间后不保留