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