.article-list-main{position:relative;box-sizing:border-box;padding-bottom:5rem;width:100%;max-width:46rem;height:max-content}.article-list-main .article-list-card{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:0 1.25rem;border:1px solid var(--vh-border-color);border-radius:var(--vh-radius-lg);background-color:var(--vh-white-color);overflow:hidden}.article-list-main .article-list-card .vh-article-item{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;gap:1.5rem;width:100%;padding:1.75rem 0;border-bottom:1px solid var(--vh-border-color);transition:border-color var(--vh-transition-base)}.article-list-main .article-list-card .vh-article-item:last-child{border-bottom:none}.article-list-main .article-list-card .vh-article-item:hover{border-color:var(--vh-border-color-strong)}.article-list-main .article-list-card .vh-article-item:hover .title a{color:var(--vh-main-color)}.article-list-main .article-list-card .vh-article-item:hover .vh-article-thumb img{transform:scale(1.06)}.article-list-main .article-list-card .vh-article-item.active .title a:before{content:"置顶";display:inline-block;margin-right:.4rem;padding:.05rem .35rem;font-size:.62rem;font-weight:600;line-height:1.5;color:#fff;background:var(--vh-main-color);border-radius:2px;vertical-align:middle}.article-list-main .vh-article-thumb{flex-shrink:0;display:block;width:14rem;aspect-ratio:16/10;border-radius:var(--vh-radius-md);overflow:hidden;background-color:var(--vh-body-bg)}.article-list-main .vh-article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.article-list-main .vh-article-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}.article-list-main .vh-article-body>header{display:flex;align-items:baseline;gap:.5rem;width:100%}.article-list-main .vh-article-body>header .vh-article-cat{flex-shrink:0;padding:.08rem .4rem;font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--vh-main-color);background-color:var(--vh-main-color-6);border-radius:var(--vh-radius-sm)}.article-list-main .vh-article-body>header .title{flex:1;min-width:0;overflow:hidden}.article-list-main .vh-article-body>header .title a{display:block;font-size:1.1rem;font-weight:600;line-height:1.35;color:var(--vh-font-color);transition:color var(--vh-transition-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-list-main .vh-article-body>header time{flex-shrink:0;font-size:.75rem;color:var(--vh-font-56)}.article-list-main .vh-article-body .vh-article-excerpt{font-size:.875rem;line-height:1.65;color:var(--vh-font-56);margin:0}.article-list-main .vh-article-body .vh-article-taglist{display:flex;flex-wrap:wrap;gap:.5rem}.article-list-main .vh-article-body .vh-article-taglist a{font-size:.72rem;color:var(--vh-font-56);transition:color var(--vh-transition-base)}.article-list-main .vh-article-body .vh-article-taglist a:hover{color:var(--vh-main-color)}@media screen and (max-width:768px){.article-list-main .article-list-card{padding:0 1rem}.article-list-main .vh-article-thumb{width:8rem}.article-list-main .vh-article-item{gap:.875rem;padding:1rem 0}.article-list-main .vh-article-body>header{flex-wrap:wrap;gap:.35rem}.article-list-main .vh-article-body>header .title a{font-size:.95rem}}@media screen and (max-width:556px){.article-list-main .article-list-card{padding:0 .75rem}.article-list-main .vh-article-thumb{width:6rem;border-radius:var(--vh-radius-sm)}.article-list-main .vh-article-item{gap:.75rem;padding:.875rem 0}.article-list-main .vh-article-excerpt{display:none}.article-list-main .vh-article-body>header time{display:none}}.vh-article-readtime{font-size:.75rem;color:var(--vh-font-56);margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--vh-border-color)}section.vh-art-page{position:absolute;bottom:.75rem;right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:max-content;overflow:hidden}section.vh-art-page>a.vh-pagination-item{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--vh-radius-md);border:1px solid var(--vh-border-color);background-color:var(--vh-white-color);font-size:.875rem;font-weight:500;color:var(--vh-font-56);user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}section.vh-art-page>a.vh-pagination-item:hover{color:var(--vh-main-color);border-color:var(--vh-main-color-28);background-color:var(--vh-main-color-6);transform:translateY(-1px)}section.vh-art-page>a.vh-pagination-item.active{background-color:var(--vh-main-color);border-color:var(--vh-main-color);color:var(--vh-white-color);font-weight:600;cursor:default;pointer-events:none;box-shadow:0 2px 8px var(--vh-main-color-28)}section.vh-art-page>a.vh-pagination-item.disabled{pointer-events:none;opacity:.25}section.vh-art-page>a.vh-pagination-item>svg{height:1rem;width:auto;object-fit:contain}