/* 字母图标样式 - 不需要字体文件 */
.iconfont {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  margin-right: 8px;
  font-style: normal;
  vertical-align: middle;
}

.iconfont:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  color: #fff;
}

/* 热门推荐 - 红色 H */
.icon-hot:before {
  content: "H";
  background: linear-gradient(135deg, #f5576c, #f093fb);
}

/* 工具 - 蓝色 T */
.icon-tool:before {
  content: "T";
  background: linear-gradient(135deg, #4facfe, #00f2fe);
}

/* 媒体 - 绿色 M */
.icon-media:before {
  content: "M";
  background: linear-gradient(135deg, #43e97b, #38f9d7);
}

/* 导航 - 紫色 N */
.icon-daohang:before,
.icon-daohang1:before,
.icon-daohang2:before {
  content: "N";
  background: linear-gradient(135deg, #667eea, #764ba2);
}

/* 社区 - 橙色 S */
.icon-shequ:before {
  content: "S";
  background: linear-gradient(135deg, #fa709a, #fee140);
}

/* 设计 - 粉色 D */
.icon-designer:before {
  content: "D";
  background: linear-gradient(135deg, #a8edea, #fed6e3);
}

/* 文档 - 青色 W */
.icon-wendangdocument78:before {
  content: "W";
  background: linear-gradient(135deg, #30cfd0, #330867);
}

/* 博客 - 黄色 B */
.icon-blogger:before {
  content: "B";
  background: linear-gradient(135deg, #ffd89b, #19547b);
}

/* 留言 - 蓝绿 L */
.icon-liuyan:before {
  content: "L";
  background: linear-gradient(135deg, #0ba360, #3cba92);
}

/* 学习 - 紫红 X */
.icon-xuexi:before,
.icon-xuexi1:before {
  content: "X";
  background: linear-gradient(135deg, #f857a6, #ff5858);
}

/* 资讯 - 蓝紫 Z */
.icon-zixun:before {
  content: "Z";
  background: linear-gradient(135deg, #5f72bd, #9b23ea);
}

/* 运营 - 橙红 Y */
.icon-yunying:before {
  content: "Y";
  background: linear-gradient(135deg, #ff9a56, #ff6a88);
}

/* GitHub - 灰色 G */
.icon-github:before {
  content: "G";
  background: linear-gradient(135deg, #485563, #29323c);
}

/* 老马图标 - 保持原样 */
.icon-laoma {
  background-image: url("data:image/png;base64,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");
}