.article-interact{margin:20px 0;text-align:center}.article-like{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.valine-collect,.valine-like{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:#f5f7fa;border:1px solid #e6e8eb;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:16px;color:#666;min-width:120px}.valine-like:hover{background-color:#ffeef0;border-color:#ffccd0;color:#ff4d4f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,77,79,.15)}.valine-like.liked{background-color:#ffeef0;border-color:#ffccd0;color:#ff4d4f}.valine-like.liked .fa-heart{animation:heartBeat .6s ease}.valine-collect:hover{background-color:#fff0e0;border-color:#ffd9b3;color:#fa8c16;transform:translateY(-2px);box-shadow:0 4px 12px rgba(250,140,22,.15)}.valine-collect.collected{background-color:#fff0e0;border-color:#ffd9b3;color:#fa8c16}.valine-collect.collected .fa-bookmark{animation:bookmarkPulse .6s ease}.valine-collect .collect-count,.valine-like .like-count{font-weight:700;font-size:18px}.valine-collect .fa-bookmark,.valine-like .fa-heart{font-size:20px}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes bookmarkPulse{0%{transform:scale(1)}25%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.2) rotate(-5deg)}100%{transform:scale(1) rotate(0)}}