.article-list-main{position:relative;box-sizing:border-box;padding-bottom:6.88rem;width:100%;height:max-content}.article-list-main>section.article-list{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1rem;width:100%;min-width:0;height:max-content;overflow:visible}.article-list-main>section.article-list>.vh-article-item{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;min-height:max-content;border:solid 1px var(--vh-border-color);border-radius:1rem;background-color:var(--vh-white-color);box-shadow:var(--vh-box-shadow);overflow:hidden}.article-list-main>section.article-list>.vh-article-item:hover>.vh-article-banner>img{transform:scale(1.035)}.article-list-main>section.article-list>.vh-article-item.active:before{content:"置顶";position:absolute;top:1.6rem;left:.66rem;box-sizing:border-box;padding:.18rem 1rem;width:max-content;height:max-content;font-size:1rem;color:#fff;border-radius:1rem;transform:rotate(-45deg);background:#0003;box-shadow:0 2rem 1rem #0000001a;z-index:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.article-list-main>section.article-list>.vh-article-item.active>.vh-article-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000000f;z-index:1;pointer-events:none}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner{flex-shrink:0;position:relative;box-sizing:border-box;width:100%;height:10rem;background-color:var(--vh-soft-bg);overflow:hidden}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .18s ease-in,opacity .18s ease-in}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner>img.error{filter:none;opacity:0}.article-list-main>section.article-list>.vh-article-item>header{box-sizing:border-box;padding:.75rem 1rem .625rem;display:flex;flex-direction:column;gap:.45rem;width:100%;height:max-content}.article-list-main>section.article-list>.vh-article-item>header>.meta{display:none;align-self:center;justify-content:space-between;width:100%;height:max-content}.article-list-main>section.article-list>.vh-article-item>header>.meta>.vh-article-cat{flex-shrink:0;box-sizing:border-box;width:max-content;font-size:.875rem;font-weight:700;color:var(--vh-font-color)}.article-list-main>section.article-list>.vh-article-item>header>.meta>time{box-sizing:border-box;margin-top:auto;font-size:.805rem;font-weight:400;color:var(--vh-font-color);width:max-content}.article-list-main>section.article-list>.vh-article-item>header>.title{box-sizing:border-box;width:100%;height:max-content;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>header>.title>a{font-size:1.06rem;font-weight:600;line-height:1.35;transition:color .18s}.article-list-main>section.article-list>.vh-article-item>header>.title>a:hover{color:var(--vh-main-color)}.article-list-main>section.article-list>.vh-article-item>.vh-article-excerpt{box-sizing:border-box;padding:0 1rem;width:100%;height:max-content;color:var(--vh-font-66);font-size:.805rem;font-weight:400;letter-spacing:.4px;line-height:1.2rem}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist{margin-top:auto;box-sizing:border-box;padding:.5rem 1rem .75rem;width:100%;height:max-content;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a{box-sizing:border-box;margin-right:.75rem;color:var(--vh-font);font-size:.688rem;font-weight:400;transition:color .18s}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a:hover{color:var(--vh-main-color)}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a:before{content:"#"}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a:nth-last-of-type(1){margin-right:0}.article-list-main>section.article-list>.vh-article-pagination{position:absolute;bottom:0;right:0}@media screen and (max-width:556px){.article-list-main>section.article-list{grid-template-columns:repeat(1,1fr)}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner{height:auto;aspect-ratio:16/9}}