.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{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:initial;min-height:max-content;border:var(--vh-pixel-border-width) solid var(--vh-pixel-border-color);border-radius:0;background-color:#fff;box-shadow:var(--vh-pixel-box-shadow);overflow:hidden;transition:all .18s ease-in-out}.article-list-main>section.article-list>.vh-article-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--vh-pixel-border-thick);background-color:var(--vh-main-color);z-index:1}.article-list-main>section.article-list>.vh-article-item:hover{transform:translate(-2px,-2px);box-shadow:var(--vh-pixel-box-shadow-lg)}.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:"置顶";position:absolute;top:1.6rem;left:.66rem;box-sizing:border-box;padding:.18rem 1rem;width:max-content;height:max-content;font-size:.75rem;font-family:HarmonyOS Sans SC,sans-serif;color:#fff;border:2px solid #000;border-radius:0;transform:rotate(-45deg);background:var(--vh-main-color);box-shadow:var(--vh-pixel-box-shadow-sm);z-index:2}.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:12rem;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner>img{width:100%;height:100%;object-fit:cover}.article-list-main>section.article-list>.vh-article-item>header{box-sizing:border-box;padding:.88rem 1.166rem;display:flex;flex-direction:column;gap:.66rem;width:100%;height:max-content}.article-list-main>section.article-list>.vh-article-item>header>.vh-article-meta{display:flex;align-self:center;justify-content:space-between;width:100%;height:max-content}.article-list-main>section.article-list>.vh-article-item>header>.vh-article-meta>.vh-article-cat{flex-shrink:0;box-sizing:border-box;padding:.2rem .5rem;width:max-content;font-size:.7rem;font-family:HarmonyOS Sans SC,sans-serif;font-weight:400;border:2px solid #000;border-radius:0;background:var(--vh-main-color);-webkit-text-fill-color:initial;color:#fff}.article-list-main>section.article-list>.vh-article-item>header>.vh-article-meta>.vh-article-cat.vh-cat-Code{background:#f48600}.article-list-main>section.article-list>.vh-article-item>header>.vh-article-meta>.vh-article-cat.vh-cat-Daily{background:#6270ee}.article-list-main>section.article-list>.vh-article-item>header>.vh-article-meta>.vh-article-cat.vh-cat-Software{background:#0c6}.article-list-main>section.article-list>.vh-article-item>header>.vh-article-meta>.vh-article-cat.vh-cat-Share{background:#f04585}.article-list-main>section.article-list>.vh-article-item>header>.vh-article-meta>time{box-sizing:border-box;margin-top:auto;font-size:.85rem;font-family:HarmonyOS Sans SC,sans-serif;font-weight:400;color:var(--vh-font-color);width:max-content}.article-list-main>section.article-list>.vh-article-item>header>h2.title{box-sizing:border-box;width:100%;height:max-content;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>header>h2.title>a{font-size:.9rem;font-family:HarmonyOS Sans SC,sans-serif;font-weight:400;line-height:1.4;transition:color .18s}.article-list-main>section.article-list>.vh-article-item>header>h2.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 1.166rem;width:100%;height:max-content;color:var(--vh-font-66);font-size:.9rem;font-family:HarmonyOS Sans SC,sans-serif;font-weight:400;letter-spacing:.5px;line-height:1.4}.article-list-main>section.article-list>.vh-article-item>.vh-article-taglist{margin-top:auto;box-sizing:border-box;padding:.66rem 1.166rem 1rem;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:.88rem;color:var(--vh-font);font-size:.75rem;font-family:HarmonyOS Sans SC,sans-serif;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: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)}}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:#99a9bf;user-select:none;transition:background-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:#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{background-color:#8192ae;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}