多端登录适配
手机浏览器、平板与桌面浏览器共用同一入口地址，页面随屏幕宽度调整排版，按钮与输入框在小屏上依旧保持可点按。
- 横屏与竖屏自动切换排版，无需手动缩放
- 表单控件高度不低于 48px，手指点按不易误触
- 网络较慢时页面会重新加载，不必反复刷新
登录相关能力
从打开入口到退出登录，页面上会用到的五项常见能力，按使用频率由高到低排列。
设备识别
首次登录会记录设备类型与浏览器信息，再次进入时便于判断是否为本人常用设备。
会话保护
长时间没有操作会自动退出登录，在公共电脑或借用的手机上使用完，建议手动点一次退出。
入口核对
输入账号之前，先确认地址栏与页面标题一致，避免进入外观相似的仿冒页面。
核对地址
地址栏显示的是固定入口地址，而不是陌生短链接。
核对页面
登录页只要求账号、密码与验证提示，不索要多余信息。
网络切换
在移动网络与 Wi-Fi 之间切换时，登录状态会重新校验一次，网络恢复后可继续使用。
终端适配对照
四种常见打开方式在页面排版与登录要素上的差别，可横向滑动查看完整内容。
| 终端 | 打开方式 | 登录要素 | 适配说明 |
|---|---|---|---|
| 手机浏览器 | 打开系统自带浏览器或常用浏览器，输入入口地址 | 账号、密码、验证提示 | 竖屏单列排版，点击输入框时键盘弹出，页面自动上移避免遮挡 |
| 平板浏览器 | 浏览器直接访问，或请求桌面版页面 | 账号、密码、验证提示 | 横屏时内容分栏展示，对照表可左右滑动，按钮间距随之加宽 |
| 电脑浏览器 | 桌面浏览器直接访问，支持多标签打开 | 账号、密码、验证提示 | 支持多标签浏览，关闭标签前建议先点击退出，避免下次自动登入 |
| 应用内嵌浏览器 | 从消息或聊天窗口中的链接打开 | 账号、密码 | 部分校验提示显示不完整，建议复制地址后改用系统浏览器访问 |
表中列出的登录要素为常规情形，若页面出现额外提示，以页面实际显示为准。
登录流程
从打开页面到进入个人页面，整个过程分为三步，每一步都有可核对的细节。
01
核对入口地址
确认地址栏与页面标题一致，页面未索要与登录无关的信息，再往下填写。
02
输入账号与密码
按提示填写账号与密码，密码框默认不显示明文，可临时切换查看后再次隐藏。
03
完成安全校验
按页面提示完成验证，校验通过后进入个人页面，离开前记得退出登录。
登录前的三项检查
登录环节的大多数问题，都能在输入账号之前通过简单核对提前排除。以下三项检查不需要额外工具，几十秒即可完成。
- 地址是否一致：地址栏显示的是固定入口地址，页面标题与预期相符，不通过陌生链接进入。
- 网络是否稳定：信号较弱时验证提示会出现延迟，先切换到稳定的网络再填写账号。
- 设备是否本人：在公共电脑或借用设备上登录，结束使用前点击退出，浏览器不保存密码。
常见问题
登录过程中遇到频率较高的五个问题，点开标题查看对应处理办法。
先确认网络是否可用，再尝试复制入口地址粘贴到浏览器地址栏直接访问。若页面一直停在加载状态，可换用系统自带浏览器重试；仍然无法打开时，检查是否开启了限制脚本执行的浏览模式。
在移动网络与 Wi-Fi 之间切换时，页面会对当前登录状态重新校验一次。多数情况下校验通过即可继续使用；如果页面回到登录界面，按提示重新填写账号与密码即可。
在陌生设备、异地网络或短时间内多次尝试登录时，页面会要求补做一次安全校验，用于确认操作由本人发起。按页面提示完成验证即可继续，不要将验证码转发给任何人。
是同一个账号。不同终端共用同一套账号信息，页面只根据屏幕宽度调整排版与操作位置。在多台设备上登录时，注意每台设备使用完毕后单独退出。
先查看手机短信或消息通知是否被拦截，等待提示中标注的间隔时间后再重新获取。连续多次获取仍未收到时，先确认填写的信息与账号登记的一致，再通过页面提供的联系方式反馈。