/* Font Awesome 字体定义 */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),
       url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype");
}

/* 基础样式 */
.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-brands:before {
  content: var(--fa);
}

/* 社交媒体图标定义 */
.fa-facebook-f:before,
.fa-facebook:before {
  --fa: "\f39e";  /* 使用新的 Facebook "f" 图标编码 */
}

.fa-twitter:before {
  --fa: "\f099";
}

.fa-google-plus:before {
  --fa: "\f2b3";
}

.fa-google:before {
  --fa: "\f1a0";
}

.fa-youtube:before {
  --fa: "\f167";
}

.fa-x-twitter:before {
  --fa: "\e61b";
}

/* 页脚社交媒体图标样式 */
.footer .btm-nav .nav-zone .row ul.horizontal li a {
  display: inline-block;
  margin-right: 20px;
  font-size: 22px;
  color: #5b5d6d;
}

.footer .btm-nav .nav-zone .row ul.horizontal li a:hover {
  color: #1264fc;
}

/* 移动端样式 */
@media screen and (max-width: 768px) {
  .footer .btm-nav .nav-zone .row ul.horizontal li {
    float: none;
    display: inline-block;
  }
  
  .footer .btm-nav .nav-zone .row ul.horizontal li a {
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 24px;
    background: #5b5d6d;
    border-radius: 5px;
    margin-right: 3px;
  }
  
  .footer .btm-nav .nav-zone .row ul.horizontal li:last-child {
    margin-left: 35px;
  }
  
  .footer .btm-nav .nav-zone .row ul.horizontal li i {
    color: #191920;
  }
}