@font-face {
  font-family: "qiqi-iconfont";
  src: url('../fonts/remixicon.woff2') format('woff2'),
       url('../fonts/remixicon.ttf') format('truetype');
}

.qiqi-icon {
  font-family: "qiqi-iconfont" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/* 本地 SVG 图标支持 - 允许通过 CSS 控制颜色 */
.qiqi-icon.local-svg {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.qiqi-icon.local-svg:before {
  content: "" !important; /* 清除字体图标内容 */
}

/* --- 核心业务图标 (使用您下载的本地 SVG) --- */

/* 网站开发 */
.icon-website {
  width: 1.1em; height: 1.1em;
  background-color: currentColor;
  -webkit-mask: url('../images/网站开发.svg') no-repeat center / contain;
  mask: url('../images/网站开发.svg') no-repeat center / contain;
  margin: 0 auto; /* 强制在 block 模式下水平居中 */
}
.icon-website:before { content: "" !important; }

/* 小程序开发 */
.icon-mini-program {
  width: 1.1em; height: 1.1em;
  background-color: currentColor;
  -webkit-mask: url('../images/小程序开发.svg') no-repeat center / contain;
  mask: url('../images/小程序开发.svg') no-repeat center / contain;
  margin: 0 auto;
}
.icon-mini-program:before { content: "" !important; }

/* 软件开发 */
.icon-software {
  width: 1.1em; height: 1.1em;
  background-color: currentColor;
  -webkit-mask: url('../images/软件开发.svg') no-repeat center / contain;
  mask: url('../images/软件开发.svg') no-repeat center / contain;
  margin: 0 auto;
}
.icon-software:before { content: "" !important; }


/* --- 辅助图标 (沿用字体库) --- */

/* 软件开发相关 */
.icon-code:before { content: "\eba9"; }
.icon-terminal:before { content: "\f1f8"; }
.icon-bug:before { content: "\eb07"; }
.icon-api:before { content: "\eba7"; }

/* 网站开发相关 */
.icon-chrome:before { content: "\eb8d"; }
.icon-layout:before { content: "\ee95"; }
.icon-global:before { content: "\ec7a"; }
.icon-responsive:before { content: "\eee8"; }

/* 小程序相关 */
.icon-wechat:before { content: "\f2b6"; }
.icon-mobile:before { content: "\f15a"; }
.icon-app-store:before { content: "\ea3e"; }
.icon-flutter:before { content: "\ed48"; }

/* 系统运维相关 */
.icon-server:before { content: "\f0e0"; }
.icon-database:before { content: "\ec16"; }
.icon-cloud:before { content: "\eb9d"; }
.icon-security:before { content: "\f107"; }
.icon-cpu:before { content: "\ebf0"; }

/* 商务运营相关 */
.icon-rocket:before { content: "\f096"; }
.icon-brand:before { content: "\ef28"; }
.icon-design:before { content: "\efe4"; }
.icon-team:before { content: "\f1ee"; }
.icon-service:before { content: "\ec0e"; }
.icon-chart:before { content: "\effa"; }

/* 兜底样式 */
.qiqi-icon:not([class*="icon-"]):before {
    content: "\eba9";
}