.articles-main[data-v-7c939b15]{display:grid;gap:30px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}@media (max-width:768px){.articles-main[data-v-7c939b15]{gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}.articles-main .article-item-main[data-v-7c939b15]:not(:last-child){border-bottom:1px solid var(--border-color)}}.article-item-main[data-v-7c939b15]{display:flex;flex-direction:column;justify-content:space-between;line-height:24px;padding:12px 10px;transition:background .5s;width:100%}.article-footer[data-v-7c939b15]{align-items:center;display:flex}.article-info[data-v-7c939b15]{margin-top:12px}.article-info .article-title[data-v-7c939b15]{color:var(--text-color);font-size:18px;font-weight:500;line-height:30px;overflow:hidden;text-overflow:ellipsis}.article-info .article-summary[data-v-7c939b15]{color:var(--text-color2);display:-webkit-box;font-size:14px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-top:6px;text-align:justify;text-overflow:ellipsis;word-break:break-all}.article-meta[data-v-7c939b15]{align-items:center;display:flex;font-size:13px;padding-top:6px}.article-meta .article-meta-left .article-meta-item[data-v-7c939b15]{color:var(--text-color3);padding:0 6px 0 0}.article-meta .article-meta-left .article-meta-item .article-author[data-v-7c939b15]{font-weight:700;padding:0 3px}.article-meta .article-meta-right[data-v-7c939b15]{margin-left:10px}@media screen and (max-width:768px){.article-meta .article-meta-right[data-v-7c939b15]{display:none}}.article-meta .article-meta-right .article-tag[data-v-7c939b15]{align-items:center;background:var(--bg-color2);border:1px solid var(--border-color2);border-radius:12.5px;color:var(--text-color3);font-size:12px;justify-content:center;margin-right:10px;padding:2px 8px}.article-meta .article-meta-right .article-tag[data-v-7c939b15]:hover{background:var(--bg-color);color:var(--text-link-color)}.article-item-cover[data-v-7c939b15]{display:flex;margin-left:6px}.article-item-cover img[data-v-7c939b15]{height:90px;min-height:90px;min-width:140px;-o-object-fit:cover;object-fit:cover;width:140px}@media screen and (max-width:768px){.article-item-cover img[data-v-7c939b15]{height:80px;min-height:80px;min-width:110px;width:110px}}