.chat-message-list .reply-context-card {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 200px;
  margin: 0 0 8px;
  padding: 7px 9px;
  border: 1px solid #4a5668;
  border-radius: 9px;
  background: #202732;
  color: inherit;
  text-decoration: none;
  white-space: normal;
}
.chat-message-list .message-with-reply.mine:has(.reply-context-card) { background: transparent !important; }
.chat-message-list .message-with-reply.mine .reply-context-card { border-color: #ffffff45; background: transparent; }
.reply-context-jump { display: flex; flex: 1; align-items: center; gap: 8px; min-width: 0; color: inherit; text-decoration: none; cursor: pointer; }
.reply-context-jump:hover .reply-context-author { text-decoration: underline; }
.reply-context-avatar { flex: 0 0 27px; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #63728a; color: #fff; font-size: 12px; font-weight: 700; }
.reply-context-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: 2px; border-left: 1px solid #ffffff40; padding-left: 8px; }
.reply-context-author { overflow: hidden; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.reply-context-kind { opacity: .78; font-size: 11px; }
.reply-context-caption { overflow: hidden; font-size: 11px; opacity: .9; text-overflow: ellipsis; white-space: nowrap; }
.reply-context-thumb { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 5px; object-fit: cover; background: #111; pointer-events: none; user-select: none; }
.chat-message-list .reply-target-highlight { animation: reply-target-highlight 1.8s ease-out; scroll-margin-block: 45vh; }
@keyframes reply-target-highlight { 0%, 45% { outline: 3px solid #3b82f6; outline-offset: 3px; } 100% { outline-color: transparent; outline-offset: 8px; } }