数据模块 · 功能说明
冷青是主队，暖橙是客队，换位只需要按一下
海德体育官网的数据模块把一轮里的攻守关系摊平在同一块界面上：左右两条色条标出主客两端，按一下切换就能换位重排；平板横过来并排铺三场，竖着看一张完整卡片加半张预览；补时数字挂在卡片边缘，不用点开就能读；比赛结束后可以把整轮导出成表格或卡片快照带走。
视角换位，主客两端同时看
海德体育主客场表现是这套模块里最先要读的一列：左侧冷青条对应主队，右侧暖橙条对应客队，条长反映该轮该端的表现量级。按下视角开关，两条颜色整体互换，整屏的排布跟着重来一遍，你要判断的只是这一轮该站在哪一边看。
试着切一次
冷青条随主队视角展开，暖橙条随客队视角展开，两端的长度关系在切换后正好相反。
同一轮里横向摆开
一个轮次内三到四场并排铺开，颜色分布一眼就能看出这一轮是主队吃住了场面，还是客队连续反扑。连看多场的人，第一遍扫色块就够了，不需要逐场点进去。
沿轮次往下追走势
顺着左侧轮次索引往下走，同一支队伍在相邻几轮里的两端位置会连成一条走势。谁的主场越打越稳、谁的客场开始掉分，用滚动就能看明白。
一张卡片，九个字段各就各位
卡片是模块的最小单位。九个字段的位置固定下来之后，你不需要每次重新找信息：轮次在左上角，补时在右边缘，来源与版本号在底部。把鼠标停在任意一行上，对应说明会浮出来。
-
01
轮次左上角
标明这场比赛属于哪一轮，等宽数字排布，和左侧索引轨道一一对应，滚动时始终能对得上位置。
-
02
对阵标题行
卡片的主标题行，左右分别是主客两方，和下面的色条方向保持一致，扫一眼就知道谁在左谁在右。
-
03
主客场左侧色标
左侧的色标决定这一场用冷青还是暖橙起头。切换视角时这一栏跟着翻转，不需要回到上一页重新找。
-
04
补时时长右边缘窄带
统一写成 +N 分钟，用等宽字体挂在卡片右边缘的窄带上，脉冲黄绿只在数字上出现，连看多场也不会看错行。
-
05
场地下半区
坐落在卡片下半区，和主客场标记分开摆放，方便你在对比主客差异时把场地因素一起放进来判断。
-
06
状态右上角
右上角的小标签，用颜色区分进行中与已结束。周末连看时，颜色一跳就知道哪一场刚出结果。
-
07
数据来源底部信息行
底部信息行第一项，指向提供这场数据的服务商，方便你对照不同来源之间是否存在细微差别。
-
08
更新时间底部信息行
标明这张卡片最近一次刷新的批次，常规轮次在比赛日结束后两小时内完成刷新。
-
09
版本号底部信息行
版本号跟着卡片走，下一次结构有调整时，你还能回到同一轮次对照改动前后的排布。
平板横过来，一屏正好三场
平板看海德体育板块时，横屏与竖屏给的是两套排布。横屏一屏并排三张卡片，适合把一个轮次里最想看的三场放在同一视野里比对；竖屏则显示一张完整卡片加半张预览，半张留白提示你往右还有内容，手指一划就接上。
- 横屏三张并排，主客色条在同一个高度上直接对照，不用来回翻页。
- 竖屏一张完整卡片加半张预览，滑到哪一张，索引轨道的刻度跟着跳到哪一格。
- 板块支持横向滑动并自然吸附，手指松开后停在卡片边缘，不会停在半张中间。
- 横竖屏切换时排布自动重算，转屏之后不会丢掉你正在看的那一场。
补时数字挂在卡片边缘
补时时长写成 +N 分钟，用等宽字体贴在卡片右边缘的窄带上，和下面的字段区隔开。整屏扫过去，一串数字列得整整齐齐，哪一场补得久一目了然，不必逐场点开再退出来。
为什么放在边缘
补时是连看两场时最想先知道的一项。它在卡片上的位置固定成一条竖窄带，眼睛顺着右侧往下扫，数字自然连成一列，和正文内容互不挤占。
颜色只给一种数字
脉冲黄绿只出现在补时数字上，别的字段一律用冷青、暖橙与冷白。看久了你会形成条件反射：屏上闪一下黄绿，那就是补时长度的位置。
赛前有人喊你，赛后让你带走
订阅一个赛季之后，赛前 60 分钟你会收到这一轮的首发与轮次提醒，不用自己盯着时间。比赛看完，把整轮的卡片导成 CSV 表格或 PNG 快照，写记录、做复盘、发群里都省事。
订阅赛季
选定你想跟的赛季，提醒内容与推送范围跟着赛季走。
赛前 60 分钟
手机与平板同时收到首发与轮次提醒，湖北地区用户还可获得本地化赛程提醒。
边看边对
按轮次打开卡片，主客色条、补时数字与九个字段都在原位。
导出带走
整轮导成表格或卡片快照，留着下一轮复盘时对照。
CSV 表格
把一轮里的比赛按字段摊成表，九个字段一列不少，丢进表格软件就能排序、筛选、做汇总。
PNG 卡片快照
把卡片原样存成图片，配色、字段位置、补时数字都不走样，发给朋友或贴在笔记里，对方看到的和你屏幕上一样。
连着看两场，眼睛也不累
深夜看球的人对屏幕亮度和字号最敏感。这套配色把文字与底色的对比度做到 WCAG 2.1 AA 的标准之上，冷青与暖橙只在状态位置出现，大面积的深海蓝让屏幕不刺眼，等宽数字则让一列补时读起来不跳行。
冷青 · 主队
主队色条、轮次索引左标与关键数字
暖橙 · 客队
客队色条、对阵第二侧与提示标记
脉冲黄绿 · 补时
只用于 +N 分钟这一种数字
冷白 · 正文
标题与正文，深海蓝底上保持清晰
- 键盘按 Tab 键的顺序先走左侧轮次索引，再依次进入卡片与展开按钮，不看鼠标也能把一轮翻完。
- 开启减少动效模式后，补时数字由脉冲改为静态描边，页面不再有往复变化，内容一字不少。
- 卡片展开只走高度与边框变化，不做位移和弹跳，视线焦点始终停在原处。
- 深色底配冷白正文与雾灰蓝辅助文字，长时间连续阅读时字口不糊、分隔线不抢戏。