/* 友人帐回链状态徽标（配合 /js/flink-status.js 使用，仅 /link 页生效） */

.flink-status-tag {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  padding: 0 8px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 6px;
  color: #fff;
  background: rgba(144, 147, 153, 0.9);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  animation: flink-status-fade-in 0.3s ease;
  pointer-events: auto;
}

.flink-status-tag--ok {
  background: rgba(68, 170, 106, 0.92);
}

.flink-status-tag--no-backlink {
  background: rgba(230, 162, 60, 0.92);
}

.flink-status-tag--error {
  background: rgba(245, 108, 108, 0.92);
}

.flink-status-tag--unknown {
  background: rgba(144, 147, 153, 0.9);
}

/* 异常卡片整体降饱和，hover 恢复以便查看 */
.flink-list-card.flink-status-dim {
  filter: grayscale(0.85);
  opacity: 0.6;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.flink-list-card.flink-status-dim:hover {
  filter: none;
  opacity: 1;
}

@keyframes flink-status-fade-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}