MERXI / 2.3 / Mobile first
三个手机端范例：从生成参考图，到可操作界面，再到可复用标准。主色与原始 Wave-M 不变。
01 / Mobile pattern
先理解概率，再读取报价。曲线说明变化，K 线说明一个区间内的开高低收；两者不能混用。
02 · 真实字体与可操作范例
交互示例主队会赢得比赛吗？
市场隐含概率 · 非获胜保证固定 0–100% 概率轴
08:00 UTC · 60.8%
08:30 UTC · 61.2%
09:00 UTC · 60.4%
09:30 UTC · 62.1%
10:00 UTC · 61.6%
10:30 UTC · 63.0%
11:00 UTC · 62.4%
11:30 UTC · 63.5%
12:00 UTC · 62.9%
12:30 UTC · 64.0%
演示数据 · 2026-09-06 · 12:30 UTC
由 TradingView Lightweight Charts 渲染。不是实时行情。
02 / Mobile pattern
同一份数据模型，手机使用纵向记录卡。搜索、排序和状态保留，不把桌面多列表格塞进窄屏。
02 · 真实字体与可操作范例
交互示例TanStack Table 驱动筛选与排序；手机使用同一行模型呈现卡片，不压缩桌面表格。演示数据，不连接交易账户。
03 / Mobile pattern
IBM Plex Sans Condensed 专用于数据。用精度、单位和对齐表达可信度，不用金色或动效放大收益。
02 · 真实字体与可操作范例
交互示例全场胜平负
大于 0，最多两位小数；仅计算演示。未计费用。示例采用向下取整至分；正式结算以业务规则为准。
本页不发送订单，也不扣款。
赔率 1.86 · 概率 64.0% · 变化 +3.2 pp · 比分 2–1 · 金额 100.00 USDT。数字启用 tabular-nums 与 lining-nums；资产代码不得截断。
04 / Build contract
用户曲线沿用现有 5.2.1。概率轴固定 0–100%，变化标为 pp；K 线标注资产和时间粒度。保留 TradingView 署名。断线不能补零，不让平滑曲线创造不存在的数据。
更多图表与时间范围 ↗新增 8.21.3。使用 getCoreRowModel、getFilteredRowModel、getSortedRowModel 统一管理数据；手机卡片读取同一模型。复杂后台再评估 AG Grid Enterprise，本版本不购买或引入。
中文 MiSans 400/500/600；数字 IBM Plex Sans Condensed。赔率两位小数、概率一位、变化 pp、金额带资产代码。4 px 基础网格，20 px 手机边距，控件至少 44 px。
完整数字规范 ↗
font-family: var(--font-data);
font-variant-numeric: tabular-nums lining-nums;
white-space: nowrap;
// 同一模型，手机卡片与桌面表格共享
const rows = table.getRowModel().rows;
// 金额计算：整数分；1.86 使用整数 186
payout(10000, 186) // 18600 → 186.00 USDT这些示例是 React Mobile Web，不是 SwiftUI / Android 原生控件。原生 App 可以复用规范，但需要单独验证图表手势、字体缩放、安全区和键盘。