.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:solid 1px #eee;border-radius:1rem;background-color:#fff;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:"置顶";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.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:11rem;overflow:hidden}.article-list-main>section.article-list>.vh-article-item>.vh-article-banner .vh-invisible-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:block;text-decoration:none}.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>h3{display:flex;align-self:center;justify-content:space-between;width:100%;height:max-content}.article-list-main>section.article-list>.vh-article-item>header>h3>.vh-article-cat{flex-shrink:0;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>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:#006633;--gradient-color-2:#00cc66;--gradient-color-3:#66ff99}.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;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;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 1.166rem;width:100%;height:max-content;color:var(--vh-font-66);font-size:.805rem;font-weight:400;letter-spacing:.88px;line-height:1.28rem}.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:.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:1150px){.article-list-main>section.article-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:556px){body[data-mobile-style=style1] .article-list-main>section.article-list{grid-template-columns:repeat(1,1fr)}body[data-mobile-style=style1] .vh-ellipsis.line-2{display:none}body[data-mobile-style=style2] .article-list-main>section.article-list{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.6rem}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item{display:flex;flex-direction:column;height:auto;min-height:max-content;gap:0;padding:0;border:1px solid #eee;border-radius:8px;background-color:#fff}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>.vh-article-banner{width:100%;height:6.5rem;border-radius:0;margin:0}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>header{padding:.6rem .6rem .3rem;width:100%;display:flex}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>header .title{height:2.8rem;margin:0}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>header .title a{font-weight:700;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>header h3{display:none}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>.vh-article-excerpt{display:none}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>.vh-article-taglist{display:flex;flex-wrap:nowrap;margin-top:0;padding:0 1rem .8rem .6rem;width:100%;gap:6px;overflow:hidden}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a{margin-right:0;flex-shrink:0;font-size:.65rem;color:#999}body[data-mobile-style=style2] .article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a:before{content:"#"}body[data-mobile-style=style3] .article-list-main>section.article-list{grid-template-columns:1fr;gap:1.2rem;padding:.6rem .8rem;overflow:visible;display:grid}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item{display:flex;flex-direction:column;position:relative;height:auto;border-radius:16px;padding-bottom:0;background-color:#fff;border:solid 1px #eee}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>.vh-article-banner{height:10rem;border-radius:16px 16px 0 0;width:100%;margin:0;overflow:hidden}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>header{display:block;padding:.8rem 1.166rem 0;width:100%;box-sizing:border-box}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>header .title{margin:0;height:auto}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>header .title a{font-size:1.125rem;line-height:1.625rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;color:#333}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>header h3{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;position:absolute;bottom:1rem;right:1.166rem;height:1.2rem;width:auto}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>header h3 .vh-article-cat{display:none}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>header h3 time{font-size:14px;color:#777;line-height:1.2rem;margin:0}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>.vh-article-excerpt{display:block;visibility:hidden;height:1.625rem;margin:0;padding:0 1.166rem;box-sizing:border-box}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>.vh-article-taglist{display:flex;align-items:center;margin-top:0;padding:0 1.166rem 1rem;width:100%;height:2.2rem;overflow:hidden;position:relative;z-index:20;pointer-events:auto;box-sizing:border-box}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a{display:inline-block;position:relative;z-index:21;pointer-events:auto;font-size:14px;color:#3e689a;font-weight:500;margin-right:.8rem;line-height:1.2rem}body[data-mobile-style=style3] .article-list-main>section.article-list>.vh-article-item>.vh-article-taglist>a:before{content:"#"}body[data-mobile-style=style4] .article-list-main>section.article-list{display:grid;grid-template-columns:1fr;gap:0;padding:0 10px;overflow:visible}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item{display:flex;flex-direction:row;height:100px;border:0;border-bottom:1px solid #f0f0f0;border-radius:0;padding:12px 0;gap:12px;align-items:stretch;background:0 0;box-sizing:border-box;position:relative;min-height:auto}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>.vh-article-banner{width:125px;height:100%;margin:0;border-radius:8px;flex-shrink:0;overflow:hidden}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>.vh-article-banner img{width:100%;height:100%;object-fit:cover}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>header{flex:1;height:100%;padding:0;margin:0;gap:0;justify-content:space-between;min-width:0;display:flex;flex-direction:column;background:0 0}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>header .title{order:1;margin:0;padding:0;overflow:hidden;height:auto}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>header .title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal;word-break:break-all;font-size:.95rem;font-weight:500;line-height:1.3;color:#333;text-decoration:none}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>header h3{order:2;margin:0;padding:0;align-self:flex-end;width:100%;display:flex;justify-content:space-between;height:auto}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>header h3 .vh-article-cat,body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>header h3 time{font-size:.75rem;margin:0;padding:0;-webkit-background-clip:text;background-clip:text}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>.vh-article-excerpt,body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item>.vh-article-taglist{display:none}body[data-mobile-style=style4] .article-list-main>section.article-list>.vh-article-item.active:before{font-size:.7rem;top:1rem;left:.2rem;padding:.1rem .5rem}}