-delay: 1.5s;
}
@keyframes sparkle {
0%, 100% { opacity: 0; transform: scale(0); }
50% { opacity: 1; transform: scale(1.5) rotate(20deg); }
}
/* 弹窗样式 */
.donate-popup {
position: absolute;
bottom: 90px;
right: 0;
width: 260px;
background: white;
border-radius: 16px;
padding: 20px;
box-shadow: 0 15px 40px rgba(0,0,0,0.2);
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
z-index: 2;
}
.donate-message {
color: #555;
font-size: 15px;
line-height: 1.6;
font-weight: 600;
text-align: center;
margin-bottom: 15px;
}
.qrcode {
width: 200px;
height: 200px;
object-fit: contain;
display: block;
margin: 0 auto;
border: 1px solid #f0f0f0;
border-radius: 8px;
transition: transform 0.3s;
}
/* 悬停效果 */
.donate-floating:hover .donate-button {
animation: none;
transform: scale(1.1) rotate(8deg) !important;
}
.donate-floating:hover .donate-popup {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* 响应式调整 */
@media (max-width: 768px) {
.donate-floating {
bottom: 20px;
right: 20px;
}
.donate-button {
width: 60px;
height: 60px;
font-size: 24px;
}
.donate-popup {
width: 240px;
right: -20px;
}
}
