.article-card[data-v-431dafa9]{border-radius:8px;padding:8px;transition:background-color var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.article-card[data-v-431dafa9]:focus-visible{background-color:var(--c-bg-soft)}@media(hover:hover){.article-card[data-v-431dafa9]:hover{background-color:var(--c-bg-soft)}}.article-card[data-v-431dafa9]:active{transform:scale(.99)}.article-card[data-v-431dafa9]>*{margin:8px}.article-header[data-v-431dafa9]{color:var(--c-text-2);display:flex;font-size:.8em;gap:.8em}.article-header .article-date[data-v-431dafa9]:nth-child(2){color:var(--c-text-3)}.article-title[data-v-431dafa9]{font-size:1.1em;font-weight:550}.article-descrption[data-v-431dafa9]{color:var(--c-text-2)}.article-preview{background-color:var(--c-bg-2);border-radius:.5em;box-shadow:0 0 1rem var(--ld-shadow);contain:paint;height:138px;left:0;opacity:0;pointer-events:none;position:fixed;scale:.96;top:0;transition:opacity var(--motion-base) var(--ease-out),scale var(--motion-base) var(--ease-out);width:220px;z-index:2}.article-preview.show{opacity:1;scale:1}.article-preview>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;outline:1px solid var(--c-bg-soft);outline-offset:-1px;width:100%}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.article-preview{display:none}}.article-tip[data-v-da982c0c]{color:var(--c-text-3);display:grid;font-size:.9em;gap:1rem;justify-items:center;margin:2rem 0;text-align:center}.article-list[data-v-da982c0c]{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.article-more[data-v-da982c0c]{display:flex;font-size:min(2rem,6vw);font-weight:700;gap:8px;justify-content:flex-end;margin:16px 0}.article-more a[data-v-da982c0c]{align-items:center;border-radius:8px;color:var(--c-text-3);display:flex;gap:8px;justify-content:center;padding:.3em .5em;transition:color var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.article-more a[data-v-da982c0c]:focus-visible,.article-more a[data-v-da982c0c]:hover{color:var(--c-primary)}.article-more a[data-v-da982c0c]:active{transform:scale(.98)}