.article-card[data-v-27e2ba1e]{color:var(--c-text);animation:float-in .2s var(--delay) backwards;border-radius:.8em;margin:1em 0;position:relative;container-type:inline-size}.article-card>article[data-v-27e2ba1e]{gap:.5em;padding:1em;display:grid}.article-info[data-v-27e2ba1e]{color:var(--c-text-2);flex-wrap:wrap;gap:.5em clamp(1em,5%,1.5em);font-size:.8em;display:flex}.article-info[data-v-27e2ba1e]:empty{display:none}.article-info .use-updated[data-v-27e2ba1e]{order:-1}.article-title[data-v-27e2ba1e]{color:var(--c-text);font-size:1.2em}.article-description[data-v-27e2ba1e]{color:var(--c-text-2);font-size:.9em}.article-cover[data-v-27e2ba1e]{opacity:.8;inset-inline-end:0;width:calc(40% + 2em);height:100%;-webkit-mask-image:linear-gradient(to var(--end),transparent,#fff 50%);-webkit-mask-image:linear-gradient(to var(--end),transparent,#fff 50%);mask-image:linear-gradient(to var(--end),transparent,#fff 50%);-o-object-fit:cover;object-fit:cover;margin:0;transition:opacity .2s;position:absolute;top:0}:hover>.article-cover[data-v-27e2ba1e]{opacity:1}.article-cover+article[data-v-27e2ba1e]{width:60%;position:relative}@media (width<=528px){.article-cover[data-v-27e2ba1e]{position:revert;aspect-ratio:2.4;width:100%;max-width:none;height:auto;max-height:256px;margin-bottom:-10%;-webkit-mask-image:linear-gradient(#fff 50%,#0000);mask-image:linear-gradient(#fff 50%,#0000)}.article-cover+article[data-v-27e2ba1e]{width:auto}.article-cover+article>.article-title[data-v-27e2ba1e]{text-shadow:0 0 .2em var(--ld-bg-card),0 0 .5em var(--ld-bg-card),0 0 1em var(--ld-bg-card)}}@container (width<=528px){.article-cover[data-v-27e2ba1e]{position:revert;aspect-ratio:2.4;width:100%;max-width:none;height:auto;max-height:256px;margin-bottom:-10%;-webkit-mask-image:linear-gradient(#fff 50%,#0000);mask-image:linear-gradient(#fff 50%,#0000)}.article-cover+article[data-v-27e2ba1e]{width:auto}.article-cover+article>.article-title[data-v-27e2ba1e]{text-shadow:0 0 .2em var(--ld-bg-card),0 0 .5em var(--ld-bg-card),0 0 1em var(--ld-bg-card)}}