'01', 'title' => '先看启动页', 'desc' => '了解首页、任务、VIP、钱包、我的 5 个主入口怎么运作。'], ['step' => '02', 'title' => '邮箱注册', 'desc' => '填写邮箱和密码，系统准备发送 6 位数字验证码。'], ['step' => '03', 'title' => '输入验证码', 'desc' => '邮件验证通过后，系统才会正式创建账户、钱包和 VIP0。'], ['step' => '04', 'title' => '登录系统', 'desc' => '使用已验证邮箱登录，再进入任务、VIP、钱包和我的。'], ]; $highlights = [ ['label' => '账户创建', 'value' => '真实数据库写入'], ['label' => '验证方式', 'value' => '邮箱 6 位验证码'], ['label' => '开户结果', 'value' => '6 位 ID + 钱包 + VIP0'], ]; render_layout_start('启动页', '启动页，展示真实邮箱开户注册流程入口与 4 步说明。', 'auth'); ?>
Step 1 / 4

邮箱开户从这里开始

这一步相当于“欢迎页”。你先看清流程，再进入注册、验证码和登录页面，整个入口会比直接把表单塞进首页更清楚。

继续进入系统 回到首页 开始注册 已有账号登录
开户流程

4 个页面都是真实页面

STEP
说明

对你来说，这一步做了什么

不再从首页直接建号 避免用户跳过验证码，减少“看起来是真的，但其实没验证邮箱”的问题。
注册和登录拆成独立页面 这样更接近你给的参考图结构，也更像真实 App 的开户流程。
验证码真的会发邮件 如果当前 SMTP 未配置，页面会真实提示失败，你就知道不是 UI 假动作。