.chatFoot { width: 1px; height: 1px; } .chatList { padding: 16px; overflow-y: auto; } .chatItem { display: flex; margin-bottom: 12px; } .chatItem.left { justify-content: flex-start; } .chatItem.right { justify-content: flex-end; } .bubble { max-width: 70%; padding: 10px 14px; border-radius: 12px; white-space: pre-wrap; line-height: 1.6; } .chatItem.left .bubble { background: rgb(232, 232, 232); } .chatItem.right .bubble { background: #1677ff; color: white; } .cursor { animation: chat-item-blink 1s infinite; } :global { @keyframes chat-item-blink { 50% { opacity: 0; } } }