/* 自定义社交图标样式 */

/* 社交图标基础样式 */
.social-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 微信号图标 */
.icon-wechat {
  background-image: url("../images/icon/微信号.png");
}

/* 公众号图标 */
.icon-official-account {
  background-image: url("../images/icon/公众号.png");
}

/* 视频号图标 */
.icon-video-account {
  background-image: url("../images/icon/视频号.png");
}

/* 抖音图标 */
.icon-tiktok {
  background-image: url("../images/icon/抖音.png");
}

/* 顶部栏社交图标样式调整 */
.top-bar .social-links a {
  position: relative;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.top-bar .social-links .social-icon {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.top-bar .social-links .social-icon:hover {
  opacity: 1;
}

/* 页脚社交图标样式调整 */
.footer .social-links a {
  position: relative;
}

.footer .social-links .social-icon {
  opacity: 0.9;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.footer .social-links a:hover .social-icon {
  opacity: 1;
}

/* 移除鼠标悬停提示 */
/* 提示文本已被移除，用户可以直接点击图标查看二维码 */

/* 联系页面社交图标样式调整 */
.contact-page .social-links a {
  position: relative;
}

.contact-page .social-links .social-icon {
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

.contact-page .social-links a:hover .social-icon {
  opacity: 1;
}