.article-list-page[data-v-dff18076]{background:var(--bg);min-height:calc(100vh - 80px)}.list-hero[data-v-dff18076]{border:1px solid var(--card-border);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(#f8fafc,#fff);justify-content:center;align-items:center;margin-bottom:24px;padding:32px 40px;display:flex}.hero-content[data-v-dff18076]{z-index:2;animation:.8s ease-out fadeInUp-dff18076;position:relative}.hero-content h1[data-v-dff18076]{color:#111827;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:32px;font-weight:800;display:inline-flex}.hero-content h1[data-v-dff18076]:before{content:"";background:#ff6b00;border-radius:2px;width:4px;height:24px;display:inline-block}.hero-content p[data-v-dff18076]{color:#4b5563;font-size:15px}@keyframes fadeInUp-dff18076{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content[data-v-dff18076]{max-width:1200px;margin:0 auto;padding:0 20px 60px}.loading-state[data-v-dff18076]{justify-content:center;padding:80px 0;display:flex}.article-grid[data-v-dff18076]{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.article-card[data-v-dff18076]{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.article-card[data-v-dff18076]:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.article-img[data-v-dff18076]{background-color:#f0ecf9;background-position:50%;background-size:cover;height:200px}.article-info[data-v-dff18076]{flex-direction:column;flex:1;padding:24px;display:flex}.title[data-v-dff18076]{color:var(--text);-webkit-line-clamp:2;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4}.summary[data-v-dff18076],.title[data-v-dff18076]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.summary[data-v-dff18076]{-webkit-line-clamp:3;flex:1;margin-bottom:20px;font-size:14px;line-height:1.6}.meta[data-v-dff18076],.summary[data-v-dff18076]{color:var(--text-muted)}.meta[data-v-dff18076]{border-top:1px solid var(--card-border);align-items:center;padding-top:16px;font-size:13px;display:flex}.author[data-v-dff18076]{color:#ff6b00;margin-right:16px}.date[data-v-dff18076]{flex:1}.views[data-v-dff18076]{align-items:center;gap:4px;display:flex}.empty-state[data-v-dff18076]{text-align:center;color:var(--text-muted);padding:80px 0}.empty-icon[data-v-dff18076]{margin-bottom:16px;font-size:48px;display:block}.pagination-wrap[data-v-dff18076]{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-top:60px;padding-top:30px;display:flex}.page-size-selector[data-v-dff18076]{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.size-select[data-v-dff18076]{border:1px solid var(--light-border);border-radius:var(--radius-sm);background-color:var(--card-bg);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;outline:none;padding:6px 30px 6px 12px;font-size:14px;transition:all .2s}.size-select[data-v-dff18076]:focus,.size-select[data-v-dff18076]:hover{border-color:#ff6b00}.size-select[data-v-dff18076]:focus{box-shadow:0 0 0 2px #ff6b0033}.page-controls[data-v-dff18076]{justify-content:center;align-items:center;gap:20px;display:flex}.page-btn[data-v-dff18076]{border:1px solid var(--card-border);background:var(--card-bg);border-radius:var(--radius-md);color:var(--text);cursor:pointer;padding:8px 20px;transition:all .2s}.page-btn[data-v-dff18076]:not(:disabled):hover{color:#fff;background:#ff6b00;border-color:#ff6b00}.page-btn[data-v-dff18076]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-dff18076]{color:var(--text-muted);font-size:14px}.article-tabs[data-v-dff18076]{border-bottom:1px solid var(--card-border);justify-content:center;gap:40px;margin-bottom:40px;padding-bottom:15px;display:flex}.tab-item[data-v-dff18076]{color:var(--text-muted);cursor:pointer;padding:0 10px 10px;font-size:18px;font-weight:500;transition:all .3s;position:relative}.tab-item.active[data-v-dff18076],.tab-item[data-v-dff18076]:hover{color:#ff6b00;font-weight:700}.tab-item.active[data-v-dff18076]:after{content:"";background:#ff6b00;border-radius:99px;height:3px;position:absolute;bottom:-1px;left:0;right:0}@media (width<=992px){.article-grid[data-v-dff18076]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=768px){.main-content[data-v-dff18076]{padding:0 6px 40px}.list-hero[data-v-dff18076]{margin-bottom:20px;padding:24px 16px}.hero-content h1[data-v-dff18076]{font-size:24px}.hero-content p[data-v-dff18076]{font-size:13px}.article-tabs[data-v-dff18076]{gap:24px;margin-bottom:30px}.tab-item[data-v-dff18076]{font-size:16px}.pagination-wrap[data-v-dff18076]{flex-direction:column;align-items:center;gap:20px;margin-top:40px}}@media (width<=576px){.article-grid[data-v-dff18076]{grid-template-columns:1fr}}