.lock{overflow:hidden;max-height:100%}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.fade{opacity:0;transform:translateY(50px);transition:.4s ease-in-out}.fade.in{opacity:1;transform:none}.fade-scale{opacity:.8;transition:.6s ease-in-out;transform:scale(.55)}.fade-scale.in{opacity:1;transform:none}@media screen and (max-width:767px){.fade{transition:.2s ease-in-out;transform:translateY(20px)}.fade-scale{transition:.3s ease-in-out;transform:translate(5%,10%) scale(.8)}}.hover-out:before{animation:continueRight .5s forwards!important}.post-list{margin:0 -12px;padding:0;list-style:none}.post-list .post-title{margin:10px 0}.post-list .post-title a{color:#333;text-decoration:none;letter-spacing:1px;font-weight:300;font-size:120%;font-family:Comic Sans MS,Helvetica Neue,Microsoft Yahei,-apple-system,sans-serif;transition:all .5s;position:relative;overflow:hidden;display:inline-block;padding-bottom:2px}.post-list .post-title a:before{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:2px;background:rgba(113,128,150,.1);transition:transform .5s ease}.post-list .post-title a:hover{color:#4a5568;transform:translateY(-2px)}.post-list .post-title a:hover:before{animation:fillFromLeft .5s forwards}.post-list-item{margin-bottom:30px;padding:0 6em;text-align:center}@media screen and (max-width:767px){.post-list{margin:0 -16px}.post-list-item{margin-bottom:16px;padding:0}.post-list-item .post-content p{font-size:.9em}}.article-card{padding:0;border-radius:12px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));box-shadow:0 2px 4px rgba(0,0,0,.06);transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:20px}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1);background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.85))}.article-card:hover .post-cover canvas,.article-card:hover .post-cover img{transform:scale(1.05)}.article-card:hover .post-content .post-more-wrapper{opacity:1;transform:translateY(0)}.article-card .post-time{color:#718096!important}.article-card .post-cover{position:relative;height:175px;overflow:hidden;background:#f5f5f5}.article-card .post-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));z-index:1}.article-card .post-cover canvas,.article-card .post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card .post-cover .canvas-cover{width:100%;height:100%;position:relative}.article-card .post-cover .canvas-cover canvas{position:absolute;top:0;left:0;width:100%;height:100%}.article-card .post-title{padding:10px 20px 0;position:relative;margin-bottom:5px}.article-card .post-title a{color:#2c3e50;font-weight:500;font-size:1.15em;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;padding-bottom:2px;display:inline-block}.article-card .post-title a:before{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:2px;background:#2c3e50;transition:transform .5s ease}.article-card .post-title a:hover:before{animation:fillFromLeft .5s forwards}.article-card .post-meta{-ms-flex-pack:justify;justify-content:space-between;padding:5px 20px;margin:0!important;color:#666;font-size:.85em;border-bottom:1px solid #f0f0f0;position:relative}.article-card .post-meta,.article-card .post-meta .post-meta-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.article-card .post-meta .post-meta-info{gap:15px}.article-card .post-meta .post-meta-info i{margin-right:3px;color:var(--theme-color);opacity:.8}.article-card .post-meta .post-meta-info span{color:#718096}.article-card .post-meta .post-meta-category{position:relative;z-index:2}.article-card .post-meta .post-meta-category .article-category-list{display:-ms-flexbox;display:flex;gap:8px;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.article-card .post-meta .post-meta-category .article-category-list-link{padding:6px 16px;border-radius:18px;color:#718096;font-size:.92em;font-weight:500;transition:all .3s ease;text-decoration:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;line-height:1.2;position:relative;overflow:hidden;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05)}.article-card .post-meta .post-meta-category .article-category-list-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(113,128,150,.1);transition:transform .5s ease;z-index:-1}.article-card .post-meta .post-meta-category .article-category-list-link:after{content:"";margin-right:4px;font-weight:600;color:#718096;opacity:.6;transition:all .3s ease}.article-card .post-meta .post-meta-category .article-category-list-link:hover{transform:translateY(-2px);color:#4a5568}.article-card .post-meta .post-meta-category .article-category-list-link:hover:after{opacity:.8;color:var(--theme-color)}.article-card .post-meta .post-meta-category .article-category-list-link:hover:before{animation:fillFromLeft .5s forwards}.article-card .post-meta .post-meta-category .article-category-list-link:active{transform:translateY(0)}.article-card .post-content{padding:15px 20px;color:#4a5568;line-height:1.6;font-size:.92em}.article-card .post-content p{margin:0;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3}.article-card .post-content .post-more-wrapper{text-align:center}.article-card .post-footer{padding:5px 20px;background:#f8f9fa;border-top:1px solid #eee}.article-card .post-footer .article-tag-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin:0;padding:5px 0}.article-card .post-footer .article-tag-list-item{margin:0;background:0 0}.article-card .post-footer .article-tag-list-link{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:3px 10px;border-radius:15px;background:#fff;color:#718096;font-size:.85em;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.article-card .post-footer .article-tag-list-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(113,128,150,.1);transition:transform .5s ease;z-index:-1}.article-card .post-footer .article-tag-list-link:after{content:"";margin-right:3px;color:#718096;transition:all .3s ease}.article-card .post-footer .article-tag-list-link:hover{transform:translateY(-2px);color:#4a5568}.article-card .post-footer .article-tag-list-link:hover:after{color:var(--theme-color)}.article-card .post-footer .article-tag-list-link:hover:before{animation:fillFromLeft .5s forwards}.animation-show{visibility:visible!important;opacity:1;animation:animation-show .5s}@keyframes animation-show{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:767px){.article-card{border-radius:0;margin:0 0 15px;border-left:none;border-right:none}.article-card .post-cover{height:150px}.article-card .post-title{padding:12px 15px 0;line-height:1.5em;padding-bottom:0;margin-bottom:0}.article-card .post-meta{padding:3px 15px 6px;gap:8px}.article-card .post-content{padding:12px 15px}.article-card .post-footer{padding:5px 15px}}.post-more{display:inline-block;padding:8px 20px;border:none;border-radius:4px;text-decoration:none;font-size:1em!important;transition:all .3s ease;color:#718096;position:relative;overflow:hidden;background:rgba(113,128,150,.05)}.post-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(113,128,150,.1);transition:transform .5s ease;z-index:-1}.post-more span{position:relative;z-index:1;transition:transform .3s ease}.post-more:hover{color:#4a5568;transform:translateY(-2px)}.post-more:hover:before{animation:fillFromLeft .5s forwards}.post-more:hover span{transform:translateX(3px)}@keyframes fillFromLeft{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes continueRight{0%{transform:translateX(100%)}to{transform:translateX(200%)}}@media screen and (max-width:1299px){.post-more{font-size:14px!important}}@media screen and (max-width:767px){.post-more{font-size:13px!important;padding:6px 16px}}#page-nav{margin:30px 0 0;text-align:center;font-family:Comic Sans MS,Helvetica Neue,Microsoft Yahei,-apple-system,sans-serif}#page-nav .inner{display:inline-block}#page-nav a,#page-nav span{display:inline-block;overflow:hidden;margin:0 6px 10px;border-radius:3px;color:#858585;background-color:#f6f6f6;font-size:14px;box-shadow:0 0 20px 2px rgba(0,0,0,.1);transition:.4s ease-in-out}#page-nav .current,#page-nav a:active,#page-nav a:hover{background:var(--theme-color);color:#fff}