.article-item[data-v-04ad1764]{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-04ad1764]:hover{box-shadow:0 12px 24px #1f268714;transform:translateY(-2px)}.article-header[data-v-04ad1764]{align-items:center;display:flex;gap:12px;margin-bottom:16px}.author-info[data-v-04ad1764]{display:flex;flex-direction:column;gap:1px}.author-name[data-v-04ad1764]{color:#334155;font-size:14px;font-weight:600}.article-time[data-v-04ad1764]{color:#94a3b8;font-size:12px}.article-title[data-v-04ad1764]{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-04ad1764]:hover{color:var(--primary-color)}.article-cover[data-v-04ad1764]{border-radius:8px;margin-bottom:12px;max-height:200px;overflow:hidden}.cover-image[data-v-04ad1764]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.article-item:hover .cover-image[data-v-04ad1764]{transform:scale(1.02)}.article-summary[data-v-04ad1764]{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-04ad1764]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag[data-v-04ad1764]{background:#f1f5f9;border-radius:16px;color:#475569;font-size:12px;font-weight:500;padding:4px 14px;transition:all .3s}.tag[data-v-04ad1764]:hover{background:#e0e7ff;color:var(--primary-color)}.article-footer[data-v-04ad1764]{border-top:1px solid #f1f5f9;padding-top:16px}.article-footer[data-v-04ad1764],.article-stats[data-v-04ad1764]{align-items:center;display:flex}.article-stats[data-v-04ad1764]{gap:20px}.stat-item[data-v-04ad1764]{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:6px;transition:color .3s}.stat-item .iconify[data-v-04ad1764]{font-size:16px}.stat-btn[data-v-04ad1764]{background:none;border:none;cursor:pointer;padding:0}.stat-btn.liked[data-v-04ad1764],.stat-btn[data-v-04ad1764]:hover{color:var(--primary-color)}.article-list[data-v-919b9e57]{background:transparent;overflow:visible}.article-tabs[data-v-919b9e57]{display:flex;margin-bottom:16px}.tab-item[data-v-919b9e57]{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-919b9e57],.tab-item[data-v-919b9e57]:hover{color:var(--primary-color)}.tab-item.active[data-v-919b9e57]{font-weight:600}.tab-item.active[data-v-919b9e57]: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-919b9e57]{min-height:300px}.empty[data-v-919b9e57],.loading[data-v-919b9e57]{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading .spin[data-v-919b9e57]{font-size:32px;margin-bottom:12px}.empty[data-v-919b9e57]{font-size:48px}.empty p[data-v-919b9e57]{font-size:16px;margin-top:16px}.loading-more[data-v-919b9e57]{align-items:center;color:#999;display:flex;font-size:14px;gap:8px;justify-content:center;padding:30px 0}.loading-more .spin[data-v-919b9e57]{font-size:20px}.no-more[data-v-919b9e57]{color:#999;font-size:14px;padding:30px 0;text-align:center}@keyframes spin-919b9e57{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spin[data-v-919b9e57]{animation:spin-919b9e57 1s linear infinite}
