.article-card[data-v-8a90a18c]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;overflow:hidden;transition:transform .3s,box-shadow .3s}.article-card[data-v-8a90a18c]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.article-content[data-v-8a90a18c]{display:flex;flex-direction:row;height:200px}.article-image[data-v-8a90a18c]{flex-shrink:0;height:200px;overflow:hidden;width:200px}.image[data-v-8a90a18c]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.article-card:hover .image[data-v-8a90a18c]{transform:scale(1.05)}.article-info[data-v-8a90a18c]{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;padding:1rem 1.5rem}.content-area[data-v-8a90a18c]{flex:1}.article-meta[data-v-8a90a18c]{margin-bottom:.5rem}.category-badge[data-v-8a90a18c]{background:#3498db;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;padding:.2rem .6rem;text-decoration:none;transition:background .3s}.category-badge[data-v-8a90a18c]:hover{background:#2980b9}.article-title[data-v-8a90a18c]{margin-bottom:.5rem}.title-link[data-v-8a90a18c]{color:#000;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;text-decoration:none;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}.title-link[data-v-8a90a18c]:hover{color:#3498db}.article-description[data-v-8a90a18c]{color:#666;display:-webkit-box;font-size:.85rem;line-height:1.4;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:.75rem;overflow:hidden}.article-stats[data-v-8a90a18c]{justify-content:space-between;margin-top:auto}.article-stats[data-v-8a90a18c],.stats-left[data-v-8a90a18c]{align-items:center;display:flex}.stats-left[data-v-8a90a18c]{gap:1rem}.stat-item[data-v-8a90a18c]{align-items:center;color:#999;display:flex;font-size:.75rem;gap:.25rem}.read-more-btn[data-v-8a90a18c]{color:#3498db;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .3s;white-space:nowrap}.read-more-btn[data-v-8a90a18c]:hover{color:#2980b9}body.dark{background:#666;color:#fff}body.dark{background:#666}body.dark{background:#777}body.dark{color:#fff}@media (max-width:1024px){.article-content[data-v-8a90a18c]{height:180px}.article-image[data-v-8a90a18c]{height:180px;width:180px}.article-info[data-v-8a90a18c]{padding:1rem 1.25rem}.title-link[data-v-8a90a18c]{font-size:1.05rem}.article-description[data-v-8a90a18c]{font-size:.83rem}.stats-left[data-v-8a90a18c]{gap:.875rem}.stat-item[data-v-8a90a18c]{font-size:.725rem}.read-more-btn[data-v-8a90a18c]{font-size:.775rem}}@media (max-width:767px){.article-content[data-v-8a90a18c]{flex-direction:column;height:auto}.article-image[data-v-8a90a18c]{align-items:center;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100%}.image[data-v-8a90a18c]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.article-info[data-v-8a90a18c]{padding:1rem;width:100%}.title-link[data-v-8a90a18c]{font-size:1rem;-webkit-line-clamp:2}.article-description[data-v-8a90a18c]{font-size:.875rem;-webkit-line-clamp:2;margin-bottom:1rem}.stats-left[data-v-8a90a18c]{gap:.75rem}.stat-item[data-v-8a90a18c]{font-size:.75rem}.read-more-btn[data-v-8a90a18c]{font-size:.8rem}}@media (max-width:480px){.article-content[data-v-8a90a18c]{height:auto}.article-image[data-v-8a90a18c]{height:200px;text-align:center}.article-image img[data-v-8a90a18c]{height:50%;-o-object-fit:cover;object-fit:cover;width:50%}.article-info[data-v-8a90a18c]{padding:.875rem}.article-meta[data-v-8a90a18c]{margin-bottom:.375rem}.title-link[data-v-8a90a18c]{font-size:.95rem}.article-description[data-v-8a90a18c]{font-size:.8rem;margin-bottom:.875rem}.article-stats[data-v-8a90a18c]{align-items:flex-start;flex-direction:column;gap:.5rem}.stats-left[data-v-8a90a18c]{gap:.5rem}.stat-item[data-v-8a90a18c]{font-size:.7rem}.read-more-btn[data-v-8a90a18c]{align-self:flex-end;font-size:.75rem}}.dark .article-card[data-v-8a90a18c]{background:#222;box-shadow:0 2px 8px #ffffff1a;color:#fff}.dark .article-description[data-v-8a90a18c],.dark .stat-item[data-v-8a90a18c],.dark .title-link[data-v-8a90a18c],.dark .title-link[data-v-8a90a18c]:hover{color:#fff}