.c-recommend-articles[data-v-b7424f9a]{display:flex;flex-direction:column}.c-recommend-articles .article-item[data-v-b7424f9a]{align-items:center;border-bottom:1px solid var(--color-border-subtle);box-sizing:border-box;display:flex;gap:12px;height:auto;min-height:140px;padding:16px 0}.c-recommend-articles .article-item:hover .article-title[data-v-b7424f9a]{color:#ff7f37}.c-recommend-articles .article-item .article-cover[data-v-b7424f9a]{flex:0 0 180px;height:108px;width:180px}.c-recommend-articles .article-item .article-cover[data-v-b7424f9a] .c-image{height:100%;width:100%}.c-recommend-articles .article-item .article-cover--placeholder[data-v-b7424f9a]{background-position:50%;background-size:cover;border-radius:6px}.c-recommend-articles .article-item .article-meta[data-v-b7424f9a]{display:flex;flex:1;flex-direction:column;gap:6px;justify-content:center}.c-recommend-articles .article-item .article-meta .article-title[data-v-b7424f9a]{color:var(--color-text-main);font-size:24px;font-weight:700;line-height:1.4;transition:color .2s;width:100%;word-break:break-word}.c-recommend-articles .article-item .article-meta .article-info[data-v-b7424f9a]{color:var(--color-text-sub);font-size:16px}.c-recommend-articles .articles-empty[data-v-b7424f9a]{color:var(--color-text-sub);font-size:14px;padding:24px;text-align:center}@media(max-width:640px){.c-recommend-articles .article-item[data-v-b7424f9a]{gap:10px;height:auto;min-height:96px;padding:10px 0}.c-recommend-articles .article-item .article-cover[data-v-b7424f9a]{flex:0 0 120px;height:72px;width:120px}.c-recommend-articles .article-item .article-meta[data-v-b7424f9a]{gap:4px}.c-recommend-articles .article-item .article-meta .article-title[data-v-b7424f9a]{font-size:14px}.c-recommend-articles .article-item .article-meta .article-info[data-v-b7424f9a]{font-size:12px}}html.dark .c-recommend-articles .article-cover--placeholder{background-image:url(../images/articles/cover-dark.webp)}html.light .c-recommend-articles .article-cover--placeholder{background-image:url(../images/articles/cover-light.webp)}