.article-list-item[data-v-d96866f1]{align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:20px;transition:all .3s ease}.article-list-item[data-v-d96866f1]:hover{border-color:var(--el-color-primary);box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.article-list-item.no-image .item-content[data-v-d96866f1]{width:100%}.article-list-item .item-image[data-v-d96866f1]{border-radius:8px;flex-shrink:0;height:150px;overflow:hidden;position:relative;width:200px}.article-list-item .item-image .image[data-v-d96866f1]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.article-list-item .item-image:hover .image[data-v-d96866f1]{transform:scale(1.05)}.article-list-item .item-image .status-badges[data-v-d96866f1]{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px}.article-list-item .item-image .status-badge[data-v-d96866f1]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.article-list-item .item-image .status-badge.top[data-v-d96866f1]{background:#f56666e6}.article-list-item .item-image .status-badge.recommend[data-v-d96866f1]{background:#e6a23ce6}.article-list-item .item-image .status-badge.featured[data-v-d96866f1]{background:#67c23ae6}.article-list-item .item-content[data-v-d96866f1]{display:flex;flex:1;flex-direction:column;gap:12px;min-height:150px}.article-list-item .item-content .inline-status-badges[data-v-d96866f1]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.article-list-item .item-content .inline-status-badge[data-v-d96866f1]{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.article-list-item .item-content .inline-status-badge.top[data-v-d96866f1]{background:#f56565}.article-list-item .item-content .inline-status-badge.recommend[data-v-d96866f1]{background:#e6a23c}.article-list-item .item-content .inline-status-badge.featured[data-v-d96866f1]{background:#67c23a}.article-list-item .item-content .item-title[data-v-d96866f1]{color:#333;display:-webkit-box;font-size:20px;font-weight:600;line-height:1.4;margin:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-list-item .item-content .item-title a[data-v-d96866f1]{color:inherit;text-decoration:none;transition:color .3s ease}.article-list-item .item-content .item-title a[data-v-d96866f1]:hover{color:var(--el-color-primary)}.article-list-item .item-content .item-summary[data-v-d96866f1]{color:#666;display:-webkit-box;flex:1;font-size:14px;line-height:1.6;margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-list-item .item-content .item-meta[data-v-d96866f1]{margin-top:auto}.article-list-item .item-actions[data-v-d96866f1]{align-items:center;display:flex;flex-shrink:0}@media (max-width:768px){.article-list-item[data-v-d96866f1]{flex-direction:column;gap:16px}.article-list-item .item-image[data-v-d96866f1]{height:200px;width:100%}.article-list-item .item-content[data-v-d96866f1]{min-height:auto}.article-list-item .item-content .item-title[data-v-d96866f1]{font-size:18px}.article-list-item .item-content .item-summary[data-v-d96866f1]{font-size:13px}.article-list-item .item-actions[data-v-d96866f1]{align-self:flex-start}}@media (max-width:480px){.article-list-item[data-v-d96866f1]{padding:16px}.article-list-item .item-image[data-v-d96866f1]{height:160px}}.article-list .list-header[data-v-61cbe39f]{align-items:flex-end;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.article-list .list-header .header-info .list-title[data-v-61cbe39f]{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.article-list .list-header .header-info .list-count[data-v-61cbe39f]{color:#666;font-size:14px;margin:0}.article-list .list-header .header-info .list-count .count-number[data-v-61cbe39f]{color:var(--el-color-primary);font-weight:600}.article-list .list-header .header-controls[data-v-61cbe39f]{align-items:center;display:flex;gap:16px}.article-list .list-header .header-controls .display-mode-toggle .el-radio-group .el-radio-button .el-radio-button__inner[data-v-61cbe39f]{align-items:center;display:flex;gap:4px;padding:8px 12px}@media (max-width:768px){.article-list .list-header[data-v-61cbe39f]{align-items:flex-start;flex-direction:column;gap:16px}.article-list .list-header .header-info .list-title[data-v-61cbe39f]{font-size:24px}.article-list .list-header .header-controls[data-v-61cbe39f]{flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}}.article-list .loading-state[data-v-61cbe39f]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.article-list .loading-state.loading-list[data-v-61cbe39f]{gap:16px;grid-template-columns:1fr}.article-list .loading-state .skeleton-item .skeleton-card[data-v-61cbe39f]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.article-list .loading-state .skeleton-item .skeleton-card.skeleton-list-item[data-v-61cbe39f]{align-items:flex-start;display:flex;gap:20px;padding:20px}.article-list .loading-state .skeleton-item .skeleton-card .skeleton-content[data-v-61cbe39f]{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px}.article-list .articles-container.articles-grid[data-v-61cbe39f]{display:grid;gap:24px}.article-list .articles-container.articles-grid.grid-1-columns[data-v-61cbe39f]{grid-template-columns:1fr}.article-list .articles-container.articles-grid.grid-2-columns[data-v-61cbe39f]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.article-list .articles-container.articles-grid.grid-3-columns[data-v-61cbe39f]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.article-list .articles-container.articles-grid.grid-4-columns[data-v-61cbe39f]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.article-list .articles-container.articles-grid.grid-horizontal[data-v-61cbe39f]{gap:20px;grid-template-columns:1fr}@media (max-width:768px){.article-list .articles-container.articles-grid[data-v-61cbe39f]{gap:16px;grid-template-columns:1fr}}.article-list .articles-container.articles-list[data-v-61cbe39f]{display:flex;flex-direction:column;gap:16px}.article-list .empty-state[data-v-61cbe39f]{padding:80px 20px}.article-list .empty-state .empty-title[data-v-61cbe39f]{color:#409eff;font-size:18px;font-weight:500;margin:16px 0 8px}.article-list .empty-state .empty-description[data-v-61cbe39f]{color:#909399;line-height:1.6;margin:8px 0 24px}.article-list .pagination-wrapper[data-v-61cbe39f]{margin-top:48px;text-align:center}.article-list .pagination-wrapper .pagination[data-v-61cbe39f]{justify-content:center}@media (max-width:768px){.article-list .pagination-wrapper[data-v-61cbe39f]{margin-top:32px}.article-list .pagination-wrapper[data-v-61cbe39f] .el-pagination .el-pagination__jump,.article-list .pagination-wrapper[data-v-61cbe39f] .el-pagination .el-pagination__sizes{display:none}}.page-header[data-v-fe3fbacf]{background:linear-gradient(135deg,#677eeacc,#764ba2cc);color:#fff;overflow:hidden;padding:2rem 0;position:relative}.page-header[data-v-fe3fbacf]:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:0}.page-header[data-v-fe3fbacf]:after,.page-header[data-v-fe3fbacf]:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.page-header[data-v-fe3fbacf]:after{background:#ffffff26;z-index:1}.page-header.has-banner[data-v-fe3fbacf]:after{background:#0006}.page-header .container[data-v-fe3fbacf]{position:relative;z-index:2}.page-header.has-banner[data-v-fe3fbacf]{background:linear-gradient(135deg,#677eea4d,#764ba24d)}.page-header.page-header--category[data-v-fe3fbacf]{background:linear-gradient(135deg,#8b7fe5bf,#a770efbf)}.page-header.page-header--category.has-banner[data-v-fe3fbacf]{background:linear-gradient(135deg,#8b7fe54d,#a770ef4d)}.page-header.page-header--tag[data-v-fe3fbacf]{background:linear-gradient(135deg,#40b87dbf,#34d399bf)}.page-header.page-header--tag.has-banner[data-v-fe3fbacf]{background:linear-gradient(135deg,#40b87d4d,#34d3994d)}.page-header.page-header--article[data-v-fe3fbacf]{background:linear-gradient(135deg,#fb923cbf,#f97316bf)}.page-header.page-header--article.has-banner[data-v-fe3fbacf]{background:linear-gradient(135deg,#fb923c4d,#f973164d)}.page-header .breadcrumb[data-v-fe3fbacf]{align-items:center;display:flex;font-size:.875rem;margin-bottom:2rem}.page-header .breadcrumb .breadcrumb-item[data-v-fe3fbacf]{color:#fffc;text-decoration:none;transition:color .2s ease}.page-header .breadcrumb .breadcrumb-item[data-v-fe3fbacf]:hover:not(.current){color:#fff}.page-header .breadcrumb .breadcrumb-item.current[data-v-fe3fbacf]{color:#fff;font-weight:500}.page-header .breadcrumb .breadcrumb-separator[data-v-fe3fbacf]{color:#fff9;margin:0 .5rem}.page-header .header-content .page-title[data-v-fe3fbacf]{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.page-header .header-content .page-title .page-icon[data-v-fe3fbacf]{font-size:2rem;opacity:.9}.page-header .header-content .page-description[data-v-fe3fbacf]{font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.1)}.page-header .header-content .page-stats[data-v-fe3fbacf]{display:flex;flex-wrap:wrap;gap:2rem}.page-header .header-content .page-stats .stats-item[data-v-fe3fbacf]{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:1rem;display:flex;font-size:.875rem;gap:.5rem;opacity:.85;padding:.25rem .75rem}.page-header .header-content .page-stats .stats-item .stat-icon[data-v-fe3fbacf]{font-size:1rem}.page-header .header-content .page-stats .stats-item .color-indicator[data-v-fe3fbacf]{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 1px 2px #0000001a;height:1rem;width:1rem}.page-header .header-content .extra-content[data-v-fe3fbacf]{margin-top:1.5rem}.page-header .loading-content[data-v-fe3fbacf],.page-header .not-found-content[data-v-fe3fbacf]{padding:2rem 0;text-align:center}.page-header .loading-content .loading-spinner[data-v-fe3fbacf],.page-header .not-found-content .loading-spinner[data-v-fe3fbacf]{animation:spin-fe3fbacf 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:2rem;margin:0 auto 1rem;width:2rem}.page-header .loading-content p[data-v-fe3fbacf],.page-header .not-found-content p[data-v-fe3fbacf]{margin:0;opacity:.8}.page-header .loading-content .not-found-title[data-v-fe3fbacf],.page-header .not-found-content .not-found-title[data-v-fe3fbacf]{font-size:2rem;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.page-header .loading-content .not-found-description[data-v-fe3fbacf],.page-header .not-found-content .not-found-description[data-v-fe3fbacf]{margin-bottom:2rem;opacity:.8}.page-header .loading-content .not-found-actions[data-v-fe3fbacf],.page-header .not-found-content .not-found-actions[data-v-fe3fbacf]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.page-header .loading-content .not-found-actions .action-btn[data-v-fe3fbacf],.page-header .not-found-content .not-found-actions .action-btn[data-v-fe3fbacf]{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:.5rem;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.page-header .loading-content .not-found-actions .action-btn[data-v-fe3fbacf]:hover,.page-header .not-found-content .not-found-actions .action-btn[data-v-fe3fbacf]:hover{background:#ffffff4d;transform:translateY(-1px)}.page-header .loading-content .not-found-actions .action-btn.primary[data-v-fe3fbacf],.page-header .not-found-content .not-found-actions .action-btn.primary[data-v-fe3fbacf]{background:#ffffffe6;color:#333}.page-header .loading-content .not-found-actions .action-btn.primary[data-v-fe3fbacf]:hover,.page-header .not-found-content .not-found-actions .action-btn.primary[data-v-fe3fbacf]:hover{background:#fff}.page-header .loading-content .not-found-actions .action-btn.secondary[data-v-fe3fbacf],.page-header .not-found-content .not-found-actions .action-btn.secondary[data-v-fe3fbacf]{background:#ffffff1a}.page-header .loading-content .not-found-actions .action-btn.secondary[data-v-fe3fbacf]:hover,.page-header .not-found-content .not-found-actions .action-btn.secondary[data-v-fe3fbacf]:hover{background:#fff3}.page-header .loading-content .not-found-actions .action-btn .action-icon[data-v-fe3fbacf],.page-header .not-found-content .not-found-actions .action-btn .action-icon[data-v-fe3fbacf]{font-size:.875rem}@keyframes spin-fe3fbacf{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.page-header[data-v-fe3fbacf]{padding:1rem 0}.page-header .breadcrumb[data-v-fe3fbacf]{font-size:.75rem;margin-bottom:1rem}.page-header .header-content .page-title[data-v-fe3fbacf]{font-size:1.75rem}.page-header .header-content .page-title .page-icon[data-v-fe3fbacf]{font-size:1.5rem}.page-header .header-content .page-description[data-v-fe3fbacf]{font-size:1rem}.page-header .header-content .page-stats[data-v-fe3fbacf]{align-items:flex-start;flex-direction:column;gap:.5rem}.page-header .header-content .page-stats .stats-item[data-v-fe3fbacf]{font-size:.8rem}.page-header .not-found-actions[data-v-fe3fbacf]{align-items:center;flex-direction:column}.page-header .not-found-actions .action-btn[data-v-fe3fbacf]{justify-content:center;max-width:200px;width:100%}}.container[data-v-fe3fbacf]{margin:0 auto;max-width:1200px;padding:0 1rem}