登录入口
主按钮居中偏上，右下角标出当前版本号。
进入登录按主题跳转，也可以从第一条顺着往下读。
01
桌面端一屏能看到什么
窗口宽度到 1280px，登录入口、站点状态和问题反馈就并排出现在同一屏里。点进登录之前，顺手扫一眼状态灯，省掉一次进不去再退出来的来回。
宽屏排布 · 桌面浏览器
站点状态
状态灯常亮，本月更新已上线。
问题反馈
五类问题可选，提交后拿到可引用的工单编号。
窄屏排布 · 手机浏览器
登录入口
进页面第一眼就能点。
站点状态
一行状态读数，不占高度。
问题反馈
仍在第一屏，划一下就到。
把窗口拉到 1920px，三块面板之间的留白变宽，入口面板仍是视觉中心；换回 1280px 的笔记本屏幕，留白被压紧，三块的相对位置不动。窗口收窄到 900px 以下，页面自动切到窄屏排布，入口先出现，反馈紧随其后。
1920px 与 1280px 两种常见办公屏都在季度跨端回归测试的覆盖宽度里，切来切去不用重新适应位置。
02
三块核心面板各管什么
认准编号，找东西不用猜。三块面板各管一件事，谁先谁后看一眼就知道。
入口面板
尺寸最大的一块，主入口和当前版本号都放在这里。回访用户直接按主按钮进去，第一次来的访客先看一眼版本号，确认是本月更新过的版本再点。
- 主按钮固定左上，鼠标不用移动太远
- 版本号用等宽字体标出，方便和服务人员报号
- 手机端这块排在第一，进页面第一眼就能点
状态面板
窄高一条，占地方小但信息密度不低。灯亮着说明站点可以正常访问，灯有异常就先别急着反复刷新，直接去反馈面板说清现象更省时间。
- 状态灯每 3.2 秒做一次透明度呼吸，挂机也能看出它在跑
- 写清本月更新是否已经上线，不用去别处打听
- 列出当前支持的六类访问环境，对号入座
反馈面板
横向铺开的一块，是遇到问题时最短的出口。问题分入口类、适配类、账号类、内容类和其他五类，选好分类，写清现象和发生时间，附上截图，提交后会拿到一个工单编号。
- 工单编号用等宽字体显示，复制粘贴不会串行
- 工作日 9:00–18:00 提交的工单，平均首次响应时间约 25 分钟
- 受理、定位、修复、记录上线四步推进，进度可追问
03
小屏上的折叠规则
屏幕宽度落在 320px 到 767px 之间时，三块内容按入口、站点状态、问题反馈的顺序纵向排列，每块之间用一条极细的分隔线断开。
卡片顶部保留编号条，滚到哪一块都能立刻知道自己在第几段。反馈入口始终留在第一屏，320px 的老机型划一屏就能看到提交位置，不用翻到页面底部找入口。
手机端从首页到登录面板平均两步完成，中间不插额外的确认页。
04
苹果端怎么进
用 iOS Safari 直接打开页面，和电脑上看到的一样：入口面板在显眼位置，状态读数、反馈提交都在手边，适合偶尔进来一次的使用方式。
把页面添加到主屏之后，点图标打开的是全屏形态，地址栏收起，登录面板整体往上提，适合每天都要进来一趟的回访用户。两条路径背后的入口组件是同一套，状态读数和工单编号走同一条记录。
iOS Safari 与 iOS PWA 都在季度跨端回归测试范围内，测试覆盖 320px、375px、768px、1280px、1920px 五档宽度。
05
常见使用场景
同一个站点，不同人走的路不一样。下面四类场景各自给一条最短路径，照着走就行。
每天进来一次的回访用户
桌面端打开后直接点左上入口面板的主按钮，一步进入；手机上把页面添加到主屏，从图标点开省掉输网址这一步。
最短路径：首页 → 入口面板 → 进入登录帮客户看问题的客服协同
把工单编号发给对方，双方对着同一个反馈面板看进度。编号用等宽字体显示，念出来、贴到群里都不容易出错。
最短路径：反馈面板 → 复制工单编号 → 共享进度渠道与内容合作方的核验
先看状态面板确认服务正常，再走商务合作页取联系方式。合作提交之后，通常两个工作日内会收到回复。
最短路径：状态面板 → 商务合作关心版本变化的常客
状态面板写着本月更新的上线情况，想细看就从顶部命令栏进更新记录页，按季度归档翻到对应那一条。
最短路径：状态面板 → 更新记录
06
四步上手
从打开页面到把问题记录跟踪到底，一共四步。点开每一步可以看到具体该做什么。
01打开页面
输网址或在主屏点图标进来。先看状态面板的灯是否正常亮着，灯亮说明站点可用，再往下走。国内网络环境下默认走境内边缘节点，静态页面首字节平均约 180ms。
02进入登录
桌面端点入口面板的主按钮，小屏点第一屏的入口卡片。两块位置固定，不会因为某次更新换地方。
03提交反馈
在反馈面板选好分类，写清现象、发生时间和你用的设备，能附截图就附上。提交后把工单编号记下来，后续追问直接报号。
04回看记录
从顶部命令栏进更新记录页，核对本月条目有没有修到你这台设备。没找到对应条目，就在原工单上追问，比重新开一条更快。
07
体验自检清单
进不去或者页面打不开时，先按下面六条走一遍，多数情况能当场解决。勾选过的条目会记在下面的进度里。
已完成 · 共 6 条
08
还想再确认
按你手头的问题类型挑一条继续往下看，每条都能直达对应页面。