.article-list[data-v-493658bf]{width:100%}.articles[data-v-493658bf]{display:flex;flex-direction:column;gap:16px}.article-card[data-v-493658bf]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:inherit;cursor:pointer;display:flex;gap:16px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s}.article-card[data-v-493658bf]:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.article-image[data-v-493658bf]{border-radius:8px;flex-shrink:0;height:150px!important;max-width:300px!important;overflow:hidden;width:300px!important}.article-image img[data-v-493658bf]{height:100%!important;max-width:100%!important;-o-object-fit:cover;object-fit:cover;width:100%!important}@media(max-width:768px){.article-image[data-v-493658bf]{aspect-ratio:2/1!important;height:auto!important;max-width:none!important;width:100%!important}}.article-content[data-v-493658bf]{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0}.article-title[data-v-493658bf]{color:#1a2332;font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px}.article-summary[data-v-493658bf],.article-title[data-v-493658bf]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.article-summary[data-v-493658bf]{color:#666;font-size:13px;line-height:1.6;margin:0 0 12px}[data-v-493658bf] .keyword-highlight{background-color:#fff7ed;border-radius:2px;color:#f97316;font-weight:600;padding:0 2px}.article-footer[data-v-493658bf]{align-items:center;display:flex;justify-content:space-between}.article-stats[data-v-493658bf]{display:flex;gap:16px}.stat-item[data-v-493658bf]{align-items:center;color:#999;display:flex;gap:4px}.stat-icon[data-v-493658bf],.stat-item[data-v-493658bf]{font-size:12px}.stat-icon-svg[data-v-493658bf]{color:#999;height:14px;width:14px}.empty-state[data-v-493658bf],.error-state[data-v-493658bf],.loading-state[data-v-493658bf]{color:#666;padding:40px;text-align:center}.error-state[data-v-493658bf]{color:#ef4444}@media(max-width:768px){.article-card[data-v-493658bf]{flex-direction:column;padding:12px}.article-image[data-v-493658bf]{height:200px;width:100%}.article-content[data-v-493658bf]{gap:8px}.article-title[data-v-493658bf]{font-size:14px}.article-summary[data-v-493658bf]{font-size:12px}}@media(min-width:769px){.article-card[data-v-493658bf]{flex-direction:row;padding:16px}.article-image[data-v-493658bf]{height:200px;width:400px}}.pagination[data-v-5bb74cfc]{align-items:center;display:flex;gap:8px;justify-content:center;padding:24px 0}.page-btn[data-v-5bb74cfc]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.page-btn[data-v-5bb74cfc]:hover:not(:disabled){border-color:#f97316;color:#f97316}.page-btn[data-v-5bb74cfc]:disabled{color:#ccc;cursor:not-allowed}.page-numbers[data-v-5bb74cfc]{align-items:center;display:flex;gap:4px}.page-num[data-v-5bb74cfc]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:14px;height:36px;min-width:36px;transition:all .2s}.page-num[data-v-5bb74cfc]:hover:not(.active){border-color:#f97316;color:#f97316}.page-num.active[data-v-5bb74cfc]{background:#f97316;border-color:#f97316;color:#fff;font-weight:600}.ellipsis[data-v-5bb74cfc]{color:#999;min-width:36px;text-align:center}