U8 Chat · 用户详情页显示「用户自己的原名」· 移动端 + Web 逐屏讲解 & 可点击演示

现状=详情页顶部显示的是我给他设的备注名(如「毛毛」),页面上看不到他本人叫什么(如「张铭轩」)
已定口径(2026-10-09)=只在「基础信息」里加一行「原名」,顶部一个字不动(改动小、页面也不丑);本页含 长度与边界 + 三端表现
共 11 屏:A 现状(1)· B 方案(1)· C 边界与长度(6)· D 三端(3)
屏上的虚线框就是可点的地方(悬停显示它跳到哪一屏);← → 切屏 · H 显示/隐藏热区
配套文档:完整 PRD(网页版) PRD(Markdown)

白卡片 = 资料页的信息区 品牌紫 = 可点文字 / 主操作 渐变 + 山形 = 照片 / 封面占位(不是纯色块) 虚线框 = 还没设备注时的占位(点它去设备注) 原名=对方自己设置的名字(他自己叫的名字),与「备注名」「账号名」同一套版式
左栏圆点: 核心屏(P0)   方案与边界(P1) ★ 标记的屏 = 本次新增或改造

本页只做呈现:11 屏=iOS 9 屏 + 安卓 1 屏 + Web 1 屏。1180×720 设计、62% 缩放显示,用来对齐版式,不表示最终尺寸。
本演示与 PRD 都是UI 设计之前的输入:讲清楚「名字放哪儿、四种情况各显示什么」,最终视觉以 UI 设计为准。