.article-item[data-v-1f394fb9]{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 2px 4px #00000005;margin-bottom:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-item[data-v-1f394fb9]:hover{box-shadow:0 12px 24px #1f268714;transform:translateY(-2px)}.article-header[data-v-1f394fb9]{align-items:center;display:flex;gap:12px;margin-bottom:16px}.author-info[data-v-1f394fb9]{display:flex;flex-direction:column;gap:1px}.author-name[data-v-1f394fb9]{color:#334155;font-size:14px;font-weight:600}.article-time[data-v-1f394fb9]{color:#94a3b8;font-size:12px}.article-title[data-v-1f394fb9]{color:#1e293b;display:block;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:10px;transition:color .3s}.article-title[data-v-1f394fb9]:hover{color:var(--primary-color)}.article-cover[data-v-1f394fb9]{border-radius:8px;margin-bottom:12px;max-height:200px;overflow:hidden}.cover-image[data-v-1f394fb9]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.article-item:hover .cover-image[data-v-1f394fb9]{transform:scale(1.02)}.article-summary[data-v-1f394fb9]{color:#64748b;display:-webkit-box;font-size:14px;line-clamp:2;-webkit-line-clamp:2;line-height:1.6;margin-bottom:16px;-webkit-box-orient:vertical;overflow:hidden}.article-tags[data-v-1f394fb9]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag[data-v-1f394fb9]{background:#f1f5f9;border-radius:16px;color:#475569;font-size:12px;font-weight:500;padding:4px 14px;transition:all .3s}.tag[data-v-1f394fb9]:hover{background:#e0e7ff;color:var(--primary-color)}.article-footer[data-v-1f394fb9]{border-top:1px solid #f1f5f9;padding-top:16px}.article-footer[data-v-1f394fb9],.article-stats[data-v-1f394fb9]{align-items:center;display:flex}.article-stats[data-v-1f394fb9]{gap:20px}.stat-item[data-v-1f394fb9]{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:6px;transition:color .3s}.stat-item .iconify[data-v-1f394fb9]{font-size:16px}.stat-btn[data-v-1f394fb9]{background:none;border:none;cursor:pointer;padding:0}.stat-btn.liked[data-v-1f394fb9],.stat-btn[data-v-1f394fb9]:hover{color:var(--primary-color)}@media(max-width:768px){.article-item[data-v-1f394fb9]{border-radius:8px;box-sizing:border-box;margin-bottom:12px;max-width:100%;padding:16px;width:100%;word-wrap:break-word;overflow-wrap:break-word}.article-header[data-v-1f394fb9]{flex-wrap:wrap;gap:8px;margin-bottom:12px}.author-avatar[data-v-1f394fb9]{height:36px;width:36px}.author-name[data-v-1f394fb9]{font-size:13px}.article-time[data-v-1f394fb9]{font-size:11px}.article-title[data-v-1f394fb9]{font-size:16px;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word;width:100%}.article-cover[data-v-1f394fb9]{border-radius:6px;margin-bottom:12px;max-height:160px;max-width:100%;width:100%}.article-cover img[data-v-1f394fb9]{display:block;height:auto;max-width:100%;width:100%}.article-summary[data-v-1f394fb9]{font-size:13px;line-clamp:2;-webkit-line-clamp:2;margin-bottom:12px;width:100%}.article-tags[data-v-1f394fb9]{gap:6px;margin-bottom:12px;width:100%}.tag[data-v-1f394fb9]{font-size:11px;padding:3px 10px}.article-footer[data-v-1f394fb9]{flex-wrap:wrap;gap:8px;padding-top:12px;width:100%}.article-stats[data-v-1f394fb9]{flex-wrap:wrap;gap:12px}.stat-item[data-v-1f394fb9]{font-size:12px}}.article-list[data-v-e2d67aba]{background:transparent;overflow:visible}.article-tabs[data-v-e2d67aba]{display:flex;margin-bottom:16px}.tab-item[data-v-e2d67aba]{background:none;border:none;color:#666;cursor:pointer;flex:1;font-size:15px;padding:16px;position:relative;transition:all .3s}.tab-item.active[data-v-e2d67aba],.tab-item[data-v-e2d67aba]:hover{color:var(--primary-color)}.tab-item.active[data-v-e2d67aba]{font-weight:600}.tab-item.active[data-v-e2d67aba]:after{background:var(--primary-color);border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.article-items[data-v-e2d67aba]{min-height:300px}.empty[data-v-e2d67aba],.loading[data-v-e2d67aba]{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading .spin[data-v-e2d67aba]{font-size:32px;margin-bottom:12px}.empty[data-v-e2d67aba]{font-size:48px}.empty p[data-v-e2d67aba]{font-size:16px;margin-top:16px}.loading-more[data-v-e2d67aba]{align-items:center;color:#999;display:flex;font-size:14px;gap:8px;justify-content:center;padding:30px 0}.loading-more .spin[data-v-e2d67aba]{font-size:20px}.no-more[data-v-e2d67aba]{color:#999;font-size:14px;padding:30px 0;text-align:center}@keyframes spin-e2d67aba{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spin[data-v-e2d67aba]{animation:spin-e2d67aba 1s linear infinite}@media(max-width:768px){.article-tabs[data-v-e2d67aba]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.article-tabs[data-v-e2d67aba]::-webkit-scrollbar{display:none}.tab-item[data-v-e2d67aba]{flex:0 0 auto;font-size:14px;padding:12px 16px;white-space:nowrap}}