.article-list-main{box-sizing:border-box;width:100%;height:max-content;padding-bottom:6.88rem;position:relative}.article-list-main>section.article-list{grid-template-columns:repeat(3,1fr);gap:1.288rem;width:100%;min-width:0;height:max-content;display:grid;position:relative;overflow:hidden}.article-list-main>section.article-list>.vh-article-item{box-sizing:border-box;width:100%;height:initial;background-color:#fff;border:1px solid #eee;border-radius:1rem;flex-direction:column;min-height:max-content;display:flex;position:relative;overflow:hidden}.article-list-main>section.article-list>.vh-article-item:hover>.vh-article-banner>img{transform:scale(1.08)}.article-list-main>section.article-list>.vh-article-item.active:before{content:"置顶";box-sizing:border-box;color:#fff;z-index:1;-webkit-backdrop-filter:blur(6px);background:#0003;border-radius:.66rem;width:max-content;height:max-content;padding:.18rem 1rem;font-size:1rem;position:absolute;top:1.6rem;left:.66rem;transform:rotate(-45deg);box-shadow:0 2rem 1rem #0000001a}.article-list-main>section.article-list>.vh-article-item.active>.vh-article-banner:before{content:"";z-index:1;pointer-events:none;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner{box-sizing:border-box;flex-shrink:0;width:100%;height:12rem;position:relative;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner>img{object-fit:cover;width:100%;height:100%}.article-list-main>section.article-list>.vh-article-item>header{box-sizing:border-box;flex-direction:column;gap:.66rem;width:100%;height:max-content;padding:.88rem 1.166rem;display:flex}.article-list-main>section.article-list>.vh-article-item>header>h3{justify-content:space-between;align-self:center;width:100%;height:max-content;display:flex}.article-list-main>section.article-list>.vh-article-item>header>h3>.vh-article-cat{box-sizing:border-box;--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));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;width:max-content;font-size:.875rem;font-weight:700}.article-list-main>section.article-list>.vh-article-item>header>h3>.vh-article-cat.vh-cat-Code{--gradient-color-1:#f48600;--gradient-color-2:#ffa12e;--gradient-color-3:#ffe9c9}.article-list-main>section.article-list>.vh-article-item>header>h3>.vh-article-cat.vh-cat-Daily{--gradient-color-1:#6270ee;--gradient-color-2:#2b90d9;--gradient-color-3:#37dede}.article-list-main>section.article-list>.vh-article-item>header>h3>.vh-article-cat.vh-cat-Software{--gradient-color-1:#063;--gradient-color-2:#0c6;--gradient-color-3:#6f9}.article-list-main>section.article-list>.vh-article-item>header>h3>.vh-article-cat.vh-cat-Share{--gradient-color-1:#f02d85;--gradient-color-2:#f95ba5;--gradient-color-3:#f4bdd0}.article-list-main>section.article-list>.vh-article-item>header>h3>time{box-sizing:border-box;color:var(--vh-font-color);width:max-content;margin-top:auto;font-size:.805rem;font-weight:400}.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;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;width:100%;height:max-content;color:var(--vh-font-66);letter-spacing:.88px;padding:0 1.166rem;font-size:.805rem;font-weight:400;line-height:1.28rem}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist{box-sizing:border-box;width:100%;height:max-content;margin-top:auto;padding:.66rem 1.166rem 1rem;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a{box-sizing:border-box;color:var(--vh-font);margin-right:.88rem;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:last-of-type{margin-right:0}.article-list-main>section.article-list>.vh-article-pagination{position:absolute;bottom:0;right:0}@media screen and (width<=1150px){.article-list-main>section.article-list{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=556px){.article-list-main>section.article-list{grid-template-columns:repeat(1,1fr)}}section.vh-art-page{box-sizing:border-box;justify-content:center;align-items:center;gap:1rem;width:100%;height:max-content;padding:1rem;display:flex;position:absolute;bottom:.88rem;right:0;overflow:hidden}section.vh-art-page span.vh-pagination-ellipsis{color:#99a9bf;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;display:flex}section.vh-art-page>a.vh-pagination-item{background-color:var(--vh-white-color);width:2rem;height:2rem;box-shadow:var(--vh-box-shadow);color:#99a9bf;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;transition:background-color .18s ease-in-out;display:flex;overflow:hidden}section.vh-art-page>a.vh-pagination-item:hover{color:var(--vh-white-color);background-color:#8192ae5c}section.vh-art-page>a.vh-pagination-item:hover>svg{color:var(--vh-white-color)}section.vh-art-page>a.vh-pagination-item.active{cursor:default;pointer-events:none;color:var(--vh-white-color);background-color:#8192ae}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{object-fit:contain;width:auto;height:1.18rem}