.yinghe-follow{
    position: fixed;
    display: flex;
    align-items: center;
    width: 650px;
    left: calc(50% - 340px);
    padding: 16px 22px;
    color: #fff;
    background: linear-gradient(217deg, #edf0ff 0%, #ffffff 100%);
    bottom: 30px;
    z-index: 999;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgb(98 102 131 / 27%), 0 2px 8px rgb(212 218 255 / 76%), inset 0 1px 0 rgba(255, 255, 255, .14);
    transition: opacity .35s ease, transform .35s ease;
    opacity: 1;
    transform: translateY(0) scale(1);
    gap: 16px;
}
.yinghe-follow.hiding{opacity:0;transform:translateY(20px) scale(.6);pointer-events:none}
.yinghe-follow-logo{flex:0 0 auto}
.yinghe-follow-logo img{height:52px;width:auto;border-radius:12px}
.yinghe-follow-inner {
    color: #20222d !important;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
    margin-right: 30px;
    text-decoration: none;
}
.yinghe-follow-inner:hover{color:#fff}
.yinghe-follow-title{font-size:20px;font-weight:700;line-height:1.25;margin-bottom:4px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yinghe-follow-title i{vertical-align:1px;margin-left:2px;font-weight:400;opacity:0;transition:all .3s;font-size:18px}
.yinghe-follow-inner:hover .yinghe-follow-title i{margin-left:6px;opacity:1}
.yinghe-follow-text{font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}
.yinghe-follow-text strong{color:#20222d;font-weight:700}
.yinghe-follow-btn{display:flex;align-items:center;gap:10px;position:relative;flex:0 0 auto}
.yinghe-follow-btnlist{
  padding:9px 20px;cursor:pointer;position:relative;
  display:flex;align-items:center;justify-content:center;
  border-radius:999px;font-size:14px;font-weight:600;
  transition:transform .15s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.yinghe-follow-btnlist::before{display:none}
.yinghe-follow-btnlist.first-btn {
    background: #d2d7eb;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #20222d;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.yinghe-follow-btnlist.first-btn:hover{background:#cacedd;color:#1a1c25;border-color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.yinghe-follow-btnlist.last-btn {
    background: #20222d;
    color: #ffffff;
    border: 1px solid #fff;
}
.yinghe-follow-btnlist.last-btn:hover{background:#20222d;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.yinghe-follow-btnlist i{font-size:15px}
.yinghe-follow-btnlist span{margin-left:5px}
.yinghe-follow-close {
    position: absolute;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    z-index: 10;
    right: 5px;
    top: 5px;
    color: rgb(26 26 26 / 85%);
    background: rgb(0 0 0 / 17%);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.yinghe-follow-close:hover{background: rgb(0 0 0 / 20%);color:#283593;border-color:#fff;}
.yinghe-follow-close:active{transform:scale(.92)}
.yinghe-follow-close i{font-size:12px;font-weight:700;line-height:1;font-style:normal}
/* 飞机分享图：桌面端显示（背景图由元素内联 style 输出模板变量） */
.share-bg{
  pointer-events:none;height:145px;width:100px;position:absolute;
  top:-80px;right:200px;z-index:1;
  background-repeat:no-repeat;background-size:contain;
  background-position:center bottom;
}
/* 微信群二维码：原生 hover 弹层 */
.yinghe-follow-qrcode{
  position:absolute;bottom:calc(100% + 14px);left:50%;z-index:3;
  width:300px;padding:10px;background:#fff;border-radius:14px;
  box-shadow:0 12px 32px rgba(0,0,0,.24),0 2px 8px rgba(0,0,0,.1);
  transform:translateX(-50%) scale(.92) translateY(8px);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .25s ease,transform .25s ease,visibility .25s;
}
.yinghe-follow-qrcode::after{
  content:'';position:absolute;bottom:-8px;left:50%;margin-left:-8px;
  border-width:8px 8px 0;border-style:solid;border-color:#fff transparent transparent transparent;
}
.yinghe-follow-qrcode img{display:block;width:100%;height:auto;border-radius:8px}
/* 未设置二维码时的占位文案 */
.yinghe-follow-qrcode-empty{padding:30px 16px;text-align:center}
.yinghe-follow-qrcode-empty strong{display:block;font-size:15px;color:#374151;margin-bottom:6px;font-weight:600}
.yinghe-follow-qrcode-empty span{font-size:12px;color:#9ca3af;letter-spacing:.5px}
.yinghe-follow-btnlist.first-btn:hover .yinghe-follow-qrcode{
  opacity:1;visibility:visible;transform:translateX(-50%) scale(1) translateY(0);
}
.yinghe-follow-mini{
  position:fixed;bottom:30px;left:30px;width:56px;height:56px;
  border-radius:16px;z-index:999;cursor:pointer;
  background: linear-gradient(217deg, #edf0ff 0%, #ffffff 100%);
  box-shadow:0 6px 18px rgba(40,53,147,.45);
  display:none;align-items:center;justify-content:center;
  opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s ease;
}
.yinghe-follow-mini.show{display:flex;opacity:1;transform:scale(1)}
.yinghe-follow-mini img{width:36px;height:36px;border-radius:8px}
.yinghe-follow-mini:hover{transform:scale(1.08)}

/* 平板端：768px - 1023px */
@media(max-width:1023px){
  .yinghe-follow{width:calc(100% - 48px);left:24px;right:24px;padding:16px 20px;gap:14px}
  .yinghe-follow-logo img{height:50px}
  .yinghe-follow-inner{margin-right:32px}
  .yinghe-follow-title{font-size:18px}
  .yinghe-follow-text{font-size:12px}
  .yinghe-follow-btnlist{padding:8px 16px;font-size:13px}
  .yinghe-follow-close{right:10px;top:10px}
  .share-bg{top:-60px;right:160px;height:120px;width:96px}
}

/* 手机端：小于 768px */
@media(max-width:767px){
  .yinghe-follow{width:calc(100% - 24px);left:12px;right:12px;bottom:12px;padding:14px 16px 16px;flex-wrap:wrap;gap:0}
  .yinghe-follow-logo{margin:0 12px 0 0}
  .yinghe-follow-logo img{height:44px}
  .yinghe-follow-inner{flex:1 1 0;min-width:0;margin-right:28px}
  .yinghe-follow-title{font-size:16px}
  .yinghe-follow-title i{display:none}
  .yinghe-follow-text{font-size:12px;opacity:.92}
  .yinghe-follow-btn{flex:1 1 100%;margin-top:12px;gap:10px}
  .yinghe-follow-btnlist{flex:1;padding:10px 8px;font-size:13px}
  .yinghe-follow-qrcode{width:200px;bottom:calc(100% + 12px)}
  .yinghe-follow-mini{bottom:12px;left:12px}
  .share-bg{display:none}
}