.article-section[data-v-467b0956]{overflow-wrap:break-word;display:flex;flex-direction:row-reverse;flex-grow:1;align-items:center}.article-item[data-v-467b0956]{display:flex;gap:10px;padding:10px 0 19px;margin-bottom:5px;border-bottom:1px solid #ccc}.article-item[data-v-467b0956]:hover{background-color:#f7f7f7}.article-item>a[data-v-467b0956]{color:inherit;text-decoration:none;width:100%}.article-thumbnail[data-v-467b0956]{width:auto;max-width:150px;height:100px;overflow:hidden;border-radius:5px}.article-thumbnail img[data-v-467b0956]{min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover}.article-info[data-v-467b0956]{flex:1;display:flex;flex-direction:column}.article-topic[data-v-467b0956]{font-weight:700;font-size:18px;color:#333}.article-title[data-v-467b0956]{font-weight:700;font-size:18px;line-height:1.2;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:2.4rem}.article-content[data-v-467b0956]{font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (max-width: 500px){.q-item-section[data-v-467b0956]{overflow-wrap:anywhere;word-break:break-all}.article-title[data-v-467b0956]{font-size:16px}}.article-extra-info[data-v-467b0956]{display:flex;justify-content:space-between;font-size:.9em;color:#757575;margin-top:5px}.article-created-at[data-v-467b0956]{margin-right:10px}.postOn[data-v-467b0956]{color:#00000080;font-size:.8rem}