Blink 内核
Chrome、Edge 以及多数国产手机浏览器走这一支，竖屏下比分板保持整行不换行。
01 · 面板能力
一块屏看完比分、阵容、赛程与数据轨迹
数据面板把一场比赛最常被翻看的四组信息放在同一页里。电脑上打开就是横向铺开的仪表盘， 手机浏览器输入同一个地址，四组信息会按屏幕宽度重新排列，不用装应用，也不用登录。
-
比分板
实时比分、节次与剩余时间，终场后保留结果。
-
阵容
首发、替补与临场调整，随官方信息同步。
-
赛程
当日与当轮的对阵顺序、开赛时间。
-
数据轨迹
关键指标随时间变化的曲线，支持横向滑动。
02 · 适配清单
9 类桌面分辨率与 4 类手机浏览器内核
下面这份桌面端01体育数据面板适配清单按季度复核，每一条都经过实机打开确认。 点上面的分辨率标签可以直接跳到对应那一行，看清它在本机上的显示表现再决定要不要调缩放。
| 分辨率 | 长宽比 | 显示完整度 | 使用说明 |
|---|---|---|---|
| 1920×1080 | 16:9 | 比分板、阵容、赛程与数据轨迹四组同时铺开，办公室显示器最常用的一档。 | |
| 2560×1440 | 16:9 | 数据轨迹可以再展开一层，曲线节点之间的时间刻度更清楚。 | |
| 3840×2160 | 16:9 | 字号自动放大，适合接投屏或会议室的电视墙做多人同看。 | |
| 1366×768 | 16:9 | 面板自动收紧纵向留白，比分板与赛程仍能同时看到一整轮。 | |
| 1600×900 | 16:9 | 建议把浏览器缩放保持在 100%，放大后会挤掉数据轨迹的下半段。 | |
| 1440×900 | 16:10 | 屏幕下方多出来的高度会自动分给赛程，适合边看边排下一场。 | |
| 2880×1800 | 16:10 | 高分屏按两倍像素渲染，曲线和文字边缘不会发虚。 | |
| 3440×1440 | 21:9 | 超宽屏两侧的留白会收进模块内部，视窗开得过宽时右侧赛程需轻微收窄。 | |
| 1280×1024 | 5:4 | 老式方形屏，数据轨迹需要横向滚动才能看完整条曲线。 |
手机浏览器内核覆盖
手机端不区分分辨率，按浏览器内核归类。四类内核下的折叠规则完全一致，横竖屏切换会自动重排。
WebKit 内核
iOS 上的 Safari 属于这一类，系统字体放大超过两档时数据轨迹会改为横向滑动。
Gecko 内核
Firefox 系浏览器，阵容与赛程两块默认折叠，点开后以半屏浮层呈现。
兼容模式内核
部分双核浏览器切到兼容模式时，建议切回高速模式再打开，动画与曲线渲染更顺。
03 · 三步自检
一分钟确认你的设备能打开面板
按顺序走完三步就能确定面板在你手上这台机器里跑得怎么样。每一步下面都留了常见的异常提示，点开就能看怎么处理。
-
1
用浏览器直接打开
电脑上把面板地址粘进浏览器地址栏，手机上用系统自带浏览器打开，不需要装任何客户端。
页面一直转圈怎么办
先确认网络可用，再把地址复制到另一个浏览器里打开一次。仍然打不开时，记下浏览器名称和系统版本。
-
2
把缩放调回 100%
浏览器缩放保持默认，系统字体不要调得过大。宽屏留白和字号都是按 100% 缩放排的。
出现横向滚动条怎么办
Windows 按 Ctrl 加 0，Mac 按 Command 加 0，恢复默认缩放后重新刷新页面。仍有多余滚动条时，把窗口拉到最大化再试。
-
3
确认四组模块都在
依次看到比分板、阵容、赛程和数据轨迹，就说明这台设备已经准备好，可以正常跟比赛了。
某一块一直是空的怎么办
先回上一级重新进入一次面板，再刷新页面。若是同一块反复空白，把设备型号和截图描述发到咨询通道。
04 · 模块详解
四组模块各自看什么，窄屏怎么收
四组模块在宽屏下横向并列，到了窄屏会按重要程度重新排。展开任意一张卡片，可以看到它在手机上的折叠规则。
比分板
实时比分、节次或局数、剩余时间，终场后结果保留在同一位置。
窄屏折叠规则
竖屏下收成一行可横向滑动的比分行，同轮其他场次左右滑动即可翻到。
阵容
首发、替补与临场调整，官方信息更新后这块会跟着变。
窄屏折叠规则
默认折叠成一个“阵容”按钮，点开后以半屏浮层列出双方名单，不遮挡比分。
赛程
当日与当轮的对阵顺序和开赛时间，方便安排看球的时间。
窄屏折叠规则
窄屏改成竖向时间列表，只保留当天场次，向左右滑动可以切换到前后一天。
数据轨迹
关键指标随时间变化的曲线，节点上标着对应的时刻。
窄屏折叠规则
竖屏收成一条可横向滑动的曲线，手指按住曲线能看到该时刻的具体数值。
05 · 使用场景
通勤、办公桌、沙发，三种打开方式
同一份面板，在不同场合关注的东西不一样。下面三种场景覆盖了大部分人的实际用法。
-
通勤路上
手机竖屏，十秒扫完当轮结果
只看比分板和赛程两块，比分行横向滑动，同轮几场的结果一眼扫过去，到站前刚好看完。
-
办公桌
横屏对照，曲线和名单同屏
开一个窗口留在面板上，数据轨迹与阵容并排铺开，写材料或者开会间隙抬头看一眼走势。
-
沙发上
平板只留阵容与赛程
把比分板压在顶部，下面展开阵容和赛程两块，看球时随手对照首发和下一场的对阵。
06 · 版本迭代
每季度复核一次，版本号按年份加序号排
适配清单和面板一起走版本，编号写成年份加两位序号，例如 V25-03。点开任意一版，可以看到它当时解决的问题。
-
V25-03 窄屏阵容改为半屏覆盖
收窄了 16:10 屏幕上下两端的留白，阵容模块在手机竖屏下从整屏改为半屏浮层，比分不再被顶出视口。
-
V25-02 数据轨迹支持横向滑动
解决了 5:4 方形屏上曲线被压扁的问题，曲线改为可横向滑动，节点数值长按可见。
-
V25-01 比分板补上节次与剩余时间
比分板增加节次和剩余时间的显示位，并修正了刷新后缩放比例被重置的问题。
-
V24-04 赛程按时间重新排序
赛程模块改为按开赛时间排列，跨天的场次单独分组，深夜场次不再混在第二天里。
-
V24-03 首次覆盖超宽屏
适配清单加入 3440×1440 一档，超宽屏两侧的留白自动收进模块内部，不再留出空白带。
