.article[data-v-7dc0228e],.article_container[data-v-7dc0228e]{display:flex}.article[data-v-7dc0228e]{align-items:center;flex-direction:column;flex-wrap:wrap;justify-content:center}.image[data-v-7dc0228e]{border-radius:8px;height:214px;-o-object-fit:cover;object-fit:cover;width:305px}.article_title[data-v-7dc0228e],.image[data-v-7dc0228e]{cursor:pointer;margin-top:20px}.article_title[data-v-7dc0228e]{color:#282828;display:-webkit-box;font-size:18px;-webkit-box-orient:vertical;white-space:wrap;word-wrap:break-word;overflow:hidden;text-align:justify;text-overflow:ellipsis}.article_title[data-v-7dc0228e]:hover{color:#0071ce;text-decoration:underline}.article_title:hover+.article_describe[data-v-7dc0228e]{color:#d8d8d8}.article_describe[data-v-7dc0228e]{color:#999;display:-webkit-box;font-size:14px;-webkit-box-orient:vertical;white-space:wrap;word-wrap:break-word;margin-top:12px;overflow:hidden;text-align:justify;text-overflow:ellipsis}.tag_box[data-v-7dc0228e]{align-items:center;display:flex;height:25px;margin-top:20px}.tag_dash[data-v-7dc0228e]{border:2px solid #0071ce;border-radius:2px;height:0;margin-right:10px;width:10px}.tag_circle[data-v-7dc0228e]{border:5px solid #0071ce;border-radius:50%;margin-right:10px}.article_container:has(.article_title:hover) .tag_dash[data-v-7dc0228e]{border:2px solid red}.article_container:has(.article_title:hover) .tag_circle[data-v-7dc0228e]{border:5px solid red}