/* ===========================
   footer-custom.css
   社交图标 + 二维码悬浮样式
   =========================== */

/* 社交图标整体布局 */
.social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px; /* 图标间距 */
}

/* 单个图标 */
.icon {
  position: relative; /* 二维码浮层相对图标定位 */
  cursor: pointer;
  display: inline-block;
}

/* 二维码浮层 */
.ewm-common {
  display: none; /* 默认隐藏 */
  position: absolute;
  top: -160px;   /* 图标正上方 */
  left: 50%;     /* 水平居中 */
  transform: translateX(-50%);
  width: 140px;  /* 二维码容器宽度 */
  padding: 10px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  z-index: 999;
}

/* 二维码图片撑满容器 */
.ewm-common img {
  width: 100%;
  display: block;
}