.tp-card {
  position: fixed;
  z-index: 9999;
  max-width: 340px;
  min-width: 180px;
  background: #ffffff;
  color: #1b1d22;
  border: 1px solid #c9ccd4;
  border-radius: 6px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .28);
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.5;
  pointer-events: none; /* never intercept the mouse */
}
.tp-card .tp-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.tp-card .tp-ava { width: 38px; height: 38px; border-radius: 5px; object-fit: cover; flex: 0 0 auto; background: #e9ebf0; }
.tp-card .tp-title { font-weight: 700; font-size: 13.5px; color: #0f1115; }
.tp-card .tp-by { color: #6a7080; font-size: 11px; margin-bottom: 6px; }
.tp-card .tp-text { color: #2a2d35; white-space: normal; overflow-wrap: anywhere; }
.tp-card .tp-lastlabel { margin-top: 8px; padding-top: 6px; border-top: 1px solid #e6e8ee; font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; color: #8b90a0; }
.tp-card .tp-last { color: #4a4e58; font-style: italic; }