.article-card[data-v-cf2abbe0]{animation:float-in .2s var(--delay)backwards;border-top:1px solid var(--c-border);color:var(--c-text);transition:border-color .3s;position:relative;container-type:inline-size}.article-card[data-v-cf2abbe0]:hover{border-top-color:var(--c-primary);box-shadow:0 .5em 1em var(--ld-shadow)}.article-card[data-v-cf2abbe0]:hover:before{background-color:var(--c-primary);content:"";filter:blur(24px);opacity:.5;z-index:-1;height:2em;position:absolute;top:-4px;left:0;right:0}.article-card:hover .article-category[data-v-cf2abbe0]{background-color:var(--c-primary);color:var(--c-bg)}.article-card>article[data-v-cf2abbe0]{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.article-info[data-v-cf2abbe0]{color:var(--c-text-2);flex-wrap:wrap;order:-1;gap:.5em clamp(.8em,5%,1em);font-size:.7em;display:flex}.article-info[data-v-cf2abbe0]:empty{display:none}.article-info .use-updated[data-v-cf2abbe0]{order:-1}.article-info .hover-show[data-v-cf2abbe0]{opacity:0;transition:opacity .3s}.article-card:hover .article-info .hover-show[data-v-cf2abbe0]{opacity:1}.article-title[data-v-cf2abbe0]{color:var(--c-text);width:fit-content;max-width:100%;font-size:1.1em;display:inline-block;position:relative}.article-title[data-v-cf2abbe0]:before{background-image:radial-gradient(circle,var(--c-text-3).1px,transparent .5px);content:"";pointer-events:none;z-index:-1;background-size:4px 4px;width:100%;height:100%;position:absolute;top:6px;left:0}.article-descrption[data-v-cf2abbe0]{color:var(--c-text-2);font-size:.8em}.article-category[data-v-cf2abbe0]{color:var(--cg-color);padding:1px 5px}.article-cover[data-v-cf2abbe0]{-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-cf2abbe0]{opacity:1}.article-cover+article[data-v-cf2abbe0]{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-cf2abbe0]{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-cf2abbe0]{width:auto}}@container (width<=528px){.article-cover[data-v-cf2abbe0]{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-cf2abbe0]{width:auto}}
