@keyframes dithering-9b7ffa8a{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.project-card[data-v-9b7ffa8a]{background:var(--bgColor2);border-radius:14px;box-sizing:border-box;color:var(--gray8);display:flex;flex-direction:column;gap:12px;height:430px;overflow:hidden;padding:16px;transition:.3s;width:350px}.project-card .heat[data-v-9b7ffa8a]{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffad;border-radius:2px;color:#e48383;display:flex;font-size:16px;gap:6px;padding:2px 6px;position:absolute}.project-card[data-v-9b7ffa8a]:hover{box-shadow:0 2px 8px #0000004d;transform:translateY(-10px)}.project-card:hover .title[data-v-9b7ffa8a]{color:var(--pcolor)}.project-card .cover[data-v-9b7ffa8a]{border-radius:14px;flex-shrink:0;height:201px;width:100%}.project-card .title[data-v-9b7ffa8a]{flex-shrink:0;font-size:18px;font-weight:600;overflow:hidden}.project-card .title-text[data-v-9b7ffa8a]{color:inherit;font:inherit;margin:0}.project-card .date[data-v-9b7ffa8a]{align-items:center;color:var(--gray7);display:flex;flex-shrink:0;justify-content:space-between}.project-card .remark[data-v-9b7ffa8a]{color:var(--gray6);height:48.23px;margin-bottom:24px;overflow:hidden}.project-card .button-group[data-v-9b7ffa8a]{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.project-card .button-group .like[data-v-9b7ffa8a]{align-items:center;background:var(--bgColor3);border-radius:12px;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:space-around;width:88px}.project-card .button-group .like:hover div[data-v-9b7ffa8a]{animation:dithering-9b7ffa8a .6s linear infinite}.project-card .button-group .like span.icon[data-v-9b7ffa8a]{font-size:20px;margin-right:2px}.project-card .button-group .button[data-v-9b7ffa8a]{background:var(--bgColor6);border-radius:12px;color:var(--white);cursor:pointer;flex:1;font-size:16px;height:38px;line-height:38px;overflow:hidden;position:relative;text-align:center}.project-card .button-group .button[data-v-9b7ffa8a]:after{background:var(--white8) no-repeat left;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;transition:.3s;width:0}.project-card .button-group .button[data-v-9b7ffa8a]:hover:after{width:100%}