手机端首页布局
首屏先给入口，再给内容。栏目卡片纵向排列，图片按容器比例裁切，标题最多两行，摘要控制在三行以内，滑动时不需要横向拖拽。
页面结构
手机屏幕上，四个位置最常用
打开页面后不必到处找按钮。首页入口、赛事资讯、服务支持与常见问题自查分布在固定的四个位置，滑动到任何一屏都能回到这些入口。
赛事资讯浏览
列表按发布时间排序，进入文章页可看到所属栏目与阅读时长。
服务支持表单
称呼、联系方式、问题描述与隐私确认四项，手机上可直接填写提交。
常见问题自查
按主题分组展开，先看答案再决定是否提交表单，减少来回沟通。
打开路径
从打开浏览器到找到需要的内容
三步走完，不需要安装额外组件，也不需要在页面之间来回跳转。
01
在手机浏览器输入站点地址
系统自带浏览器、Chrome、Edge、Safari 均可打开；建议保持浏览器为最新版本并开启图片加载。
02
从底部导航进入移动产品
底部固定五个入口，当前所在栏目会显示青绿指示线，点一下即可切换到对应页面。
03
需要协助时走服务支持
表单里写明页面名称、手机型号与遇到的问题，提交后页面会给出成功提示。
适配清单
小屏阅读时被照顾到的细节
下面这些处理方式决定了页面在手里的样子，也是遇到显示异常时可以先自查的方向。
- 字号与行距 正文十六像素起排，段落之间留白，长标题自动换行不断字。
- 触控目标 按钮与输入框高度不低于四十八像素，手指点按不易误触。
- 图片裁切 横图按容器比例裁切，容器固定宽高，加载过程中不跳动。
- 弱网优先文字 图片延迟加载，先出文字与标题，加载失败时显示暖灰底而不是破图。
- 导航不遮挡正文 顶部导航固定，底部导航预留安全区，页面底部不会被挡住。
- 返回路径清晰 内页保留面包屑，任何时候都能回到上一级栏目。
内容更新
手机上看到的内容从哪里来
栏目内容按发布顺序整理，时间显示在列表与文章页。看到不符合预期的地方，可以直接把页面名称写进服务支持表单。
- 资讯更新 按栏目归位后发布 每条内容归属一个栏目，列表顶部为最近发布，进入正文可看到发布时间。
- 服务回复 按提交顺序核查 表单提交后统一排队处理，写清机型与页面名称能缩短确认时间。
- 问题补充 常见问题持续补充 同一类问题被反复提到时，会整理成条目放进常见问题页，方便自查。
常见问题
移动端浏览时问得最多的几件事
先看这里能不能解决；如果仍需要人工确认，从服务支持页提交说明。
手机上打开页面出现横向滚动条怎么办？
先确认浏览器是否为最新版本，再把页面缩放比例调回默认值。若仍有滚动条，可在浏览器菜单中选择请求桌面版网站，再切回手机版刷新一次。问题持续时，请到服务支持页提交页面名称与手机型号，我们按提交顺序核查。
手机端支持哪些浏览器？
系统自带浏览器、Chrome、Edge、Safari 以及主流国产内核浏览器都可以打开页面。建议保持浏览器为最新版本，并开启图片加载，以获得完整的图文排版效果。
赛事资讯在手机上多久更新一次？
赛事资讯按栏目整理，更新节奏以列表和文章页显示的时间为准。列表最上方为最近发布的内容，进入文章页可以看到发布时间、所属栏目与阅读时长。
手机上可以直接提交服务支持表单吗？
可以。表单包含称呼、联系方式、问题描述与隐私确认四项。提交后页面会给出成功提示，若信息填写不完整会显示对应的错误提示，方便逐项补全。
底部导航和顶部导航的入口一样吗？
一致。手机底部固定五个入口：首页、品牌故事、移动产品、赛事资讯、服务支持；桌面端顶部导航为同一组入口，服务支持下另有常见问题入口，方便自查。