1.3 产品方案

业务版本：1.3。文档修订：v0.25。更新日期：2026-10-11。状态：方案评审稿。

本版围绕“发现AI入口—选择网站—开始使用”完善体验，并通过视频教程帮助未登录用户理解产品、进入注册。已确认范围为SDK、首页网站列表、视频教程三组12项改动；本轮以PWA为主要设计和验证对象。APK采用WebView壳的说明用于兼容性评估，不新增独立原生界面。

本文的“已确认”来自用户概要及后续答复；标为“建议”的布局、时长、文案、异常处理和验收条件均供评审，不能直接作为已批准业务规则。需求依据与原文保存在仓库的《1.3需求补充记录》中。当前已有独立首页／教程原型，生产实现与验收分别跟踪。D110六项评审批注和看过不再自动弹的答复已纳入本修订；早期候选原文保存在需求记录及制作前快照。

1. 本版目标与范围

1.1 已确认范围

本版不因视觉优化改变信号资格、扣点、账号关联、公会归属或返佣规则。其他模块继承范围尚未整体冻结，遇到相关流程时按原文及后续确认核对。

1.2 建议的体验目标与观察指标

指标基线、目标值、量化通过阈值、统计周期、负责人及排期均待补充。下面的建议次序用于评审与原型验证，不代表已经排期。

2. 用户情境与核心流程

暂定两类走查画像：第一次进入PWA、希望先理解怎么用的未登录用户；已登录、希望快速进入熟悉网站的回访用户。设备暂按手机窄屏考虑，不假设具体年龄、国别、收入或游戏经验。以下是设计假设，尚无真实用户研究结论。

未登录用户点击网站卡片
  → 弹出注册界面（已确认）
  → 关闭：回到列表原位置（建议）
  → 注册／登录真实成功：恢复所选网站意图（建议，续接待确认）
  → 显示第三方网站提示 → 用户确认后进入对应iframe（建议续接）

已登录用户点击网站卡片
  → 每次显示第三方网站提示（已确认）
  → 取消／关闭：留在列表（建议）
  → 继续：打开所选网站iframe（按钮及动作细节为建议）
  → 返回列表后再次进入：再次提示（已确认频率）

未登录且未看过用户进入首页
  → 自动显示不可关闭的教程引导（D110）
  → 点击播放按钮，实际开始后可关闭（D110）
  → 播放中：只有关闭操作（已确认）
  → 提前关闭：回到来源，不视为播完（概要语义）
  → 自然播完：出现注册按钮 → 点击弹出注册（已确认）
  → 看过后不再自动弹；顶部入口仍可主动重看（D110及原型处理）

已登录用户
  → 不展示教程（已确认）

收藏属于独立操作，不与进入网站共触发。上述进入前提示不等于游戏账号登录或关联成功；这些业务校验应按对应规则执行。

3. SDK与悬浮球

3.1 样式与层级建议

建议保留可识别的机器人主体，以稳定轮廓、对比描边和轻量光晕提高可见性。先对比当前实际尺寸与略放大的两个方案，不直接把大尺寸作为最终规则。触控区域可独立于视觉轮廓调整，尽量避免遮挡游戏下注、导航和关闭等高频控件。

表现分为三个层次：主体负责识别；外环表达当前状态；气泡表达一条可理解的消息。不要仅靠颜色区分等待、处理中与需要处理的状态。装饰光影不应盖住文字或扩大误触区域；拖动时以位置反馈为主，暂停无关装饰动作。

3.2 出现动画与光影建议

候选动效：主体从约0.9倍缩放至1倍并淡入，总时长先试250—350ms；光晕在首次出现时完成一轮约1秒的强调后停止。参数仅用于首轮比较。拖动结束、收起气泡、普通点击和指标刷新不重新播放出现动画，具体生命周期仍需结合SDK接入范围确认。

建议默认不使用持续粒子、大范围模糊或全屏光效。优先尝试位移、缩放与透明度动画，再在真机上测量；Google的性能指导建议尽量采用transform／opacity，并检查布局与绘制成本，不能据此推定我们的效果已经流畅。动画性能参考

3.3 气泡打字机建议

• 气泡出现时先保留完整文本所需空间，再逐字显示，避免每增加一个字就改变宽高。
• 普通短句首轮可试每字40—60ms，总打字时间约1.5秒封顶；过长文本应精简或直接完整呈现，参数待实测调整。
• 点击悬浮球仍执行其原有动作，不要求等文字打完；不为“跳过打字”改变既有点击含义。
• 新状态出现时取消旧文字的打字任务，展示最新有效消息；旧计时器不得继续把文字追加到新消息。
• 账号冲突、权限受限等必须立即看清的消息，建议完整显示；用户要求打字机效果的最终例外需确认。
• 辅助技术读取完整消息，避免逐字触发播报；减少动态效果偏好下建议直接呈现全文。

3.4 文案候选与触发约束

以下为待评审候选，不定义信号资格、收费或发放逻辑。触发必须来自对应的真实状态；现有已确认提示不得在文案优化中无依据改写。

建议消息优先级为必须处理的阻碍、当前操作反馈、普通引导；相同状态不反复重播，普通引导不插入用户正在执行的操作。具体去重窗口、停留时间、多语言与状态表需进一步确认。

3.5 低端性能评估建议

先选实际目标用户中的低配置Android设备、中档设备及PWA目标浏览器，记录系统、内存、浏览器版本与游戏场景。用同一游戏分别跑SDK关闭、静态悬浮球、完整动效三组对照，至少覆盖首次出现、拖动、气泡更新、游戏运行并发和前后台切换。

建议记录帧时间／丢帧、CPU与内存变化、连续使用后的增长、游戏点击响应及用户可感知卡顿。不能只测空白网页，也不能只用桌面浏览器降速代替真机。耗电／发热作为长时观察项，暂不写未经测量的数值目标。

候选降级顺序：先停持续装饰光影，再减少同时运动的元素，最后改静态外环与完整文本；核心入口、消息内容、点击和拖动始终保留。页面不可见时停止装饰任务，恢复后展示当前状态，不补播历史消息。正式设备清单、阈值和降级触发方式待评估后确定。

4. 首页网站列表

4.1 卡片信息结构建议

D110明确压缩卡片、删除底部“VIB AI伴你探索”一行，并保留明显的进入按钮。当前候选结构：

网站Logo  网站名称／已有状态                 收藏
          网站域名  [网站活动｜注册送10元]
在线人数icon＋人数＋标签       RTP图标＋数值＋标签
使用提示／网站介绍摘要                  小机器人
[          进入网站，AI 陪你玩          →        ]

本轮原型将介绍收为单行摘要，机器人放入卡片说明区，完整渐变进入按钮提供清晰点击提示。卡片除收藏外统一进入，按钮不增加另一条入口逻辑；独立收藏与整卡主入口各自可聚焦。当前按钮新文案与具体尺寸为评审候选，不推导免费资格或收益规则。网站介绍当前使用候选摘要，正式后台内容／字段／长度／空值处理待补，不编造网站能力。

建议全部网站与我的收藏使用同一卡片，保证介绍、收藏状态、身份分流与指标一致。两类列表是否纳入本轮完整覆盖仍待最终确认；不擅自改变推荐排序、账号收藏、下架移除或真实数据口径。

4.2 点击与收藏建议

卡片主入口与收藏建议采用独立可聚焦元素，键盘操作与触屏一致，不在一个按钮中再嵌套另一个按钮。卡片操作名可采用“进入{网站名称}”，收藏采用“收藏{网站名称}／取消收藏{网站名称}”。

旧RTP说明图标若仍保留为独立操作，会与“除收藏外均进入网站”的要求冲突。建议把说明移到卡片外的指标标题区，卡片内RTP区域按整卡规则处理；这是待确认的布局方案，不自动增加第二个卡片点击例外。

4.3 在线人数图标与机器人建议

在线人数icon建议采用简洁的双人轮廓配小光点，与RTP使用同一线宽和视觉尺寸；短暂柔和脉冲表达数据呈现，避免模拟人数持续上涨。数据更新与图标动画分开：只有拿到新值才更新数字，装饰动效不生成数值、不改排序规则。

D110先将机器人移入每张卡片。用户指出重复后，§12曾制作仅首卡引导方案；随后用户认可首卡效果并要求查看每卡不同提示／姿态，当前§13候选保留首卡完整说明区，其他卡片以更轻提示搭配五种静态姿态（招手、阅读、介绍、思考、迈步）。提示涉及收藏、浏览、账号独立、分析供参考及返回，不编造网站能力；收藏提示跟随实际本地收藏状态。首卡引导跟随排序／筛选，网站姿态固定，不随机变化；非首卡WJ99使用网站数据变化提示，避免重复首卡文字。

D111用户确认执行差异提示，并要求机器人更大、卡片高度保持，只评审手机视觉。当前同一页面提供三套可切换布局：A将64px机器人置于提示旁，B将72px机器人置于介绍和提示右侧，C将72px机器人放在进入按钮左侧。B为助手推荐，最终由用户选择；不把评审切换器作为生产界面需求。全部保留简介、在线人数、RTP、独立收藏与统一进入按钮；机器人没有额外点击入口。精简候选简介以改善手机换行，提示依据操作语境和真实本地收藏状态，不制造站点能力／信号可用的暗示。

三个方案在390／430px下首卡227px、其他213px，320／360px下224／210px，与前轮保持。放大的图片与文字预留空间；D111曾由B合并视觉说明区，D114已去掉说明区底框、统一拆分信息；C继续在按钮文字左侧预留插画位置。复用原素材及五个imagegen透明静态姿态，懒加载／异步解码，无持续机器人动画。正式站点介绍、图片体积优化与真机性能仍待核对；桌面／平板不是本轮视觉目标。来源见1.3原文§14，上一候选保留§12／13及其QA。

若有多处动效，建议首次短暂强调后静止、离屏停止；降低动态效果时仍能读懂在线人数与RTP。持续移动与自动更新还需专项评估暂停／停止机制，不能仅凭减少动画偏好就宣称无障碍达标。W3C动态内容说明

4.3.1 每站一项网站活动

D112确认A／B／C暂时全部保留，后续共同改动同步三套；每个网站只展示一项活动。当前三套共用网站数据与卡片结构，活动随网站ID固定，全部／收藏同源。最终布局仍待选择。

D113要求每张卡片都有活动并授权更多设计，曾制作说明区活动条及底部入口礼券。用户指出B活动条区域拥挤后，D114授权拆分并同步三套：当前活动统一归入域名旁的网站信息，简介单列在指标下，机器人仅搭配短提示，说明底框移除。外部评审仍可独立切换三种活动外观与A／B／C，共九种组合；三种均保持D111高度，点击仍沿整卡分流，无领取入口。

D114所有活动样式统一短提示，不再随活动外观切换长短文案；当时首卡固定两行。D115依据用户“参考、不照搬”的新附件，当前首卡改为“进入后，点机器人看分析与提示。”，取消固定换行，按可用宽度自然排版；其余仍为收藏、浏览、账号独立、参考及返回的简短提示。简介11px／17px行高，提示12px／18px，共同左对齐并预留机器人区域；A／B／C各自插画位置保留，首卡与其余高度沿前轮。A在提示区底部对齐机器人以留出按钮间距。底部统一“进入网站，AI 陪你玩”。这些具体布局为本轮制作结果，最终选择仍待评审；D111合并视觉说明区及D113三层活动条／底部礼券保留历史，不再描述当前画面。

D115参考图片的信息意图而不复制其框体布局：默认首站简介改为“无需另装游戏，网站直接打开。”，列表上方统一说明“网站活动，具体条件以各站说明为准”。不增加每卡重复条件小字或独立活动规则入口；图中的100积分／充值加赠30%不作为本项目活动数据。原活动样例和各站差异提示保留，卡片高度及机器人尺寸不变。本轮36种手机组合的首卡短提示均完整单行，适配机制仍为自然换行；不把单行硬编码为生产长度约束。制作与验证见prototype/qa/v13-reference-copy-20261011/README.md，最终文案及正式资料仍待评审。

D116用户进一步澄清参考的是网站活动文案。当前六张卡片固定样例改为：注册赠10元、新会员福利、每日签到奖励、邀请好友奖励、周末专属福利、会员专属福利；列表共用“网站活动，资格与奖励以各站规则为准”。本轮只改活动表达，保留布局／高度与AI提示，不新增参考图100积分／30%充值加赠或规则按钮。旧D113／D115活动标题及共同说明保留历史。首条来自用户举例，其他由助手为视觉对比编写；评审栏注明活动均为样例，未核实任何站点优惠。全部／收藏同源，切换不重分配活动。D112仅首站展示的阶段状态保存在原文§15及旧QA。

D117用户要求活动更明显，参考文字主次但不复制布局、三套同步且卡片不增高。当前活动标题统一16px加粗暖金色，数值权益20px、单位14px；域名／简介维持次级，资格与奖励依据仍为列表上方共用说明。标签与礼签增强底色和边界，活动条保留金色竖线，活动位置仍在域名旁，不增加大横幅或重复说明。网站信息区增加2px、说明区减少2px，机器人及CTA保留，卡片总高继续224／210及227／213px。六项样例文案与整卡分流保持；36种手机组合及字形边界复查通过，证据见prototype/qa/v13-activity-emphasis-20261011/README.md，最终视觉待评审。

正式活动、币种／条件／有效期、来源、多项活动选取方式及缺少真实活动资料时的处理待补；每卡有活动的要求不以虚构生产优惠满足。建议使用经确认的简短标题，保留关键限制，不为适配空间改写金额或省略资格。未推定后台配置、活动发放或VIB注册可领取网站奖励。来源见1.3原文§16—20，D113历史验证见prototype/qa/v13-promotion-options-20261011/README.md，D114排版验证见prototype/qa/v13-card-spacing-20261011/README.md，D115文字验证见prototype/qa/v13-reference-copy-20261011/README.md，当前活动文案验证见prototype/qa/v13-activity-copy-20261011/README.md。最终活动样式仍待选择。

4.3.2 D紧凑合并独立候选

D118用户另行要求一版更低卡片，并将注册活动与机器人提示放到同一区域。新增D，保留A／B／C原尺寸与视觉供对比；1.3方案页有独立“紧凑合并卡片”入口，手机评审页第四个选项也可切换。制作授权不等于已选定D。

D顶部用两行承载名称／账号状态／域名及简介，站点图标36px，独立收藏44px；指标保留。下方活动标题与短提示同处机器人右侧一个44px内容区、上下左对齐，不在域名旁重复活动。标题16px／数字20px继承D117层级，提示12px，72px机器人与底部36px进入按钮共享左侧视觉空间、预留文字区域。网站简介、每站单项活动、差异姿态／短提示均保留，首卡与其余不再设置不同高度。

320／360px下184px（较原首卡／其他减少40／26px），390／430px下186px（减少41／27px）。D与其他方案共享数据、活动样例、收藏／排序及整卡身份分流；三活动外观可继续比较。A／B／C的高度约束仍适用原三套，D的更低高度仅为本轮新候选，不替换此前确认。来源见1.3原文§21，验证见prototype/qa/v13-compact-card-20261011/README.md；当前四宽度浏览器检查不代表真机、缩放、多语言或生产验收，最终布局／正式资料仍待评审。

D119依据用户对合并区域文字不协调的批注，仅重整D文字组：移除活动礼签框、背景、内边距与礼物图标，活动标题明确暖金色、650字重，下方提示改为灰绿色常规字重；按实际文字起点对齐。标题22px＋间距4px＋提示18px，仍共44px，不改变184／186px卡片、机器人或按钮。D三外观改为简洁标题／线条点缀／活动注记，末者用9px“网站活动”说明归属，按2026-10-11用户后续要求移至活动内容前；原URL参数兼容，A／B／C原外观保留。当前为助手候选、尚未定稿，来源见1.3原文§22，验证见prototype/qa/v13-compact-text-20261011/README.md。D118仅外框对齐的历史验证不能替代本轮实际文字对齐检查。

4.3.3 D3巴西葡语首页候选

D120用户要求基于D3另出巴西葡语版，超长文字在能理解的前提下精简。独立入口：D3 pt-BR首页。中文候选不改。活动标签Promo保持置前；CTA为Entrar com IA，首卡No site, toque no robô da IA.，周末样例Extra no fim de semana，完整账号独立含义在进入提示保留。用户明确授权仅将注册活动样例改成R$ 10；其余正式优惠／币种规则未确认。人数66.889、RTP 95,60%等按pt-BR格式，注册／手机号登录默认+55。

复用D3机器人／紧凑结构与核心流程，卡片仍184／186px；长活动适配13／15px标题、10／11px短提示，全部文字完整呈现，具体翻译及字号均待评审。Banner改用可编辑葡语文字配原插画。首页、教程界面、注册／登录、收藏／空态／排序、进入／退出提示、RTP说明及本地iframe辅助文本已适配；完整公会／邀请／账户模块不在本轮首页范围，相关入口打开原中文候选，边界位于评审区。视频仍为原附件葡语音频＋中文字幕，没有重制媒体。实现源为prototype/v1.3/pt-BR/build_locale.py及该目录assets/locale.css；先改生成源再运行生成器，勿仅改生成页面／脚本。具体证据见prototype/qa/v13-pt-br-20261011/README.md，原文见§23，未视为母语审校、真机或生产验收。

4.3.4 D中葡共用活动字体与卡片复查

D121依据用户活动字体批注及设计复查要求，同步中文D与pt-BR D3。活动整句共用字体栈、650字重、22px行高、暖金色与−0.15px字距；同一宽度采用同一字号（320／360为13px，390／430为15px），不再为金额／币种拆分放大。“网站活动”／Promo继续置前为次级注记。此项替代D119的数字20px／单位14px和D120的语言独立活动字号；历史记录保留。实际字形可随设备字体回退，不要求安装指定字体文件。

复查调整：D数字直接更新，保留在线人数及RTP状态图标动态；顶部关联状态垂直居中，窄屏站名15px／域名9px，葡语关联状态不再单独缩至7px；葡语简介10px、机器人短提示11px在窄屏保持，指标说明9／10px与数字对齐。所有调整沿用44px共享区、72px机器人、36px按钮与184／186px卡片高度；A／B／C原字体／高度和1.2不改。范围是助手视觉修订，未改变真实业务机制或确认后台配置能力。

原文与来源见§24，QA见prototype/qa/v13-shared-card-type-20261011/README.md。当前六项样例完成中葡四宽度／两身份检查；正式配置长文边界、母语审校和真机验证仍未完成，不能由样例通过推定生产验收。

4.3.5 D域名与统一说明位置

D122依据用户三项批注，把域名移到网站名称下方、同左起点，11px次级文字；顶部原说明合入机器人旁的单段文案，放在金色活动下方。网站身份／域名与活动／使用说明分别连续阅读，原顶部说明和底部提示不再分处两地。首站候选“无需安装，点机器人看分析。”；其他站点按原人数与RTP／收藏、公会探索、账号独立、动态与参考、探索与返回等意图合并，按站点身份关联，不跟随列表首位套用。具体样例及布局仍待评审，不推定后台配置能力或真实网站特色。

D说明预留两行（32px／16px行高），活动22px＋间隔2px，共享区56px；垂直内边距9／8px、行间距4px抵消增加量。左右留白、40px身份区、72px机器人、36px按钮和184／186px卡片总高保持；域名过长单行省略，完整值保留于文本／title。此项替代D121顶部右侧域名、顶部简介及44px共享区的位置与尺寸，活动共用字体规则继续沿用。中文D三个外观与pt-BR D3同步，A／B／C和1.2保持。

原文与来源见§25，QA见prototype/qa/v13-unified-message-20261011/README.md。32手机配置192卡及排序／已有收藏筛选检查通过；葡语账号说明在窄屏自然两行，无孤短末行。正式长文边界与扩展呈现仍需真实资料评审，未作为母语研究、真机或生产验收。

4.3.6 D仅显示网站活动

D123按用户最新两处批注，移除D所有卡片的合并使用说明，把活动移到原说明位置、机器人右侧。沿用名称下方域名、指标和进入按钮；D活动只出现一次，不在上方重复。归属采用礼物线性图标＋10px“网站活动”（pt-BR：Promo），下一行暖金标题；标题继续中葡整句同字体、15／13px、650字重及22px行高，不为金额作特殊排版。活动标签／线条强调／轻量注记三个D外观共享内容，D3使用无外框标识。用户确认的是移除说明和迁移活动，具体样式为助手设计候选。

16px标识＋3px间距＋22px标题，41px活动组靠下放入原56px共享区；机器人72px、按钮36px和184／186px卡片总高保持。D进入按钮辅助描述仅引用活动，切回ABC则恢复旧说明与活动；A／B／C和1.2保持，中文D与葡语D3同步。正式长活动文案边界、后台能力及活动规则入口仍待真实资料评审，没有新增领取流程。

来源见1.3原文§26，验证见prototype/qa/v13-activity-only-20261011/README.md。本项替代4.3.5中“活动下方保留合并说明”的呈现，域名归位和卡片尺寸继续沿用；旧记录保留历史，未宣布真机或生产验收。

4.3.7 E机器人消息与AI活动检测

D124按用户新要求另增E，保留ABC／D：机器人在独立消息行，灰绿轻边框气泡承载“无需另装游戏…”等精简说明，优先沿用现有暗色卡片风格。下方“AI检测＋网站活动”与较窄的进入按钮并排，细环／节点／扫描轨迹营造AI连接感；网站活动从卡片移入对应站点的弹窗。E不替代D123移除说明、卡片内显示活动的旧候选。

E机器人64×58px、消息行58px，两个按钮44px高；检测按钮104px／窄屏92px，进入按钮使用剩余宽度（约62%—70%），保留原文案。通过上下留白与行间距配置，维持320／360px的184px和390／430px的186px卡片。按钮只使用CSS环形变换，尊重减少动态偏好；不据此认定低端性能通过。

检测点击直接打开单项活动弹窗，显示站点身份、活动标题、规则依据及账号独立说明，关闭后回到触发按钮；当前候选两身份均可查看，正式鉴权待定。进入／整卡其余区域与收藏仍按原机制，AI按钮独立拦截，活动结果跟随站点身份。六站为原有样例，没有接入真实AI检测／活动采集、领取或奖励发放；正式数据来源、更新、无活动及失败分支待资料明确。产品文案面向用户，样例／实现边界放在外部评审区。

中文评审栏及说明区新增巴西葡语入口；E进入葡语E，其他中文布局进入葡语D3，葡语加入D3／E切换与返回中文入口。E同步中葡，完整二级模块与视频字幕范围继续沿4.3.4。原文见§27，QA见prototype/qa/v13-ai-connection-20261011/README.md。具体视觉待用户评审，ABC／D、1.2和历史证据保留。

4.3.8 E打字气泡与紧凑活动列表

D125按用户五处批注更新E：机器人消息在可见时逐字呈现；完整文字预留空间、辅助文本保持完整，卡片仍184／186px。每站本次页面只播放一次，排序／筛选和身份切换保留进度；离屏及页面不可见时暂停，刷新重播。句长对应约0.7—1.6秒，减少动态偏好直接显示全文；具体节奏仍为设计候选，没有低端真机性能结论。

活动弹窗取消网站Logo／名称／域名区及原大活动框，改为活动数量＋轻量列表：小礼物图标、15px／22px行高／650字重暖金整句标题，每行最低46px、轻分隔线；中葡同样式。共同规则只显示一次。账号说明明确“VIB AI 账号与网站账号独立”，葡语同步。关闭／知道了／Escape返回原按钮和列表位置，两身份的检测点击与原进入分流保持独立。

E六站样例活动数依次1／2／3／1／2／1，WJ99、VJ66和首个mer003可比较单项／两项／三项。标题复用已有样例，巴西版R$ 10仅用于活动样例。此处替代4.3.7中E弹窗站点身份及单项呈现；ABC／D卡片内单项活动不改。正式来源、排序／数量上限、资格／有效期、鉴权、更新及无活动／失败处理仍待确认；没有真实AI采集、领取或奖励发放。

来源见1.3原文§28，QA见prototype/qa/v13-typed-message-activities-20261011/README.md。ABC／D、1.2及旧记录保留；具体视觉待评审。

4.3.9 E大图标、机器人检测与更快错峰打字

D126按用户六处批注及打字节奏补充调整E中葡。网站图标64px，66px头部右侧把名称／状态、域名与人数／RTP归组，收藏独立；指标不再单独占整行。气泡改为全宽38px、小箭头朝下指向检测按钮中的机器人；检测按钮136px／窄屏124px，机器人60×54px／窄屏56×52px，保留细环连接感。进入按钮使用余下宽度，分“进入网站／AI陪你玩”两级，中葡同步；双按钮56px高。通过三行66＋38＋56px、6px间距与垂直留白调整，卡片184／186px不变。

首次打字按站点35—195ms等待，同批启动按70ms间距错峰排程，句长与站点系数共同确定不同字符速度；缩短D125节奏，当前中文实测约0.3—0.45秒完成一条。开始与结束均有差异，实际时间受帧率／句长影响；不作为低端性能保证。保留可见触发、进度缓存、离屏暂停、稳定全文占位和减少动态偏好直接全文。替代4.3.7—4.3.8中E旧机器人位置／按钮尺寸／打字节奏，原精简单／多活动弹窗不变。

来源1.3原文§29，QA见prototype/qa/v13-robot-detect-20261011/README.md。ABC／D旧卡片及1.2保持；具体样式与正式长文边界待评审。共用1.3进入提示的按钮删除见4.4。

D127按用户“这里也换成机器人”批注，将E活动检测弹窗标题左侧雷达换为48×48px机器人；直接复用触发卡片的素材，切换网站时同步对应动作。中葡同步，装饰图像不重复播报标题，卡片高度、打字与活动列表流程保持。来源为原文§29后续D127，QA见prototype/qa/v13-modal-robot-20261011/README.md，旧标题雷达记录保留历史。

4.3.10 E头部分区与多语言容错

D128按葡语收藏与RTP过近的批注，中葡E头部改为64px图标＋可伸缩信息区＋独立44px收藏列。指标区域与收藏保留12px间隔，两列等分展示人数／RTP，图标数字在上、说明在下；名称与状态相邻，域名位于名称下方。名称／状态／域名／指标说明各自限制宽度，长文本单行省略，完整内容保留在DOM，名称及域名带title。它提供布局容错，不承诺所有语言全文显示。

葡语检测文字改为单行并微调按钮宽度为140px／窄屏130px，机器人尺寸、双按钮56px、气泡38px与卡片184／186px保持。替代4.3.9中的头部指标对齐和136／124px检测宽度；打字、活动弹窗及进入分流沿旧机制，ABC／D与1.2保留。来源见原文§30，验证见prototype/qa/v13-header-spacing-20261011/README.md；具体视觉仍待评审，未作为真机或生产验收。

4.3.11 E活动监测与未读入口

D129按用户九处批注，E进入按钮改“进入游戏／体验AI”，检测按钮改“活动监测”；对应葡语采用“Jogar／Usar IA”、“Ofertas”。活动按钮增加暖金未读数字，弹窗检测数量以“AI检测到”开头，规则补充VIB AI仅提供信息提示、与网站活动无关；账号说明改用网站账号、并非VIB AI账号。主操作“立即去玩游戏”（Jogar agora）接入对应网站进入流程，替代旧“知道了仅关闭”：游客注册、会员每次进入提示后进入对应iframe，保留关闭。

未读候选按网站稳定活动ID／修订号计算；成功展示弹窗后标该批已读，刷新／排序／中葡切换保留，新ID或修订再次出现角标。当前浏览器本地保存是原型取舍，正式账号／跨设备同步及更新机制未确认。保留单／多活动、对应机器人及原打字节奏。

所有1.3布局的副标题改“选择网站，开始你的AI分析体验”，移除列表级活动／RTP说明行，将RTP解释入口移至各卡指标旁，独立拦截点击。E显示短RTP标签及信息图标以适配中葡窄屏，其他布局保留实时RTP文字。E184／186px、旧ABC／D高度和1.2保持。来源见原文§31，验证见prototype/qa/v13-activity-monitor-20261011/README.md，未作为真机、母语或生产验收。

4.4 身份分流与第三方网站提示

已确认：已登录用户每次进入网站前均提示，不增加“以后不再提示”，不以曾经确认或同一站点历史访问跳过。提示结束后的同一iframe内部浏览不建议重复打断；哪些页面变化算新一次进入，按入口事件进一步明确。

D110要求精简弹层，正文逐字使用：

VIB AI 提供分析与提示。

>

AI 账号与游戏账号独立，进入后请使用该网站的账号登录或注册。

当前候选弹层标题“进入网站前”，删除前版网站身份卡和装饰图标。D126按用户批注删除“返回列表”，仅保留全宽“继续进入”及右上角关闭，中文与葡语共用1.3提示同步；旧双按钮记录见D125前快照。用户继续后才设置iframe内容，每次进入均提示的频率及以上正文不变，1.2不回改。 D131（2026-10-11）按用户两处批注将当前标题改为“即将打开第三方网站”、主按钮改为“进入网站”；葡语同步“Você vai abrir um site externo”／“Entrar no site”。本段前述旧文字保留为D126记录，正文及进入机制不变。

未登录点击卡片先弹注册，建议复用统一注册弹层与已有账号登录入口。注册关闭不改变身份；认证失败保留当前选择且不进入网站。成功后建议恢复所选网站、先显示第三方提示，再由用户继续；也可回首页等待重新选择，最终续接方式待确认。

4.5 加载、失败与返回建议

建议进入后先显示网站名称与加载状态；确认页面可用之前不展示成功Toast。加载失败文案候选为“网站暂时无法打开，请稍后重试”，提供返回列表，重试是否加入由体验设计确认。目标站不允许内嵌时先记录兼容性问题，不自动改为外部浏览器或下载流程。

从iframe返回列表后再次点击任何网站，包括同一网站，均执行本次已确认的每次提示规则。返回时建议保留原选项卡、排序、滚动位置及已确认收藏状态。绑定结果查询、VIB登录态失效与游戏账号关联按对应业务规则核对，不能只因关闭iframe就显示已绑定。

5. 视频教程与注册

5.1 入口、对象与素材

已确认：1.3教程只向未登录用户展示。D110明确未登录未看过时自动弹出播放前引导，且顶部客服左侧提供教程按钮；已登录隐藏入口和教程。看过后不再自动弹，手动入口仍可重看。1.2仅补该位置的手动播放入口，不增加自动引导。

用户已提供葡语中文字幕视频，实际时长约42.841秒，原型按43秒显示，资源为prototype/assets/tutorial/vib-tutorial-pt-zh.mp4。视频原样保留；内容是否与最终1.3完全一致仍需业务审阅，不从视频画面新增业务机制。

引导样式参考附件第一张：深色渐变容器、品牌标识、教学插画、大播放按钮；当前使用已有机器人和代码绘制的分析曲线作为候选封面，不照搬参考图的“30秒”或大奖暗示。封面、标题及说明文案均待最终视觉评审。

5.1.1 D130播放前引导视觉候选（2026-10-11）

依据用户“这个弹窗看起来太粗糙了，优化！”批注，本轮中葡1.3统一重排为品牌／使用指南、左对齐标题与一句说明、机器人视频封面、实时分析／操作提示两项用途、播放按钮与次级43秒时长。灰绿容器、克制的薄边框及14px按钮圆角与首页协调，替代旧网格曲线、居中黄白标题、重复说明及强胶囊按钮；上一段保留D110历史候选，不再作为当前1.3视觉。

中文说明候选“了解 AI 分析与提示，进站后轻松上手。”，葡语“Veja como usar as análises e dicas da IA no site.”；用途不承诺效果，视频资源及分析仅供参考提示保留。320／360或短屏缩小封面与间距，390／430保留较充分留白。新增prototype/v1.3/assets/tutorial-intro.css只作用于1.3引导，shared脚本按版本选择新旧引导；播放器和1.2既有呈现分支保持。

打开焦点落在弹窗本身以读出标题，Tab／Shift+Tab进入并循环播放入口，按钮保留焦点轮廓；其他媒体状态沿5.2。最终视觉、母语与真实手机辅助技术仍待评审，QA及限制见prototype/qa/v13-tutorial-polish-20261011/README.md。

5.2 引导与播放器状态

“看过”按提问“开始播放并关闭后”的上下文在本轮原型解释为实际开始播放，已向用户说明。当前浏览器本地记录不等于账户跨端记录或完整观看；正式保存维度、进度恢复与异常细节仍待确认。首次点击但播放失败不记为看过，播放失败不触发注册。

5.3 播完后的注册引导

当前候选文案：“开始使用 VIB AI”“创建账号，选择网站，查看 AI 分析与提示”；按钮“注册，开始使用”。自然结束后才出现，不承诺赠点、返佣或收益。

点击后先关闭媒体层、停止并卸载视频，再弹出统一注册表单，避免音视频与注册层叠加。注册关闭回首页，不以弹出表单当作注册成功；真实认证与注册后的所选网站续接仍待接入和确认。

5.4 PWA与WebView兼容性

当前以PWA为本轮范围。PWA仍受浏览器媒体策略影响，尤其应验证带声音播放、初次打开和从后台恢复。Chrome的策略包含用户交互以及移动端添加主屏幕等放行条件，但不能推广为所有PWA浏览器均保证播放。Chrome自动播放策略

Android WebView默认要求用户手势播放媒体，壳可通过setMediaPlaybackRequiresUserGesture调整；当前项目未检查壳的设置，也未提供真机结果，因此不能判定现有APK必定出现或解决该问题。本条为技术衔接说明，不把APK原生改造加入本轮交付。Android WebView媒体设置

建议优先在用户点击教程入口的操作中启动播放，检查play()失败结果及视频实际开始事件；自动播放被拒绝时不循环强行重试，也不静默冒充播放完成。D110已明确播放前引导及其播放按钮，因此本轮由该点击直接启动媒体；目标PWA与WebView壳仍需真机验证。MDN自动播放指南

“播放中仅关闭”还需用真实视频、字幕、设备和辅助技术验证可读性与用户控制，不把隐藏原生控件等同于完成无障碍适配。本轮不擅自改变用户指定的播放器操作范围。

6. 共用交互与视觉原则建议

• 每个弹层只解决一个当前问题：先注册或先第三方提示；不在同一屏堆叠两个门槛。
• 核心触控目标先以44px为设计检查基准，支持键盘、焦点可见、关闭后恢复合理位置；窄屏与长文不裁掉主按钮。
• 产品画面采用正常用户文案，所有成功提示必须对应实际完成的动作；说明样例数据、未接入能力和评审切换的内容放在画面外。
• 机器人共用形象与配色，静态识别为基础、动效有目的地短暂出现；不同时让每张卡片、悬浮球和气泡都反复闪动。
• 全部状态使用真实身份、加载与媒体结果驱动，不能为使流程看起来完整而伪造注册、网站打开或信号获取成功。

7. 建议验收清单

以下为后续正式验收草案；本轮桌面原型核对记录在prototype/qa/v13-refinement-20261010/，不代替正式验收；涉及待确认方案的预期应在确认后再冻结。需求确认、原型可交互、生产接入与验收通过应分别记录。

8. 待评审决定与下一步

建议先评审卡片布局、第三方提示和教程播放状态，再制作悬浮球出现／气泡打字机动效小样，最后把低端真机结果用于收敛参数。此顺序可并行讨论，但不代表已分派负责人或承诺交付日期。Q26—Q28继续追踪待定事项；本方案仅为建议的内容，不回写成已确认机制。