// 字体测量示例：中英文混排、重音字符和不同字宽均走系统字体塑形与回退。
// 布局使用实际字形宽度，iiii 与 WWWW 后的色块位置应不同，不能用字符数量估算宽度。
// 字号2与独立颜色用于标题，中文是否可见取决于运行环境可用CJK字体。
let title = ui.text("Hello Endor · 你好，Tessera", 2, "#242422")
// 同一文字控件包含中英文和重音字符，用于观察字体回退与基线。
let detail = ui.text("中文 English 123 — café", 1, "#606060")
// 两组相同尺寸色块跟在窄/宽字符后，12px gap 保持一致，差异来自真实文字测量。
let row = ui.row(0, 12, ui.text("iiii"), ui.rect(24, 20, 4, "#DCE8FF"), ui.text("WWWW"), ui.rect(24, 20, 4, "#DCE8FF"))
// 根Column统一padding和间距，render后这些对象才有具体Mount与绘图命令。
let page = ui.page()
page.render(ui.column(24, 12, title, detail, row))