.article-list-container[data-v-ff1d9331]{max-width:75rem;margin:0 auto;padding:1.25rem;min-height:100vh}.article-list-container .main-content[data-v-ff1d9331]{display:flex;gap:1.25rem}@media (max-width: 768px){.article-list-container .main-content[data-v-ff1d9331]{flex-direction:column}}.article-list-container .category-sidebar[data-v-ff1d9331]{min-width:13.75rem;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 .0625rem .1875rem #0000001a;height:-moz-fit-content;height:fit-content}.article-list-container .category-sidebar .category-title[data-v-ff1d9331]{font-weight:600;margin-bottom:1rem}.article-list-container .article-list-wrapper[data-v-ff1d9331]{flex:1}.article-list-container .page-header[data-v-ff1d9331]{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;padding:2rem;margin-bottom:1.5rem;text-align:center;box-shadow:0 .0625rem .1875rem #0000001a}.article-list-container .page-header .page-title[data-v-ff1d9331]{font-size:2rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.article-list-container .page-header .page-description[data-v-ff1d9331]{font-size:1rem;color:#6b7280}.article-list-container .loading-container[data-v-ff1d9331],.article-list-container .empty-container[data-v-ff1d9331],.article-list-container .error-container[data-v-ff1d9331]{display:flex;justify-content:center;align-items:center;min-height:25rem;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;text-align:center}.article-list-container .loading-container .anticon[data-v-ff1d9331],.article-list-container .empty-container .anticon[data-v-ff1d9331],.article-list-container .error-container .anticon[data-v-ff1d9331]{font-size:4rem;margin-bottom:1rem}.article-list-container .loading-container h3[data-v-ff1d9331],.article-list-container .empty-container h3[data-v-ff1d9331],.article-list-container .error-container h3[data-v-ff1d9331]{margin:1rem 0;color:#1f2937;font-size:1.125rem}.article-list-container .loading-container p[data-v-ff1d9331],.article-list-container .empty-container p[data-v-ff1d9331],.article-list-container .error-container p[data-v-ff1d9331]{color:#6b7280;margin-bottom:1.5rem}.article-list-container .error-container .anticon[data-v-ff1d9331]{color:#ef4444}.article-list-container .empty-container .anticon[data-v-ff1d9331]{color:#9ca3af}.article-list-container .article-list[data-v-ff1d9331]{display:flex;flex-direction:column;gap:1.25rem}.article-list-container .article-list .article-card[data-v-ff1d9331]{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;padding:1.5rem;cursor:pointer;transition:all .3s ease}.article-list-container .article-list .article-card[data-v-ff1d9331]:hover{transform:translateY(-.125rem);box-shadow:0 .25rem .75rem #00000026;border-color:#1677ff}.article-list-container .article-list .article-card .card-header[data-v-ff1d9331]{display:flex;justify-content:space-between;margin-bottom:.75rem}.article-list-container .article-list .article-card .card-header .article-title[data-v-ff1d9331]{font-size:1.25rem;font-weight:600;color:#1f2937;flex:1;line-height:1.4}.article-list-container .article-list .article-card .card-header .article-title[data-v-ff1d9331]:hover{color:#1677ff}.article-list-container .article-list .article-card .card-header .category-tag[data-v-ff1d9331]{background:#eef2ff;color:#1677ff;padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:500;white-space:nowrap}.article-list-container .article-list .article-card .article-summary[data-v-ff1d9331]{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-list-container .article-list .article-card .article-footer[data-v-ff1d9331]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:.0625rem solid #f3f4f6}.article-list-container .article-list .article-card .article-footer .article-meta[data-v-ff1d9331]{display:flex;gap:1.25rem}.article-list-container .article-list .article-card .article-footer .article-meta .meta-item[data-v-ff1d9331]{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#9ca3af}.article-list-container .article-list .article-card .article-footer .article-meta .meta-item .anticon[data-v-ff1d9331]{font-size:.875rem;color:#1677ff}.article-list-container .article-list .article-card .article-footer .read-more[data-v-ff1d9331]{display:flex;align-items:center;gap:.375rem;color:#1677ff;font-size:.875rem;font-weight:500;transition:gap .2s ease}.article-list-container .article-list .article-card .article-footer .read-more .anticon[data-v-ff1d9331]{font-size:.75rem;transition:transform .2s ease}.article-list-container .article-list .article-card .article-footer:hover .read-more[data-v-ff1d9331]{gap:.625rem}.article-list-container .article-list .article-card .article-footer:hover .read-more .anticon[data-v-ff1d9331]{transform:translate(.125rem)}.article-list-container .pagination-container[data-v-ff1d9331]{display:flex;justify-content:center;margin-top:2rem;padding:1.5rem;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;box-shadow:0 .0625rem .1875rem #0000001a}@media (max-width: 768px){.article-list-container[data-v-ff1d9331]{padding:.75rem}.article-list-container .page-header[data-v-ff1d9331]{padding:1.5rem 1.25rem}.article-list-container .page-header .page-title[data-v-ff1d9331]{font-size:1.5rem}.article-list-container .page-header .page-description[data-v-ff1d9331]{font-size:.875rem}.article-list-container .category-sidebar[data-v-ff1d9331]{min-width:100%}.article-list-container .article-list .article-card[data-v-ff1d9331]{padding:1.25rem}.article-list-container .article-list .article-card .card-header[data-v-ff1d9331]{flex-direction:column;align-items:flex-start}.article-list-container .article-list .article-card .article-footer[data-v-ff1d9331]{flex-direction:column;align-items:flex-start;gap:1.25rem}.article-list-container .article-list .article-card .article-meta[data-v-ff1d9331]{flex-direction:column;gap:.5rem}}