.clue-item { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18rpx; padding: 22rpx; background: #fafafa; border-radius: 22rpx; border: 2rpx solid var(--color-gray-4); } .clue-tag { width: 72rpx; height: 72rpx; display: flex; align-items: center; justify-content: center; border-radius: 6rpx; flex-shrink: 0; } .clue-tag-text { font-size: 22rpx; line-height: 1.3; font-weight: 500; text-align: center; white-space: pre-line; } /* VI 规范 2.1 六种客户标签配色 */ /* 客户基础 — 蓝色 */ .clue-tag-primary { background: rgba(0, 82, 217, 0.10); color: #0052d9; } /* 消费习惯 — 绿色 */ .clue-tag-success { background: rgba(0, 168, 112, 0.10); color: #00a870; } /* 玩法偏好 — 橙色 */ .clue-tag-orange { background: rgba(237, 123, 47, 0.12); color: #ed7b2f; } /* 促销偏好 — 金色 */ .clue-tag-gold { background: rgba(251, 191, 36, 0.15); color: #d4920a; } /* 社交关系 — 紫色 */ .clue-tag-purple { background: rgba(123, 97, 255, 0.10); color: #7b61ff; } /* 重要反馈 — 红色 */ .clue-tag-error { background: rgba(227, 77, 89, 0.10); color: #e34d59; } /* 粉色(社交关系别名) */ .clue-tag-pink { background: rgba(233, 30, 99, 0.10); color: #e91e63; } /* warning 别名(促销偏好) */ .clue-tag-warning { background: rgba(251, 191, 36, 0.15); color: #d4920a; } .clue-content { flex: 1; min-width: 0; } .clue-text-container { position: relative; height: 72rpx; overflow: hidden; line-height: 36rpx; } .clue-emoji { font-size: 28rpx; } .clue-text { font-size: 26rpx; line-height: 36rpx; color: var(--color-gray-13); word-break: break-all; } .clue-source { position: absolute; bottom: 0; right: 0; font-size: 24rpx; line-height: 36rpx; color: var(--color-gray-7); white-space: nowrap; background: linear-gradient(to left, #fafafa 70%, transparent); padding-left: 50rpx; z-index: 1; } .clue-desc { line-height: 30rpx; } .clue-desc-text { font-size: 22rpx; color: var(--color-gray-9); }