.btn__recommend[data-v-773d64c1]{align-items:center;color:#333;display:inline-flex;font-size:14px;font-weight:400;gap:0 4px;line-height:1;position:relative}.btn__recommend .ico-smile[data-v-773d64c1]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23333'/%3E%3Ccircle cx='5.8' cy='6.2' r='.8' fill='%23333'/%3E%3Ccircle cx='10.2' cy='6.2' r='.8' fill='%23333'/%3E%3Cpath stroke='%23333' stroke-linecap='round' d='M10.4 9.4c0 .884-1.074 1.6-2.4 1.6s-2.4-.716-2.4-1.6'/%3E%3C/svg%3E") no-repeat 0 50%;background-size:auto 16px;display:inline-block;height:16px;width:16px}.btn__recommend em[data-v-773d64c1]{color:#1ba774;font-weight:700}.btn__recommend.active[data-v-773d64c1]{color:#1ba774}.btn__recommend.active .ico-smile[data-v-773d64c1]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%231ba774'/%3E%3Ccircle cx='5.8' cy='6.2' r='.8' fill='%23fff'/%3E%3Ccircle cx='10.2' cy='6.2' r='.8' fill='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M10.4 9.4c0 .884-1.074 1.6-2.4 1.6s-2.4-.716-2.4-1.6'/%3E%3C/svg%3E")}.btn__recommend.active .motion-area[data-v-773d64c1]{top:0;right:0;bottom:0;left:0;position:absolute}.btn__recommend.active .motion-area span[data-v-773d64c1]{bottom:10px;content:"";display:block;height:18px;left:0;opacity:0;position:absolute;width:18px;z-index:10}.btn__recommend.active .motion-area span[data-v-773d64c1]:first-child{animation:bubbleL-773d64c1 1s linear;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23fcd64e'/%3E%3Ccircle cx='7.25' cy='7.75' r='1' fill='%23fff'/%3E%3Ccircle cx='12.75' cy='7.75' r='1' fill='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M13 11.75c0 1.105-1.343 2-3 2s-3-.895-3-2'/%3E%3C/svg%3E") no-repeat;background-size:100%}.btn__recommend.active .motion-area span[data-v-773d64c1]:nth-child(2){animation:bubbleR-773d64c1 1.5s linear;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23ff9d7e'/%3E%3Ccircle cx='7.25' cy='7.75' r='1' fill='%23fff'/%3E%3Ccircle cx='12.75' cy='7.75' r='1' fill='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M13 11.75c0 1.105-1.343 2-3 2s-3-.895-3-2'/%3E%3C/svg%3E") no-repeat;background-size:100%}.btn__recommend.active .motion-area span[data-v-773d64c1]:nth-child(3){animation:bubbleL-773d64c1 2s linear;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%236bd675'/%3E%3Ccircle cx='7.25' cy='7.75' r='1' fill='%23fff'/%3E%3Ccircle cx='12.75' cy='7.75' r='1' fill='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M13 11.75c0 1.105-1.343 2-3 2s-3-.895-3-2'/%3E%3C/svg%3E") no-repeat;background-size:100%}.btn__recommend.active .motion-area span[data-v-773d64c1]:nth-child(4){animation:bubbleR-773d64c1 2.5s linear;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336bea6'/%3E%3Ccircle cx='7.25' cy='7.75' r='1' fill='%23fff'/%3E%3Ccircle cx='12.75' cy='7.75' r='1' fill='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M13 11.75c0 1.105-1.343 2-3 2s-3-.895-3-2'/%3E%3C/svg%3E") no-repeat;background-size:100%}.btn__recommend.active .motion-area span[data-v-773d64c1]:nth-child(5){animation:bubbleL-773d64c1 3s linear;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2318c586'/%3E%3Ccircle cx='7.25' cy='7.75' r='1' fill='%23fff'/%3E%3Ccircle cx='12.75' cy='7.75' r='1' fill='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M13 11.75c0 1.105-1.343 2-3 2s-3-.895-3-2'/%3E%3C/svg%3E") no-repeat;background-size:100%}@keyframes bubbleL-773d64c1{0%{opacity:1;transform:translate(0)}10%{transform:translate(25px,-30px)}25%{transform:translate(5px,-70px)}30%{opacity:0}50%{opacity:0;transform:translate(25px,-105px)}}@keyframes bubbleR-773d64c1{0%{opacity:1;transform:translate(0)}10%{transform:translate(5px,-30px)}25%{transform:translate(25px,-70px)}30%{opacity:0}50%{opacity:0;transform:translate(5px,-105px)}}