/*
 * 自定义彩色图标 - Custom Colored SVG Badge Icons
 * 使用 SVG background-image 渲染彩色文字徽章，彻底避免 iconfont font-family 冲突
 * 图标类名格式: icon-custom-xxx，配合 iconfont 基础类使用
 * 用法: <i class="iconfont icon-custom-xxx"></i>
 *
 * 扩展方法:
 *   圆角矩形: background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23颜色'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E字%3C/text%3E%3C/svg%3E");
 *   圆形: 把 rect 换成 %3Ccircle cx='50' cy='50' r='50' fill='%23颜色'/%3E
 */

/* ===== 基础样式 ===== */
.iconfont[class*="icon-custom-"]::before {
  content: "" !important;
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* ===== 商户·交易 ===== */
.icon-custom-shanghu-fangdan::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23E6A23C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E6%94%BE%3C/text%3E%3C/svg%3E");
}
.icon-custom-dianpu::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23E6A23C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%BA%97%3C/text%3E%3C/svg%3E");
}
.icon-custom-womaichu::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%2367C23A'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%8D%96%3C/text%3E%3C/svg%3E");
}
.icon-custom-wofabu::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23409EFF'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%8F%91%3C/text%3E%3C/svg%3E");
}

/* ===== 平台·数据 ===== */
.icon-custom-zhanbao::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23409EFF'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E6%88%98%3C/text%3E%3C/svg%3E");
}
.icon-custom-tongji::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23409EFF'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E7%BB%9F%3C/text%3E%3C/svg%3E");
}
.icon-custom-zuowei::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23409EFF'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%BA%A7%3C/text%3E%3C/svg%3E");
}
.icon-custom-rili::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23409EFF'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%8E%86%3C/text%3E%3C/svg%3E");
}
.icon-custom-tongzhi::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23E6A23C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E9%80%9A%3C/text%3E%3C/svg%3E");
}

/* ===== 影视·票务 ===== */
.icon-custom-maoyan::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23E74C3C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E7%8C%AB%3C/text%3E%3C/svg%3E");
}
.icon-custom-taopiaopiao::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23FF6B35'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E7%A5%A8%3C/text%3E%3C/svg%3E");
}
.icon-custom-yingyuan::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23F56C6C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E9%99%A2%3C/text%3E%3C/svg%3E");
}
.icon-custom-dianying-daiding::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23E74C3C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E8%AE%A2%3C/text%3E%3C/svg%3E");
}
.icon-custom-dianying-dingdan::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23E74C3C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%8D%95%3C/text%3E%3C/svg%3E");
}

/* ===== 功能·控制 ===== */
.icon-custom-gongneng-shezhi::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23607D8B'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E8%AE%BE%3C/text%3E%3C/svg%3E");
}
.icon-custom-heimingdan::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23F56C6C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E9%BB%91%3C/text%3E%3C/svg%3E");
}
.icon-custom-hangye-kongzhi::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23607D8B'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E6%8E%A7%3C/text%3E%3C/svg%3E");
}

/* ===== 插件 ===== */
.icon-custom-chajian-guanli::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%239B59B6'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E6%8F%92%3C/text%3E%3C/svg%3E");
}
.icon-custom-wode-chajian::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%239B59B6'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E4%BB%B6%3C/text%3E%3C/svg%3E");
}
.icon-custom-guanli-chajian::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%238E44AD'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E7%AE%A1%3C/text%3E%3C/svg%3E");
}
.icon-custom-chajian-shichang::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%239B59B6'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%B8%82%3C/text%3E%3C/svg%3E");
}

/* ===== 发货·物流 ===== */
.icon-custom-fahuo-guanli::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23FF9800'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E8%B4%A7%3C/text%3E%3C/svg%3E");
}
.icon-custom-fahuo-muban::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%23FF9800'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E6%A8%A1%3C/text%3E%3C/svg%3E");
}

/* ===== 卡密·仓库 ===== */
.icon-custom-kami-cangku::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%2313C2C2'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E4%BB%93%3C/text%3E%3C/svg%3E");
}
.icon-custom-kazhong-fenlei::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%2313C2C2'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E7%B1%BB%3C/text%3E%3C/svg%3E");
}
.icon-custom-kazhong-guanli::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%231DA57A'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%8D%A1%3C/text%3E%3C/svg%3E");
}
.icon-custom-kami-guanli::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%2313C2C2'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%AF%86%3C/text%3E%3C/svg%3E");
}
.icon-custom-ruku::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%2367C23A'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%85%A5%3C/text%3E%3C/svg%3E");
}
.icon-custom-chuku::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23F56C6C'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%87%BA%3C/text%3E%3C/svg%3E");
}

/* ===== 客服 ===== */
.icon-custom-kefu-guanli::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='15' fill='%233F51B5'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%AE%A2%3C/text%3E%3C/svg%3E");
}
.icon-custom-zidong-huifu::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%233F51B5'/%3E%3Ctext x='50' y='73' font-size='62' fill='white' text-anchor='middle' font-weight='bold' font-family='Microsoft YaHei,sans-serif'%3E%E5%9B%9E%3C/text%3E%3C/svg%3E");
}