切完最先变的三块
- 赛程卡换成本联赛的下一轮场次
- 排名卡换成本联赛的最新名次表
- 置顶卡显示常看球队在新联赛里的位置
- 首页
- 赛事中枢
01 新版首页总览
打开页面，三个区域各管一件事
新版首页只分三块，互相不抢位置。第一次用也不用找按钮，视线往哪个方向走，对应的功能就在那个方向。
-
01
顶部：检票口式订阅入口
按钮上直接写着常看球队数量，展开是一份联赛快捷列表。页面向下滚动时它收窄成一条细栏，位置不动，随时能点。
-
02
左侧：看台栏杆信息条
显示当前联赛、所在章节与同步状态。它不占正文宽度，却让你停在哪一段都清楚自己正在看哪一场。
-
03
右侧：大画幅赛程与排名卡
面积最大的一块。赛程、排名、球队档案与对照视图四类数据模块都在这里切换，比分与名次用等宽数字对齐。
02 排名查询
桌面端查联赛排名，只需要两步
桌面端查联赛排名KAIYUN 只保留两步：打开首页，再点一次联赛切换带。中间不经过列表页，也不需要在输入框里敲字。
01 打开首页
首页默认停在你上一次访问的联赛，右侧大画幅卡片已经排好该联赛的积分名次。不用先点进赛事列表，也不用先选日期。常看球队会被提到表格最上方，名字前面带一条灯橙色标记。
02 点选联赛
在顶部订阅入口展开快捷列表，或在左侧信息条点选目标联赛，排名卡与赛程卡就地切换，页面不重载、滚动位置也不丢。整个过程用键盘同样能走完。
两步之间没有中间的确认页。从打开页面到看清名次，操作次数就是两次点击。
03 多联赛切换
14 个联赛与杯赛体系，切换留在同一页
足球、篮球与杯赛三大类合计 14 个联赛与杯赛体系，都挂在那条切换带上。切换时页面不跳转，滚动位置也不丢。
切换带记住什么
最近访问过的三个联赛会固定排在切换带前三位，下次打开还在原处，不用重新往下翻。
04 常看球队置顶
常看的球队，每次打开都在最上面
置顶不用手动拖拽，而是读你账号里的订阅偏好。你在哪儿订阅过这支球队，它就在哪儿被顶上来。
- 6 支球队的置顶上限，可以少于这个数
- 2 项信息写在每张置顶卡上
- 0 次手动拖拽，顺序跟着订阅走
每张置顶卡上写两件事：这支球队最近一场什么时候打，以及它现在排在联赛第几名。名次数字用等宽字体纵向排成一列时，列与列之间不会错开。
最多可以置顶 6 支球队，超出时会提示你先收起一支，而不是直接丢掉你的订阅。多人共用一台电脑也没问题：退出账号后置顶卡回到默认顺序，重新登录你自己的账号，偏好立刻回到原位。
05 家庭对照视图
客厅大屏上，两场比赛并排放着看
本地家庭体育赛事桌面端对照是给客厅场景准备的：一台电脑接一块大屏，左边一场、右边一场，谁领先、还剩几轮一眼看清。
可以对照什么
- 两支球队：最近场次、名次与胜负走势
- 两个联赛：同一轮的赛程排布与积分差距
- 对照字段自己勾选，暂时不看的先收起来
屏幕宽度不同怎么排
1280px 及以上默认双栏或三栏，两块内容并排铺开；1024px 宽度降为单栏，顶部保留一条可横向滑动的刻度带，换联赛不用回到页顶。
06 跨设备找回
换一台电脑，订阅和置顶还在
办公室一台、家里一台，两台机器上的首页可以长得一模一样。你不需要在新设备上重新订阅一遍。
在新设备上用同一个账号登录，首页首次加载时就会把订阅与常看球队恢复出来，不用额外做一次同步，也不用等同步完成才看得到内容。
恢复的包括：订阅过的球队、最多 6 支的置顶顺序、最近访问的三个联赛，以及站内提醒与邮件提醒的开关状态。
如果登录后没看到原来的置顶，先确认账号是否与原来一致。更多操作细节可以翻帮助中心，或直接写信问我们。
07 版本演进对照
三个阶段，入口、联赛和置顶一路扩开
从最早的表格版走到本赛季上线的多联赛新版首页，变化集中在四件事上：入口在哪、能看几个联赛、球队能不能置顶、多久刷新一次。每一次调整的理由，在品牌坐标里写得更完整。
| 阶段 | 订阅入口位置 | 联赛覆盖 | 常看球队排序 | 刷新节奏 |
|---|---|---|---|---|
| 早期的表格版 | 跟随内容一起滚动 | 多联赛罗列在同一张长表里 | 按访问先后排列 | 整理完成后发布 |
| 单联赛版 | 移到页面顶部固定 | 一个联赛单独成页 | 按访问先后排列 | 每日更新一次 |
| 本赛季新版首页 | 固定在顶部，滚动后收窄为细栏 | 14 个联赛与杯赛体系，同页切换 | 按订阅偏好置顶，最多 6 支 | 每日 6:00 同步 |
08 桌面端的取舍
流畅与易用，从首屏第一秒开始
新版首页把桌面端放在第一位：首屏先出可点的东西，数据一进页面就是排好对齐的，键盘和鼠标走同一条路。
-
01
首屏先出能点的
订阅入口、置顶卡与排名框架先于大图渲染完成，网络一般的时候也不耽误你先点进去。
-
02
数字纵向对齐
比分、名次与场次统一使用等宽字体，逐列对齐，从上往下扫不会串行。
-
03
键盘走完两步
从顶部订阅入口到排名卡，全程可以用 Tab 键推进，焦点位置有独立的双色描边，不会跟丢。
-
04
夜场也看得清
整页配色对比度达到 WCAG 2.1 AA 要求，深色底上的小字与状态标记都能分清。