@charset "UTF-8";

/* ============================================================
   微信图标悬停弹出二维码（全站通用）
   用法：页面 <head> 中引入本文件：
     <link rel="stylesheet" href="/css/wechat-qr.css">
   脚本见 /js/wechat-qr.js。
   行为逻辑（跟随鼠标定位、悬停显示/隐藏）由 js 处理，
   此处只负责弹窗的全部视觉样式。
   ============================================================ */

/* 二维码弹窗 */
.wx-tip {
  position: fixed;
  z-index: 99999;
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
  padding: 10px;
  border-radius: 6px;
  text-align: center;
  font: 12px/1.6 "Microsoft YaHei", sans-serif;
  color: #333;
}

/* 弹窗内二维码图片 */
.wx-tip img {
  width: 150px;
  height: 160px;
  display: block;
  margin-bottom: 6px;
}

/* 显示态 */
.wx-tip.show {
  display: block;
}