@charset "utf-8";
/* CSS Document */
/* 点赞组件容器 */
.like-wrapper {
 position: relative;
 display: inline-block;
}

/* 中心图片按钮 */
.like-button {
 position: relative;
 width: 60px;
 height: 60px;
 border: none;
 background: none;
 cursor: pointer;
 transition: transform 0.2s ease;
 user-select: none;
}

.like-button img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.like-button:active {
 transform: scale(0.9);
}

.like-button.animating {
 animation: likedPulse 0.5s ease;
}

@keyframes likedPulse {
 0% { transform: scale(1); }
 50% { transform: scale(1.2); }
 100% { transform: scale(1); }
}

/* 气泡容器 */
.like-bubbles {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 overflow: visible;
}

/* 单个气泡 */
.like-bubble {
 position: absolute;
 width: 40px;
 height: 40px;
 opacity: 0;
 pointer-events: none;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}

.like-bubble img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}