.article-card[data-v-6a6ffe81]{border:1px solid #eee;border-radius:4px;overflow:hidden;padding:20px}@media(min-width:768px){.article-card[data-v-6a6ffe81]{padding:30px}}.article-card:hover .article-image[data-v-6a6ffe81]{filter:grayscale(1);transform:scale(1.1)}.article-card:hover .article-title[data-v-6a6ffe81]{color:#a2d242}.article-image[data-v-6a6ffe81]{height:220px;margin:-20px -20px 20px;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .6s,filter .6s;width:calc(100% + 40px)}@media(min-width:768px){.article-image[data-v-6a6ffe81]{margin:-30px -30px 30px;width:calc(100% + 60px)}}.article-title[data-v-6a6ffe81]{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#333;font-size:14px;line-height:140%;overflow:hidden;transition:color .6s}@media(min-width:768px){.article-title[data-v-6a6ffe81]{font-size:18px;height:110px}}@media(min-width:1024px){.article-title[data-v-6a6ffe81]{font-size:20px}}.article-time[data-v-6a6ffe81]{align-items:center;color:#ccc;display:flex;margin:20px 0 0}.article-time .label[data-v-6a6ffe81]{font-size:14px;padding-left:5px}