用户反馈:原来那张横跨整块的白卡「放在这有点突兀」,要求按 AI 气泡的样式、用白色背景实现。 - 标记改为与 .ai-bubble **同构**:空 .ab-badge 占位(宽度 = --tl-time)+ .ab-dot + .ab-body > .tl-guide-bubble。于是圆点落在**同一条竖线**上,与时间轴/落款行对齐。 - 样式:白底 + 1px --line 描边 + 4px/16px 圆角 + 指向竖线的尖角。 ⚠️ 白底必须带描边:AI 气泡靠暖渐变区分,白气泡压白底只剩阴影会糊成一片。 ⚠️ 尖角用「旋转 45° 的小方块 + 同色描边」(纯 border 三角做不出描边)。 ⚠️ 文案层级:lead(上游引导语)走 15px/600 主文案,下面那行提示走 12.5px 次要色,芯片左对齐。 - 行为不变(文案仍来自接口 lead,芯片仍来自 unused[] 且可点)。 本地验证:guide 模式渲染为竖线上的白气泡(版式已截图确认)、rows 模式不受影响、无 JS 异常。
119 KiB
119 KiB