.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(3,1fr);gap:1.288rem;width:100%;min-width:0;height:max-content;overflow:hidden}.article-list-main>section.article-list>.vh-article-item{box-sizing:border-box;width:100%;height:initial;min-height:max-content;border:solid 1px #eee;border-radius:1rem;background-color:#fff;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:max-content;min-height:100%;border-radius:.618rem;overflow:hidden;transition:background .18s}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link:hover>.vh-article-banner>img{transform:scale(1.08)}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link.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:.66rem;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>a.vh-article-link.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>a.vh-article-link>.vh-article-banner{flex-shrink:0;position:relative;box-sizing:border-box;width:100%;height:12rem;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-banner>img{width:100%;height:100%;object-fit:cover}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-banner .vh-article-lock-badge{position:absolute;top:.66rem;right:.66rem;display:flex;align-items:center;justify-content:center;width:1.88rem;height:1.88rem;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:.38rem;color:#fff;z-index:2;transition:all .2s ease}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-banner:hover .vh-article-lock-badge{background:#01c4b6d9}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-desc{flex:1;box-sizing:border-box;padding:1.188rem;display:flex;flex-direction:column;width:100%;height:100%;min-height:max-content;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-desc>header{display:flex;flex-direction:column;gap:.36rem}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-desc>header>.vh-article-cat{box-sizing:border-box;width:max-content;font-size:.875rem;font-weight:700;--gradient-color-1: #a32cc4;--gradient-color-2: #b65fcf;--gradient-color-3: #e39ff6;background:linear-gradient(118deg,var(--gradient-color-1),var(--gradient-color-2) 26%,var(--gradient-color-3));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-desc>header>.title{font-size:1.06rem;font-weight:600;line-height:1.36}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-desc>.vh-article-excerpt{margin:.88rem 0;width:100%;height:max-content;color:var(--vh-font-66);font-size:.805rem;letter-spacing:.88px;line-height:1.28rem}.article-list-main>section.article-list>.vh-article-item>a.vh-article-link>.vh-article-desc>footer{margin-top:auto;font-size:.805rem;color:var(--vh-font-color)}.article-list-main>section.article-list>.vh-article-pagination{position:absolute;bottom:0;right:0}@media screen and (max-width:1150px){.article-list-main>section.article-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:556px){.article-list-main>section.article-list{grid-template-columns:repeat(1,1fr)}}[data-theme=dark] .article-list-main>section.article-list>.vh-article-item{border-color:var(--vh-font-16);background-color:var(--vh-white-color)}section.vh-art-page{position:absolute;bottom:.88rem;right:0;box-sizing:border-box;padding:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;height:max-content;overflow:hidden}section.vh-art-page>a.vh-pagination-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background-color:var(--vh-white-color);box-shadow:var(--vh-box-shadow);font-size:.875rem;color:var(--vh-font-56);user-select:none;transition:background-color .18s ease-in-out,color .18s ease-in-out;cursor:pointer;overflow:hidden}section.vh-art-page>a.vh-pagination-item:hover{color:var(--vh-white-color);background-color:var(--vh-main-color-66)}section.vh-art-page>a.vh-pagination-item:hover>svg{color:var(--vh-white-color)}section.vh-art-page>a.vh-pagination-item.active{background-color:var(--vh-main-color);cursor:default;pointer-events:none;color:var(--vh-white-color)}section.vh-art-page>a.vh-pagination-item.disabled{pointer-events:none}section.vh-art-page>a.vh-pagination-item.disabled>svg{color:var(--vh-font-16)}section.vh-art-page>a.vh-pagination-item>svg{height:1.18rem;width:auto;object-fit:contain}