.article-card[data-v-10bcb2c7]{backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%);background-color:var(--ld-bg-card);border:1px solid hsl(var(--hue-theme),100%,100%,18%);border-radius:.9rem;box-shadow:inset 0 1px hsl(var(--hue-theme),100%,100%,28%),0 6px 16px var(--ld-shadow);color:var(--c-text);container-type:inline-size;display:block;margin:1rem 0;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s}.article-card[data-v-10bcb2c7]:hover{border-color:hsl(var(--hue-theme),100%,100%,24%);box-shadow:inset 0 1px hsl(var(--hue-theme),100%,100%,34%),0 10px 22px var(--ld-shadow)}.article-card:hover .article-cover[data-v-10bcb2c7]{opacity:1}.article-card>article[data-v-10bcb2c7]{padding:.5rem 1rem}.article-card>article[data-v-10bcb2c7]>*{margin:.7rem 0}.article-info[data-v-10bcb2c7]{color:var(--c-text-2);display:flex;flex-wrap:wrap;font-size:.8em;gap:.5em clamp(1em,5%,1.5em)}.article-info[data-v-10bcb2c7]:empty{display:none}.article-info .use-updated[data-v-10bcb2c7]{order:-1}.article-title[data-v-10bcb2c7]{color:var(--c-text);font-size:1.2em;font-weight:var(--font-weight-normal)}.article-descrption[data-v-10bcb2c7]{color:var(--c-text-2);font-size:.9em}.article-category[data-v-10bcb2c7]{color:var(--cg-color)}.article-cover[data-v-10bcb2c7]{height:100%;margin:0;-webkit-mask:linear-gradient(90deg,transparent,#fff 50%);mask:linear-gradient(90deg,transparent,#fff 50%);-o-object-fit:cover;object-fit:cover;opacity:.8;position:absolute;right:0;top:0;transition:all .2s;width:min(320px,50%)}.article-cover[data-v-10bcb2c7]+*{position:relative;text-shadow:0 0 .5rem var(--ld-bg-card),0 0 1rem var(--ld-bg-card);width:60%}@media (max-width:528px){.article-cover[data-v-10bcb2c7]{aspect-ratio:2.4;height:auto;margin-bottom:-10%;-webkit-mask:linear-gradient(#fff 50%,transparent);mask:linear-gradient(#fff 50%,transparent);max-height:256px;max-width:none;position:static;width:100%}.article-cover[data-v-10bcb2c7]+*{width:auto}}@container (max-width: 528px){.article-cover[data-v-10bcb2c7]{aspect-ratio:2.4;height:auto;margin-bottom:-10%;-webkit-mask:linear-gradient(#fff 50%,transparent);mask:linear-gradient(#fff 50%,transparent);max-height:256px;max-width:none;position:static;width:100%}.article-cover[data-v-10bcb2c7]+*{width:auto}}