首页 UI · 范围与设计依据
2026-09-30 · 1.2 / D79—D86 · 独立高保真交互入口。原有全量原型保留。
本轮已实现
- 三张Banner按当前图、探索公会、AI如何分析排列，可触屏横滑、鼠标拖动、指示器与键盘切换。
- 人数每2秒、RTP每3秒更新，仅变化数字位执行420ms滚动，减少动态效果时直接更新。
- 首页顶部、AI 横幅、六张网站卡片、公会说明、推荐公会与底部导航的视觉呈现。
- “全部网站／我的收藏”选项卡切换；收藏与取消同步列表并在当前浏览器保存，无收藏时呈现空状态，“浏览全部网站”返回列表。
- 排序浮层打开、选择、勾选、关闭；点击外部、滚动或 Escape 收起，键盘可操作。
- 10 张公会卡片，支持触屏横滑、鼠标拖动，以及聚焦后的左右方向键、Home 和 End。
D81：已登录时，10个“加入公会”入口按 Figma 2273:50362 打开邀请码弹窗；任意提交均报“邀请码错误”，保留输入，关闭返回原位置。本轮没有加入成功分支。
D82：底部公会与探索更多进入同一公会主页（2273:49522），首页返回保留状态；列表搜索仅过滤7条本地样例，申请加入复用邀请码错误弹窗。D84将全部列表项统一为“申请加入”，删除底部创建卡；详情、完整TOP200及页头创建流程待补。
D83：悬浮球切换已登录／未登录，游客体验文案及手指引导随状态变化；游客收藏和入会进入注册，登录保留原行为。Live RTP说明沿用旧原型；第二、三张Banner进入公会分析网站说明与AI分析15章说明页。
D85已接官方公会、邀请、我的及新注册／登录稿。巴西首位且加入禁用；游客邀请／我的转注册，注册邀请码选填，认证移除邮箱／Apple／Google。无真实认证，状态只在本机记忆，不保存或发送表单凭证。第5章可见文字动效沿用Figma导出2秒关键帧，隐藏椭圆不额外显示，减少动态效果呈现静态值。
设计来源
布局、色彩、圆角和素材依据组件设计上下文；402px 为对齐宽度，另做窄屏适配。插画、网站图标、公会图片与 SVG 均已下载到本地，素材清单包含节点及文件哈希。顶部光效为纯装饰节点导出，页面与控件仍由 HTML/CSS 构成。
边界与待补充
- 启动、客服、公会卡片内其他详情，以及邀请／我的一级入口的后续点击流程，待用户补充；本页不虚构执行成功。
- 设计稿只有两类公会卡片，本轮复用其素材补足 10 项；后八项名称为评审样例，不是已确认运营内容。
- 网站指标以设计稿为初始样例，按D75本地有界变化。在线用户／RTP 暂按数值降序、同值保留原顺序，AI 推荐保留设计顺序；这是交互实现选择，不代表推荐算法。初始RTP相同，后续按最新数值排序。
- D83已明确两类体验按钮文案和本入口引导条件，账号标签仍为稿内样例；其他D74—D78行为未全部移入，不自动替代历史规则。
- 未提供 HarmonyOS Sans 字体文件，使用系统字体回退；Figma 状态栏映射组件不在本仓库，当前为网页呈现。因此字体字宽、系统状态栏与真机渲染仍可能有细微差异。
验证记录见 本轮 QA 记录。已进行本地浏览器交互与响应式检查；未接生产接口，未发布。
D85：邀请码与链接码、国旗与区号均保留设计样例，差异待确认；复制按剪贴板实际结果反馈。后续提现、购买、政策与账户服务仍待补。
D86新增TOP200、等级成长双入口、订阅及创建表单；菜单右侧Lv.2与详情样例一致。首页说明共用第二Banner详情，取消收藏需二次确认；RTP单位保持静止，邀请标题背景对齐。TOP200只展示稿内7条，不接真实支付／审核；生产创建资格仍按业务原文。
2026-10-02 D102：RTP与下载
首页实时RTP弹窗已使用用户确认的实际投注与返还统计文案。Android下载层按当前游戏切换图标，新增机器人手长按／菜单／浏览器打开动画及两段说明，长按仅Toast，不跳转或复制；备用复制与旧点按真实写剪贴板。iOS直接打开按游戏ID区分的本地落地说明页。正式落地URL与AI专版图标未提供，当前网站Logo加AI角标，不代表生产下载已接入。接口和真实设备安装未验证。验证见prototype/qa/figma-home/d102。
2026-10-02排版后续：下载弹框最大宽360px、游戏信息左对齐、动画区收紧、主说明居中、蓝色长按主按钮及独立备用复制区。文案与行为不变，布局及交互复跑见qa/figma-home/d102-layout。
后续紧凑化：按用户偏大反馈，最大宽收至320px、动画区150px，Icon40px、长按按钮46px；备用复制改文字按钮并保留44px触控高度。最新布局与验证见qa/figma-home/d102-compact，上一版360px记录仅用于追溯。
2026-10-02 D103：取消收藏确认弹窗底部仅保留“确认取消”，关闭及Escape保留收藏；首页与体验页共用，默认焦点在关闭按钮。专项验证见qa/figma-home/d103。
2026-10-02 D104：首页副文案“选择网站，开始使用 AI”；游客／已登录按钮分别为“免费使用AI，轻松赢钱”／“使用AI，轻松赢钱”，aria同步。仅措辞替换，不改变免费资格或流程。验证见qa/figma-home/d104。
2026-10-02 D105：下载长按完成及松手无文字提示，替代D102完成Toast；保留进度、小手和教程动画，不跳转或复制。短按及备用复制仍按剪贴板结果反馈。验证见qa/figma-home/d105。