.article-list[data-v-f2b38210]{width:100%;min-height:200px}.articles-container[data-v-f2b38210]{animation:fadeIn-f2b38210 .3s ease-in}@keyframes fadeIn-f2b38210{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-item[data-v-f2b38210]{display:flex;padding:20px;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .08));cursor:pointer;transition:all .3s ease;border-radius:4px;margin-bottom:8px;background:var(--bg-secondary, #ffffff)}.article-item[data-v-f2b38210]:hover{background:var(--bg-tertiary, #f5f7fa);box-shadow:0 2px 8px var(--shadow, rgba(0, 0, 0, .08));transform:translateY(-2px);border-color:var(--border-hover, rgba(0, 0, 0, .12))}.article-content[data-v-f2b38210]{flex:1}.article-title[data-v-f2b38210]{font-size:18px;color:var(--text-primary, #333);margin-bottom:10px;font-weight:500;transition:color .3s ease}.article-summary[data-v-f2b38210]{font-size:14px;color:var(--text-secondary, #666);margin-bottom:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.article-meta[data-v-f2b38210]{font-size:12px;color:var(--text-tertiary, #999);display:flex;gap:15px;flex-wrap:wrap;align-items:center;transition:color .3s ease}.article-meta span[data-v-f2b38210]{white-space:nowrap;display:inline-flex;align-items:center}.author[data-v-f2b38210]{display:inline-flex;align-items:center;gap:6px}.author .el-avatar[data-v-f2b38210]{flex-shrink:0}.author-name[data-v-f2b38210]{margin-left:0}.author-name-link[data-v-f2b38210]{margin-left:0;color:var(--text-primary, #333);transition:color .3s ease}.author-name-link[data-v-f2b38210]:hover{color:var(--color-primary, #409eff)}.avatar-text-small[data-v-f2b38210]{font-size:10px;font-weight:500;color:var(--text-secondary, #666);display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:color .3s ease}.article-cover[data-v-f2b38210]{width:120px;height:80px;margin-left:20px;border-radius:4px;overflow:hidden}.article-cover img[data-v-f2b38210]{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.article-cover img[data-v-f2b38210]:hover{opacity:.9}.empty-state[data-v-f2b38210]{padding:40px 20px;text-align:center}.articles-page[data-v-a4e6a17e]{background:var(--bg-primary, #fafafa);min-height:calc(100vh - 120px);padding:20px 0;transition:background-color .3s ease}.articles-content[data-v-a4e6a17e]{max-width:1200px;margin:0 auto;padding:20px;background:var(--bg-secondary, #ffffff);border-radius:4px;box-shadow:0 2px 8px var(--shadow, rgba(0, 0, 0, .04));border:1px solid var(--border-color, rgba(0, 0, 0, .08));transition:all .3s ease}