.cb-link-card {
  position: absolute;
  z-index: 999999;
  width: min(360px, calc(100vw - 20px));
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  overflow: hidden;
  font: 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .12s ease, transform .12s ease;
  pointer-events: none; /* 카드에 마우스 걸려 이벤트 끊기는 것 방지 */
}
.cb-link-card.show { opacity: 1; transform: translateY(0); }

.cb-link-card .thumb {
  display: block;
  width: 100%;
  aspect-ratio: 1200/630;
  object-fit: cover;
  background: #f5f6f7;
}

.cb-link-card .body { padding: 12px 14px; }

.cb-link-card .site {
  font-size: 12px; color: #6b7280; margin-bottom: 6px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  display:flex; align-items:center; gap:6px;
}
.cb-link-card .site img { width:16px; height:16px; border-radius:4px; flex: 0 0 16px; }

.cb-link-card .title {
  font-weight: 600; color: #111827; margin: 0 0 6px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.cb-link-card .desc  {
  color: #374151; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

.cb-link-card .skeleton {
  animation: cb-skel 1.2s ease-in-out infinite;
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
  background-size: 400% 100%;
}
@keyframes cb-skel { 0% {background-position: 100% 0} 100% {background-position: 0 0} }
.cb-link-card .thumb.skeleton { aspect-ratio: 1200/630; }