.zy-article-card{--card-height:22rem;--image-size:12rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-base);box-shadow:var(--shadow-base);height:var(--card-height);overflow:hidden;transition:all .4s;vertical-align:middle}.zy-article-card .zy-article-card-inner{align-items:center;display:flex;height:var(--card-height);position:relative}.zy-article-card .zy-article-card-inner .zy-card-title{height:calc(var(--card-height) - var(--image-size));left:0;padding:1.25rem;position:absolute;top:var(--image-size);transition:all .2s ease-in-out,color 0s;width:100%;z-index:1}.zy-article-card .zy-article-card-inner .zy-card-title h1,.zy-article-card .zy-article-card-inner .zy-card-title h2,.zy-article-card .zy-article-card-inner .zy-card-title h3,.zy-article-card .zy-article-card-inner .zy-card-title h4,.zy-article-card .zy-article-card-inner .zy-card-title h5,.zy-article-card .zy-article-card-inner .zy-card-title h6,.zy-article-card .zy-article-card-inner .zy-card-title p{transition:color .4s}.zy-article-card .zy-article-card-inner .zy-card-image{height:var(--image-size);left:0;overflow:hidden;position:absolute;top:0;transition:all .4s cubic-bezier(.63,0,.32,1);width:100%}.zy-article-card .zy-article-card-inner .zy-card-image div,.zy-article-card .zy-article-card-inner .zy-card-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.25,1) 0s;width:100%}@media (orientation:landscape){.pc .zy-article-card:hover{border-color:var(--theme-color-switch)}.pc .zy-article-card:hover .zy-card-image img{transform:scale(1.03)}.pc .zy-article-card:hover .zy-card-title{color:var(--theme-color-switch)}.pc .zy-article-card.transition-in:hover .zy-card-image *{transform:none}.pc .zy-article-card.transition-prepare:hover{box-shadow:none;transform:scale(.85)}}.zy-article-card.transition-prepare{transform:scale(.9)}@media screen and (orientation:portrait){.zy-article-card{--card-height:19rem;--image-size:11rem}.zy-article-card .zy-article-card-inner .zy-card-title{padding:1rem}}.zy-article-card.transition-in{--image-height:32rem;background-color:transparent;border-color:transparent;box-shadow:none;height:auto;padding-left:0;padding-right:0;padding-top:0;transform:none;transition:all .6s cubic-bezier(.63,0,.32,1),background 0s,box-shadow 0s}.zy-article-card.transition-in .zy-article-card-inner{height:calc(var(--pt-main) + 2rem + var(--image-height))}.zy-article-card.transition-in .zy-article-card-inner .zy-card-title{display:none}.zy-article-card.transition-in .zy-article-card-inner .zy-card-image{border-radius:var(--border-radius-base);height:var(--image-height);left:2rem;overflow:hidden;padding:0;right:2rem;top:calc(var(--pt-main) + 2rem);width:calc(100% - 4rem)}.zy-article-card.transition-in .zy-article-card-inner .zy-card-image div,.zy-article-card.transition-in .zy-article-card-inner .zy-card-image img{border-radius:var(--border-radius-base);height:var(--image-height);width:100%}.zy-article-card.transition-in .zy-article-card-inner .zy-card-image:before{-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);background:linear-gradient(transparent 8rem,#222);border-radius:var(--border-radius-base);bottom:0;content:"";height:66%;left:0;-webkit-mask:linear-gradient(transparent,#000 8rem);mask:linear-gradient(transparent,#000 8rem);position:absolute;width:100%;z-index:1}.pc .zy-article-card.transition-in:hover{border-color:transparent;box-shadow:none;transform:none}@media (orientation:portrait){.zy-article-card.transition-in{--image-height:32rem}.zy-article-card.transition-in .zy-article-card-inner{height:calc(var(--header-bar-height) + var(--image-height))}.zy-article-card.transition-in .zy-article-card-inner .zy-card-image{border-radius:0;left:0;right:0;top:var(--header-bar-height);width:100%}.zy-article-card.transition-in .zy-article-card-inner .zy-card-image div,.zy-article-card.transition-in .zy-article-card-inner .zy-card-image img,.zy-article-card.transition-in .zy-article-card-inner .zy-card-image:before{border-radius:0}}