/* 简化的图标样式，替代Font Awesome */

/* 基础图标容器 */
.icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 16px;
}

/* 自定义图标类 */
.icon-chat, .fa-comments, .fas.fa-comments {
  position: relative;
  width: 18px;
  height: 18px;
}

.icon-chat::before, .fa-comments::before, .fas.fa-comments::before {
  content: "💬";
  font-size: 20px;
}

.icon-arrow-up, .fa-arrow-up, .fas.fa-arrow-up {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-arrow-up::before, .fa-arrow-up::before, .fas.fa-arrow-up::before {
  content: "↑";
  font-size: 18px;
  font-weight: bold;
}

.icon-video, .fa-video, .fas.fa-video {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-video::before, .fa-video::before, .fas.fa-video::before {
  content: "▶";
  font-size: 16px;
  font-weight: bold;
}

.icon-image, .fa-image, .fas.fa-image {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-image::before, .fa-image::before, .fas.fa-image::before {
  content: "🖼";
  font-size: 16px;
}

.icon-trash, .fa-trash, .fas.fa-trash {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-trash::before, .fa-trash::before, .fas.fa-trash::before {
  content: "🗑";
  font-size: 16px;
}

.icon-check, .fa-check, .fas.fa-check {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-check::before, .fa-check::before, .fas.fa-check::before {
  content: "✓";
  font-size: 16px;
  font-weight: bold;
}

.icon-plus, .fa-plus, .fas.fa-plus {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-plus::before, .fa-plus::before, .fas.fa-plus::before {
  content: "+";
  font-size: 20px;
  font-weight: bold;
}

.icon-minus, .fa-minus, .fas.fa-minus {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-minus::before, .fa-minus::before, .fas.fa-minus::before {
  content: "-";
  font-size: 20px;
  font-weight: bold;
}

.icon-edit, .fa-edit, .fas.fa-edit {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-edit::before, .fa-edit::before, .fas.fa-edit::before {
  content: "✏";
  font-size: 16px;
}

.icon-times, .fa-times, .fas.fa-times {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-times::before, .fa-times::before, .fas.fa-times::before {
  content: "✕";
  font-size: 18px;
  font-weight: bold;
}

.icon-live, .fa-broadcast-tower, .fas.fa-broadcast-tower {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-live::before, .fa-broadcast-tower::before, .fas.fa-broadcast-tower::before {
  content: "🔴";
  font-size: 12px;
  animation: pulse 1.5s infinite;
}

/* 脉冲动画 */
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.7; }
  100% { opacity: 1; }
}