/* 增强版Emoji悬浮放大效果 - 解决层级不足问题 */
/* 基础设置：确保所有父容器不限制显示 */
.status__content,
.reply-indicator__content,
.account__display-name,
.display-name__html,
.status,
.reply-indicator,
.account,
.card,
.notification {
  overflow: visible !important;
  contain: none !important;
  z-index: auto !important; /* 防止父元素设置固定z-index导致限制 */
}

/* 目标emoji元素 */
.status__content .emojione,
.status__content .custom-emoji,
.reply-indicator__content .emojione,
.reply-indicator__content .custom-emoji,
.account__display-name .emojione,
.account__display-name .custom-emoji {
  position: relative;
  z-index: 10; /* 基础层级 */
  transform-origin: center;
  transition: all 0.35s cubic-bezier(0.42, 1.67, 0.21, 0.90);
  will-change: transform, z-index, filter;
}

/* 悬浮放大效果 - 使用更高层级 */
.status__content .emojione:hover,
.status__content .custom-emoji:hover,
.reply-indicator__content .emojione:hover,
.reply-indicator__content .custom-emoji:hover,
.account__display-name .emojione:hover,
.account__display-name .custom-emoji:hover {
  z-index: 9999 !important; /* 大幅提高层级，确保在最上层 */
  transform: scale(2.8); /* 略微增大放大倍数 */
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
  /* 确保不会被相邻元素裁剪 */
  padding: 4px;
  margin: -4px;
}

/* 特殊区域处理 */
.directory__card .emojione:hover,
.directory__card .custom-emoji:hover,
.notification__message .emojione:hover,
.notification__message .custom-emoji:hover {
  transform: none;
  filter: none;
  z-index: auto !important;
}