.icons-design-colored .social-wechat {
background-color: #07c160;
}
.icons-design-colored-alt .social-wechat:hover,
.icons-design-bordered .social-wechat:hover {
border-color: #07c160;
background-color: #07c160;
}
.diy-wechat-share-overlay {
position: fixed;
inset: 0;
z-index: 99999;
display: none;
align-items: flex-start;
justify-content: flex-end;
padding: 24px;
background: rgba(0, 0, 0, 0.72);
}
.diy-wechat-share-overlay.is-visible {
display: flex;
}
.diy-wechat-share-overlay__tip {
max-width: 280px;
border-radius: 14px;
background: #ffffff;
padding: 14px 16px;
color: #111111;
font-size: 14px;
line-height: 1.6;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}
.diy-wechat-share-meta {
margin-top: 12px;
}
.diy-wechat-share-button {
display: inline-flex;
align-items: center;
gap: 8px;
justify-content: center;
}
.diy-wechat-share-button:hover {
color: #ffffff;
}
.diy-wechat-share-button .fa {
font-size: 16px;
}
.diy-wechat-share-toast {
position: fixed;
left: 50%;
bottom: 32px;
z-index: 100000;
max-width: calc(100vw - 32px);
transform: translate(-50%, 12px);
border-radius: 999px;
background: rgba(17, 17, 17, 0.92);
padding: 10px 16px;
color: #ffffff;
font-size: 13px;
line-height: 1.5;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.diy-wechat-share-toast.is-visible {
opacity: 1;
transform: translate(-50%, 0);
}