.menu-social-icons .social-share-icon {
  display: block;
  flex-shrink: 0;
}
.menu-social-icons details.social-share-wechat { position: relative; }
.menu-social-icons .social-share-wechat > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  cursor: pointer;
  list-style: none;
}
.menu-social-icons .social-share-wechat > summary::-webkit-details-marker { display: none; }
.menu-social-icons .social-share-wechat > summary:hover { color: #d257d2; }
.menu-social-icons .social-share-wechat__panel {
  position: absolute;
  z-index: 20;
  bottom: calc(100% + 12px);
  right: -12px;
  width: 200px;
  padding: 18px;
  border: 1px solid #ddd;
  background: #fff;
  color: #222;
  text-align: center;
  font-size: 12px;
  line-height: 1.6;
}
.menu-social-icons .social-share-wechat__panel img { display: block; width: 160px; height: 160px; margin: 0 auto 10px; }
.menu-social-icons .social-share-wechat__panel p { margin: 0 0 8px; }
.menu-social-icons .social-share-wechat__panel .social-share-wechat__link {
  width: auto;
  height: auto;
  font-size: 12px;
  text-decoration: underline;
}
.menu-social-icons.icons-filled .social-share-wechat > summary,
.menu-social-icons.icons-filled .social-share-wechat > a { background: #07c160; color: #fff; }
.menu-social-icons.icons-filled .social-share-weibo > a { background: #e6162d; color: #fff; }
.menu-social-icons.icons-filled .social-share-qq > a { background: #12b7f5; color: #fff; }
.menu-social-icons.icons-filled .social-share-qzone > a { background: #e6aa00; color: #fff; }
.menu-social-icons.icons-filled .social-share-douyin > a { background: #111; color: #fff; }
.menu-social-icons.icons-filled .social-share-xiaohongshu > a { background: #ff2442; color: #fff; }
.menu-social-icons.icons-filled .social-share-bilibili > a { background: #fb7299; color: #fff; }
.menu-social-icons.icons-filled .social-share-kuaishou > a { background: #ff4906; color: #fff; }
@media (max-width: 767px) {
  .menu-social-icons { position: relative; }
  .menu-social-icons li.social-share-wechat,
  .menu-social-icons details.social-share-wechat { position: static; }
  .menu-social-icons .social-share-wechat__panel {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
