@font-face {
  font-family: "iconfont"; /* Project id 5165313 */
  src: url('iconfont.woff2?t=1780581907038') format('woff2'),
       url('iconfont.woff?t=1780581907038') format('woff'),
       url('iconfont.ttf?t=1780581907038') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu-index:before {
  content: "\e636";
}

.icon-go-top:before {
  content: "\e65d";
}

.icon-youjiantou:before {
  content: "\e624";
}

.icon-zuojiantou:before {
  content: "\e625";
}

/* Fix: Facebook glyph 渲染在不同浏览器上颜色不一致
   问题:此 glyph 在 Chrome (Win/Linux/新 Chromium) 上会渲染成深绿,在 Safari / Firefox 上是浅绿
   根因:iconfont.ttf 里 \e685 的字形带有 fill 暗层,Chrome 把它叠在 currentColor 上输出更深色值
   修复:把 color 强制绑定到 #008c11(项目绿),与 .social-list / footer / floating / top-social 的取色保持一致
   注意:floating-social 的父级 a 背景是绿、color 永远是 #fff(白图绿底),所以 floating 里硬绑 #008c11 会跟绿底同色
         → 必须把 floating 排除在外,让 Facebook 在 floating 里跟其他图标一样继续走 .floating-social__link .iconfont { color: #fff !important } */
.icon-facebook {
  color: #008c11;
}

.top-social a .icon-facebook {
  color: #008c11;
}

.footer-social a .icon-facebook,
.floating-social__link .icon-facebook {
  color: #fff;
}

.floating-social__link .icon-facebook {
  color: #fff !important;
}

.social-list a:hover .icon-facebook,
.social-list a:focus-visible .icon-facebook,
.footer-social a:hover .icon-facebook,
.footer-social a:focus-visible .icon-facebook,
.news-detail-page .share-list a:hover .icon-facebook,
.news-detail-page .share-list a:focus-visible .icon-facebook {
  color: inherit;
}

.icon-facebook:before {
  content: "\e685";
}

.icon-Youtube-fill:before {
  content: "\e883";
}

.icon-wechat-fill:before {
  content: "\e884";
}

/* Fix: LinkedIn glyph 渲染在不同浏览器上颜色不一致
   问题:此 glyph 在 Chrome 上会渲染成深绿,在 Safari / Firefox 上是浅绿
   根因:iconfont.ttf 里 \e688 的字形带有 fill 暗层,Chrome 把它叠在 currentColor 上输出更深色值
   修复:把 color 强制绑定到 #008c11(项目绿),与 .social-list / footer / floating / top-social 的取色保持一致
   注意:floating-social 的父级 a 背景是绿、color 永远是 #fff(白图绿底),所以 floating 里硬绑 #008c11 会跟绿底同色
         → 必须把 floating 排除在外,让 LinkedIn 在 floating 里跟其他图标一样继续走 .floating-social__link .iconfont { color: #fff !important } */
.icon-linkedin {
  color: #008c11;
}

.top-social a .icon-linkedin {
  color: #008c11;
}

.footer-social a .icon-linkedin,
.floating-social__link .icon-linkedin {
  color: #fff;
}

.floating-social__link .icon-linkedin {
  color: #fff !important;
}

.social-list a:hover .icon-linkedin,
.social-list a:focus-visible .icon-linkedin,
.footer-social a:hover .icon-linkedin,
.footer-social a:focus-visible .icon-linkedin,
.news-detail-page .share-list a:hover .icon-linkedin,
.news-detail-page .share-list a:focus-visible .icon-linkedin {
  color: inherit;
}

.icon-linkedin:before {
  content: "\e688";
}

/* Fix: WhatsApp glyph 渲染在不同浏览器上颜色不一致
   问题:此 glyph 在 Chrome (Win/Linux/新 Chromium) 上会渲染成深绿,在 cursor 内 Chromium / Safari / Firefox 上是浅绿
   根因:iconfont.ttf 里 \eaf9 的字形带有 fill 暗层,Chrome 把它叠在 currentColor 上输出更深色值
   修复:把 color 强制绑定到 #008c11(项目绿),与 .social-list / footer / floating / top-social 的取色保持一致
   注意:floating-social 的父级 a 背景是绿、color 永远是 #fff(白图绿底),所以 floating 里硬绑 #008c11 会跟绿底同色
         → 必须把 floating 排除在外,让 WhatsApp / Instagram 在 floating 里跟其他图标一样继续走 .floating-social__link .iconfont { color: #fff !important } */
.icon-whatsapp-fill {
  color: #008c11;
}

.top-social a .icon-whatsapp-fill {
  color: #008c11;
}

/* footer / floating 默认白图绿底,不能沿用 #008c11 */
.footer-social a .icon-whatsapp-fill,
.floating-social__link .icon-whatsapp-fill {
  color: #fff;
}

.floating-social__link .icon-whatsapp-fill {
  color: #fff !important;
}

.social-list a:hover .icon-whatsapp-fill,
.social-list a:focus-visible .icon-whatsapp-fill,
.footer-social a:hover .icon-whatsapp-fill,
.footer-social a:focus-visible .icon-whatsapp-fill,
.news-detail-page .share-list a:hover .icon-whatsapp-fill,
.news-detail-page .share-list a:focus-visible .icon-whatsapp-fill {
  color: inherit;
}

.icon-whatsapp-fill:before {
  content: "\eaf9";
}

/* Instagram is not included in the bundled Alibaba icon font. Keep the
   existing iconfont API while rendering the official-style outline locally. */

/* Fix: Instagram mask-image 在外面 Chrome 上显示深绿
   问题:.social-list / footer / floating 三处父级 color 都正确继承 var(--green),但 mask-image + background-color: currentColor
        在 Chrome (尤其 macOS Chrome 110+) 做亚像素抗锯齿 + 复合时,会把 currentColor 的色值四舍五入到更暗色阶
        而在 cursor 内 Chromium / Safari 上不会复现
   修复:background-color 直接绑死 #008c11(项目绿)脱离 currentColor 的传递;mask-mode 显式 alpha 锁定 alpha-only mask,
        避免 luminance-based 复合带来的颜色偏差
   注意:hover 时 .social-list a:hover { color: #fff; background: var(--green) } 期望 Instagram 图标也变白
         background-color 不吃 color,所以 hover 必须显式把 background-color 切到白色,字形轮廓才会在绿底上可见
         floating-social 是白图绿底,Instagram 必须保持白色,在 floating 里不能绑死 #008c11 */
.top-social a .icon-instagram {
  background-color: #008c11;
}

.icon-instagram {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #008c11;
  -webkit-mask-mode: alpha;
          mask-mode: alpha;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2' width='20' height='20' rx='5'/><circle cx='12' cy='12' r='4'/><circle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2' width='20' height='20' rx='5'/><circle cx='12' cy='12' r='4'/><circle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/></svg>") center/contain no-repeat;
}

/* footer / floating 默认白图绿底,Instagram 的 mask 填充必须是白色 */
.footer-social a .icon-instagram,
.floating-social__link .icon-instagram {
  background-color: #fff;
}

.floating-social__link .icon-instagram {
  background-color: #fff !important;
}

.social-list a:hover .icon-instagram,
.social-list a:focus-visible .icon-instagram,
.footer-social a:hover .icon-instagram,
.footer-social a:focus-visible .icon-instagram,
.news-detail-page .share-list a:hover .icon-instagram,
.news-detail-page .share-list a:focus-visible .icon-instagram {
  background-color: currentColor;
}

.icon-instagram:before {
  content: none;
}

.icon-icon-email:before {
  content: "\e648";
}

/* 兜底：iconfont.woff2 的 U+E648 (icon-email) 字形在某些环境下会被浏览器渲染为 tofu/missing-glyph。
   这里把 .icon-icon-email 替换成内联 SVG 信封，路径来自该字体字形本身的轮廓（fill-rule: evenodd）。
   viewBox 改用 0 -197 1024 1024 以让 envelope 的视觉中心对齐到 viewBox 中点；
   这样在 1em × 1em 的盒子里 center/contain 后图标上下都不再"起飞"。
   颜色继承 currentColor，跟各模板中已设置的 .iconfont 颜色规则保持一致。 */
.icon-icon-email {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -197 1024 1024'><path fill-rule='evenodd' d='M512 265 928 612 921 613H103L96 612ZM958 576Q958 580 956 587L661 341L956 46L957 48Q958 53 958 55ZM68 587Q68 587 68 587Q66 580 66 576V55Q66 53 67 49L68 46L363 341ZM633 318 524 227Q519 223 512 223Q505 223 500 227L392 317L94 20H96Q101 18 103 18H921Q924 18 928 20H930Z'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -197 1024 1024'><path fill-rule='evenodd' d='M512 265 928 612 921 613H103L96 612ZM958 576Q958 580 956 587L661 341L956 46L957 48Q958 53 958 55ZM68 587Q68 587 68 587Q66 580 66 576V55Q66 53 67 49L68 46L363 341ZM633 318 524 227Q519 223 512 223Q505 223 500 227L392 317L94 20H96Q101 18 103 18H921Q924 18 928 20H930Z'/></svg>") center/contain no-repeat;
}
.icon-icon-email:before {
  content: none;
}

.icon-weizhi:before {
  content: "\e711";
}

.icon-xinlangweibo:before {
  content: "\e600";
}

.icon-jia:before {
  content: "\e601";
}

.icon-qq:before {
  content: "\e602";
}

.icon-weixin:before {
  content: "\e603";
}

.icon-left:before {
  content: "\e604";
}

.icon-right:before {
  content: "\e605";
}

.icon-call:before {
  content: "\e612";
}

.icon-search:before {
  content: "\e67d";
}

.icon-shuangyinhaoyou:before {
  content: "\e853";
}

.icon-shuangyinhaozuo:before {
  content: "\e854";
}

.icon-douyin:before {
  content: "\e66c";
}
