.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}.article-list-main>section.article-list>.myz-article-item{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:initial;min-height:max-content;border:solid 1px var(--myz-font-6);border-radius:1rem;background-color:var(--myz-header-bg-color);overflow:hidden;box-shadow:var(--myz-box-shadow);-webkit-box-shadow:var(--myz-box-shadow);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.article-list-main>section.article-list>.myz-article-item:hover{-webkit-box-shadow:var(--myz-box-shadow-hover);box-shadow:var(--myz-box-shadow-hover)}.article-list-main>section.article-list>.myz-article-item:hover>.myz-article-banner>a>img{transform:scale(1.08);filter:brightness(1.05)}.article-list-main>section.article-list>.myz-article-item:hover>.myz-article-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000014;z-index:1;pointer-events:none}.article-list-main>section.article-list>.myz-article-item:hover>header>.title>a{color:var(--myz-main-color)}.article-list-main>section.article-list>.myz-article-item:hover>.myz-article-taglist>a{color:var(--myz-main-color)}.article-list-main>section.article-list>.myz-article-item.active:before{content:"置顶";position:absolute;top:1.2rem;left:1rem;box-sizing:border-box;padding:.18rem 1rem;width:max-content;height:max-content;color:#fff;font-size:.75rem;font-weight:570;border-radius:.66rem;background:linear-gradient(135deg,#ff6a00,#ee0979);z-index:1;animation:bounce-vertical 3.5s ease-in-out infinite;box-shadow:0 4px 12px #ee097980}.article-list-main>section.article-list>.myz-article-item.active>.myz-article-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0f;z-index:1;pointer-events:none}.article-list-main>section.article-list>.myz-article-item>.myz-article-banner{flex-shrink:0;position:relative;box-sizing:border-box;width:100%;height:12rem;overflow:hidden}.article-list-main>section.article-list>.myz-article-item>.myz-article-banner>a{display:block;width:100%;height:100%;cursor:pointer}.article-list-main>section.article-list>.myz-article-item>.myz-article-banner>a>img{width:100%;height:100%;object-fit:cover;opacity:var(--myz-opacity-mask)}.article-list-main>section.article-list>.myz-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>.myz-article-item>header>h3{display:flex;align-self:center;justify-content:space-between;width:100%;height:max-content;margin:0}.article-list-main>section.article-list>.myz-article-item>header>h3:before{content:none;padding:0}.article-list-main>section.article-list>.myz-article-item>header>h3>.myz-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>.myz-article-item>header>h3>.myz-article-cat.myz-cat-Code{--gradient-color-1: #f48600;--gradient-color-2: #ffa12e;--gradient-color-3: #ffe9c9}.article-list-main>section.article-list>.myz-article-item>header>h3>.myz-article-cat.myz-cat-Daily{--gradient-color-1: #6270ee;--gradient-color-2: #2b90d9;--gradient-color-3: #37dede}.article-list-main>section.article-list>.myz-article-item>header>h3>.myz-article-cat.myz-cat-Software{--gradient-color-1: #006633;--gradient-color-2: #00cc66;--gradient-color-3: #66ff99}.article-list-main>section.article-list>.myz-article-item>header>h3>.myz-article-cat.myz-cat-Share{--gradient-color-1: #f02d85;--gradient-color-2: #f95ba5;--gradient-color-3: #f4bdd0}.article-list-main>section.article-list>.myz-article-item>header>h3>time{box-sizing:border-box;margin-top:auto;font-size:.805rem;font-weight:400;color:var(--myz-font-color);width:max-content}.article-list-main>section.article-list>.myz-article-item>header>.title{box-sizing:border-box;width:100%;height:max-content;overflow:hidden;margin:0}.article-list-main>section.article-list>.myz-article-item>header>.title:before{content:none;padding:0}.article-list-main>section.article-list>.myz-article-item>header>.title>a{font-size:1.06rem;font-weight:600;transition:color .18s}.article-list-main>section.article-list>.myz-article-item>header>.title>a:hover{color:var(--myz-main-color)}.article-list-main>section.article-list>.myz-article-item>.myz-article-excerpt{box-sizing:border-box;padding:0 1.166rem;width:100%;height:max-content;color:var(--myz-font-66);font-size:.805rem;font-weight:400;letter-spacing:.88px;line-height:1.28rem;display:-webkit-box;-webkit-box-orient:vertical;margin:0}.article-list-main>section.article-list>.myz-article-item>.myz-article-excerpt:before{content:none;padding:0}.article-list-main>section.article-list>.myz-article-item>.myz-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>.myz-article-item>.myz-article-taglist:before{content:none;padding:0}.article-list-main>section.article-list>.myz-article-item>.myz-article-taglist>a{box-sizing:border-box;margin-right:.88rem;color:var(--myz-font);font-size:.688rem;font-weight:400;transition:color .18s}.article-list-main>section.article-list>.myz-article-item>.myz-article-taglist>a:hover{color:var(--myz-main-color)}.article-list-main>section.article-list>.myz-article-item>.myz-article-taglist>a:before{content:"#"}.article-list-main>section.article-list>.myz-article-item>.myz-article-taglist>a:nth-last-of-type(1){margin-right:0}.article-list-main>section.article-list>.myz-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)}}@keyframes bounce-vertical{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(0) translateY(-10px)}}section.myz-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.myz-art-page>a.myz-pagination-item{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.5rem;background-color:var(--myz-white-color);box-shadow:var(--myz-box-shadow);font-size:.88rem;color:var(--myz-font-56);user-select:none;transition:background-color .18s ease-in-out;cursor:pointer;overflow:hidden;-webkit-box-shadow:var(--myz-box-shadow);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}section.myz-art-page>a.myz-pagination-item:hover{box-shadow:var(--myz-box-shadow-hover);-webkit-box-shadow:var(--myz-box-shadow-hover);color:var(--myz-white-color);background-color:var(--myz-warning)}section.myz-art-page>a.myz-pagination-item:hover>svg{color:var(--myz-white-color)}section.myz-art-page>a.myz-pagination-item.active{background-color:var(--myz-main-color);cursor:default;pointer-events:none;color:var(--myz-white-color);box-shadow:var(--myz-box-shadow);-webkit-box-shadow:var(--myz-box-shadow);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}section.myz-art-page>a.myz-pagination-item.active:hover{box-shadow:var(--myz-box-shadow-hover);-webkit-box-shadow:var(--myz-box-shadow-hover)}section.myz-art-page>a.myz-pagination-item.disabled{cursor:not-allowed;opacity:.8;background-color:var(--myz-box-border)!important}section.myz-art-page>a.myz-pagination-item.disabled>svg{color:var(--myz-font-28)}section.myz-art-page>a.myz-pagination-item>svg{height:1.18rem;width:auto;object-fit:contain}