.article-list[data-v-9846cff8]{width:100%}.articles[data-v-9846cff8]{display:flex;flex-direction:column;gap:16px}.article-card[data-v-9846cff8]{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-9846cff8]:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.article-image[data-v-9846cff8]{border-radius:8px;flex-shrink:0;height:150px!important;max-width:300px!important;overflow:hidden;width:300px!important}.article-image img[data-v-9846cff8]{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-9846cff8]{aspect-ratio:2/1!important;height:auto!important;max-width:none!important;width:100%!important}}.article-content[data-v-9846cff8]{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0}.article-title[data-v-9846cff8]{color:#1e3d2e;font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px}.article-summary[data-v-9846cff8],.article-title[data-v-9846cff8]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.article-summary[data-v-9846cff8]{color:#666;font-size:13px;line-height:1.6;margin:0 0 12px}[data-v-9846cff8] .keyword-highlight{background-color:#fff7ed;border-radius:2px;color:#d4af37;font-weight:600;padding:0 2px}.article-footer[data-v-9846cff8]{align-items:center;display:flex;justify-content:space-between}.article-stats[data-v-9846cff8]{display:flex;gap:16px}.stat-item[data-v-9846cff8]{align-items:center;color:#999;display:flex;gap:4px}.stat-icon[data-v-9846cff8],.stat-item[data-v-9846cff8]{font-size:12px}.stat-icon-svg[data-v-9846cff8]{color:#999;height:14px;width:14px}.empty-state[data-v-9846cff8],.error-state[data-v-9846cff8],.loading-state[data-v-9846cff8]{color:#666;padding:40px;text-align:center}.error-state[data-v-9846cff8]{color:#ef4444}@media(max-width:768px){.article-card[data-v-9846cff8]{flex-direction:column;padding:12px}.article-image[data-v-9846cff8]{height:200px;width:100%}.article-content[data-v-9846cff8]{gap:8px}.article-title[data-v-9846cff8]{font-size:14px}.article-summary[data-v-9846cff8]{font-size:12px}}@media(min-width:769px){.article-card[data-v-9846cff8]{flex-direction:row;padding:16px}.article-image[data-v-9846cff8]{height:200px;width:400px}}.pagination[data-v-370227d6]{align-items:center;display:flex;gap:8px;justify-content:center;padding:24px 0}.page-btn[data-v-370227d6]{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-370227d6]:hover:not(:disabled){border-color:#d4af37;color:#d4af37}.page-btn[data-v-370227d6]:disabled{color:#ccc;cursor:not-allowed}.page-numbers[data-v-370227d6]{align-items:center;display:flex;gap:4px}.page-num[data-v-370227d6]{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-370227d6]:hover:not(.active){border-color:#d4af37;color:#d4af37}.page-num.active[data-v-370227d6]{background:#d4af37;border-color:#d4af37;color:#fff;font-weight:600}.ellipsis[data-v-370227d6]{color:#999;min-width:36px;text-align:center}