/* ===== 专属气泡样式 ===== */

/* 基础气泡 - 评论 */
.comment-item.bubble-gold,
.comment-item.bubble-ocean,
.comment-item.bubble-sunset,
.comment-item.bubble-galaxy,
.comment-item.bubble-cherry {
  position: relative;
  border: 2px solid transparent !important;
  border-radius: 16px !important;
  padding: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.comment-item.bubble-gold {
  background: linear-gradient(135deg, #fff8e1, #fff3e0) padding-box,
              linear-gradient(135deg, #ffd54f, #ff8f00) border-box !important;
  box-shadow: 0 2px 12px rgba(255, 183, 0, 0.25) !important;
}
.comment-item.bubble-gold::before {
  content: '';
  position: absolute;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,215,0,0.3), transparent, rgba(255,143,0,0.3));
  pointer-events: none;
  animation: bubble-shimmer 3s ease-in-out infinite;
}

.comment-item.bubble-ocean {
  background: linear-gradient(135deg, #e3f2fd, #e8eaf6) padding-box,
              linear-gradient(135deg, #42a5f5, #1565c0) border-box !important;
  box-shadow: 0 2px 12px rgba(33, 150, 243, 0.25) !important;
}
.comment-item.bubble-ocean::before {
  content: '';
  position: absolute;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(66,165,245,0.3), transparent, rgba(21,101,192,0.3));
  pointer-events: none;
  animation: bubble-shimmer 3s ease-in-out infinite;
}

.comment-item.bubble-sunset {
  background: linear-gradient(135deg, #fce4ec, #f3e5f5) padding-box,
              linear-gradient(135deg, #ff7043, #e91e63) border-box !important;
  box-shadow: 0 2px 12px rgba(233, 30, 99, 0.25) !important;
}
.comment-item.bubble-sunset::before {
  content: '';
  position: absolute;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,112,67,0.3), transparent, rgba(233,30,99,0.3));
  pointer-events: none;
  animation: bubble-shimmer 3s ease-in-out infinite;
}

.comment-item.bubble-galaxy {
  background: linear-gradient(135deg, #ede7f6, #e8eaf6) padding-box,
              linear-gradient(135deg, #ab47bc, #5c6bc0) border-box !important;
  box-shadow: 0 2px 12px rgba(171, 71, 188, 0.25) !important;
}
.comment-item.bubble-galaxy::before {
  content: '';
  position: absolute;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(171,71,188,0.3), transparent, rgba(92,107,192,0.3));
  pointer-events: none;
  animation: bubble-shimmer 3s ease-in-out infinite;
}

.comment-item.bubble-cherry {
  background: linear-gradient(135deg, #fff0f0, #fff5f5) padding-box,
              linear-gradient(135deg, #ff6b6b, #ee5a24) border-box !important;
  box-shadow: 0 2px 12px rgba(255, 107, 107, 0.25) !important;
}
.comment-item.bubble-cherry::before {
  content: '';
  position: absolute;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,107,107,0.3), transparent, rgba(238,90,36,0.3));
  pointer-events: none;
  animation: bubble-shimmer 3s ease-in-out infinite;
}

/* 闪光动画 */
@keyframes bubble-shimmer {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.8; }
}