.article-card[data-v-165bb5a8]{container-type:inline-size;position:relative;margin:1em 0;border-radius:.8em;color:var(--c-text);animation:float-in .2s var(--delay) backwards}.article-card>article[data-v-165bb5a8]{display:grid;gap:.5em;padding:1em}.article-info[data-v-165bb5a8]{display:flex;flex-wrap:wrap;gap:.5em clamp(1em,5%,1.5em);font-size:.8em;color:var(--c-text-2)}.article-info[data-v-165bb5a8]:empty{display:none}.article-info .use-updated[data-v-165bb5a8]{order:-1}.article-title[data-v-165bb5a8]{font-size:1.2em;color:var(--c-text)}.article-description[data-v-165bb5a8]{font-size:.9em;color:var(--c-text-2)}.article-cover[data-v-165bb5a8]{position:absolute;opacity:.8;inset-inline-end:0;top:0;width:calc(40% + 2em);height:100%;margin:0;-webkit-mask-image:linear-gradient(to var(--end),transparent,#fff 50%);mask-image:linear-gradient(to var(--end),transparent,#fff 50%);transition:opacity .2s;-o-object-fit:cover;object-fit:cover}:hover>.article-cover[data-v-165bb5a8]{opacity:1}.article-cover+article[data-v-165bb5a8]{position:relative;width:60%}@media(max-width:528px){.article-cover[data-v-165bb5a8]{position:revert;width:100%;height:auto;max-width:none;max-height:256px;aspect-ratio:2.4;margin-bottom:-10%;-webkit-mask-image:linear-gradient(#fff 50%,transparent);mask-image:linear-gradient(#fff 50%,transparent)}.article-cover+article[data-v-165bb5a8]{width:auto}.article-cover+article>.article-title[data-v-165bb5a8]{text-shadow:0 0 .2em var(--ld-bg-card),0 0 .5em var(--ld-bg-card),0 0 1em var(--ld-bg-card)}}@container (max-width: 528px){.article-cover[data-v-165bb5a8]{position:revert;width:100%;height:auto;max-width:none;max-height:256px;aspect-ratio:2.4;margin-bottom:-10%;-webkit-mask-image:linear-gradient(#fff 50%,transparent);mask-image:linear-gradient(#fff 50%,transparent)}.article-cover+article[data-v-165bb5a8]{width:auto}.article-cover+article>.article-title[data-v-165bb5a8]{text-shadow:0 0 .2em var(--ld-bg-card),0 0 .5em var(--ld-bg-card),0 0 1em var(--ld-bg-card)}}.article-top-badge[data-v-165bb5a8]{display:inline-flex;align-items:center;gap:.25em;padding:.15em .55em;border-radius:.6em;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;font-weight:600;line-height:1.4}html.dark .article-top-badge[data-v-165bb5a8]{background:#3b1116;color:#f87171;border-color:#7f1d1d}