.blog-grid-wrapper{display:flex;justify-content:center;padding:0 120px}.blog-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-flow:dense;grid-row-gap:32px;row-gap:32px;grid-column-gap:24px;column-gap:24px;width:100%;box-sizing:border-box;max-width:1440px}.empty-blog-container{display:flex;align-items:center;justify-content:center}.blog-grid-item{transition:transform .3s ease}.article-loading,.blog-grid-item{display:flex;justify-content:center}.article-loading{font-size:15px;color:#616366;margin-top:72px;margin-bottom:122px}.article-loading .article-loading-icon{animation:spin 4s linear infinite,fade 4s ease-in-out infinite alternate}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade{0%{opacity:.7}to{opacity:1}}.article-end{text-align:center;margin-bottom:122px}.page-loading{font-size:15px;color:#616366;margin-top:72px;margin-bottom:122px;display:flex!important;justify-content:center!important;align-items:center!important}.page-loading .page-loading-icon{animation:spin 4s linear infinite,fade 4s ease-in-out infinite alternate}@media (max-width:768px){.blog-grid-wrapper{padding:0 24px}.blog-grid-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));column-gap:12px;row-gap:16px}}@media (max-width:480px){.blog-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.blog-cover{width:100%;max-width:400px;border-radius:5px;overflow:hidden;background:#fff;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.cover-image-container{min-width:160px;height:260px;position:relative;overflow:hidden;border-radius:5px;background-color:#e3e6e8}.cover-image{object-fit:cover;border-radius:5px}.cover-image,.cover-image-container:after{position:absolute;top:0;left:0;width:100%;height:100%}.cover-image-container:after{content:"";background:#2e303399;opacity:0;transition:opacity .3s ease}.cover-image-container:hover:after{opacity:1}.blog-title{margin:12px 8px 16px;color:#2e3033;font-size:15px;max-width:180px;overflow:hidden;text-overflow:ellipsis;font-weight:400;text-wrap:nowrap;line-height:15px;white-space:nowrap}.blog-meta{justify-content:space-between;font-size:15px;color:#666;padding:0 8px;height:20px}.author-info,.blog-meta{display:flex;align-items:center}.author-name{color:#8e9194;text-wrap:nowrap;text-overflow:ellipsis;max-width:75px;overflow:hidden;white-space:nowrap;margin-left:4px}.publish-date{color:#8e9194;font-size:12px}@media (max-width:768px){.blog-cover{max-width:100%}.author-avatar{width:28px;height:28px}}.post-detail-modal .ant-modal-content{padding:0!important;border-radius:12px;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.post-detail-modal .ant-modal-content .ant-modal-close{display:none}.post-detail-modal .ant-modal-content .ant-modal-body{padding:0;display:flex}.author-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.ant-modal-mask{background-color:#2e3033b2!important}.mask-close{position:fixed;top:5%;right:42px;z-index:1001;color:#fff;font-size:24px;cursor:pointer!important}.image-provider{background-color:#2e3033;filter:blur(12)}.ant-image-preview-mask,.ant-image-preview-wrap{z-index:1009!important}.ant-image-preview-close,.ant-image-preview-close:hover{background-color:#2e3033}.ant-image-preview-switch-right{background-color:#61636699;border-radius:5px;right:36px}.ant-image-preview-switch-right:hover{background-color:#616366}.ant-image-preview-switch-left{background-color:#61636699;border-radius:5px;left:36px}.ant-image-preview-switch-left:hover{background-color:#61636699}.ant-image-preview-operations{display:none!important}.ant-image-preview-img{max-height:100%!important}.post-detail-container{display:flex;width:100%;height:100%}.post-detail-container .post-media{height:max-content;width:max-content;height:auto;width:55%;background:#f5f6f7;position:relative;display:flex;align-items:center;justify-content:center;cursor:url(/assets/zoom-in.svg),auto}.post-media .media-item{height:100%;display:flex!important;align-items:center;justify-content:center}.post-media .image-counter{top:16px;right:16px;height:20px;text-align:center;font-size:12px}.post-media .image-counter,.post-media .nav-button{position:absolute;width:32px;background:#61636699;color:#fff;border-radius:5px;z-index:2}.post-media .nav-button{top:50%;transform:translateY(-50%);height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-media .nav-button.prev{left:20px}.post-media .nav-button.next{right:20px}.post-detail-container .post-media .ant-carousel{width:100%}.post-detail-container .post-media .ant-carousel .slick-list{background-color:#f5f6f7}.post-detail-container .post-media .ant-carousel .slick-track{display:flex;justify-content:center;align-items:center}.post-detail-container .post-media .ant-carousel .slick-arrow{z-index:1;width:40px;height:40px;background:hsla(0,0%,100%,.8);border-radius:50%;display:flex!important;align-items:center;justify-content:center;color:#333;font-size:16px}.post-detail-container .post-media .ant-carousel .slick-arrow:hover{background:hsla(0,0%,100%,.9)}.post-detail-container .post-media .ant-carousel .slick-arrow.slick-prev{left:20px}.post-detail-container .post-media .ant-carousel .slick-arrow.slick-next{right:20px}.post-detail-container .post-media .ant-carousel .slick-arrow:before{display:none}.post-detail-container .post-content{display:flex;flex-direction:column;width:45%;height:100%;position:relative}.post-content .user-info{display:flex;align-items:center;padding-top:24px;padding-left:28px;text-overflow:ellipsis;overflow:hidden}.post-content .user-info .user-avatar{color:#fff;height:50px;width:50px;font-size:24px;margin-right:12px}.post-content .user-info .username{font-size:16px;color:#2e3033}.post-content .post-main{padding:0 28px;max-height:calc(100% - 144px);display:flex;flex-direction:column}.post-content .post-title{font-size:20px;font-weight:500;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;max-height:3em;max-width:393px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#2e3033}.post-content .content-container{overflow:hidden;flex:1 1;min-height:0}.post-content .scrollable-content{flex:1 1;overflow-y:auto;margin:0 -24px;padding:0 28px 40px;max-height:408px;scrollbar-width:none}::-webkit-scrollbar{width:0}.post-content .scrollable-content .post-body{line-height:1.5;color:#2e3033}.scrollable-content .post-body p{margin-bottom:1em}.scrollable-content .post-body p:last-child{margin-bottom:0}.post-content .post-meta-fixed{position:absolute;bottom:0;width:calc(100% - 56px);padding:14px 28px;left:0;background-color:#fff}.post-content .post-meta-fixed .post-meta{display:flex;align-items:center;font-size:14px;justify-content:space-between;color:rgba(0,0,0,.45)}.post-meta-fixed .post-meta .footer-title{color:#616366}.post-meta-fixed .post-meta .footer-content{color:#8e9194}.pageBtn{border:0!important;background:#8e9194!important;cursor:"pointer",}.pageBtn:hover{background:#8e919466!important}.post-content-skeleton{display:flex;flex-direction:column;width:449px;position:relative}.post-content-skeleton .user-info-skeleton{display:flex;align-items:center;padding-top:24px;padding-left:28px;margin-bottom:46px}.post-content-skeleton .post-main-skeleton{padding:0 28px;max-height:calc(100% - 144px);display:flex;flex-direction:column}.post-content-skeleton .post-meta-fixed-skeleton{position:absolute;bottom:0;width:calc(100% - 56px);padding:16px 28px;left:0;background-color:#fff}.login-modal{border-radius:20px!important}.logo{font-family:Outfit;margin:20px 0 24px}.logo,.welcome{font-size:20px;font-weight:600;color:#2e3033;text-align:center}.welcome{font-family:Roboto;margin-bottom:8px}.login-text{color:#2e3033;text-align:center;letter-spacing:0;line-height:16px;margin-bottom:20px}.google-login-button:hover{border:1px solid #e6e8eb}.login-divider{display:flex;align-items:center;margin:24px 0;color:#8e9194;font-size:15px}.login-divider:after,.login-divider:before{content:"";flex:1 1;border-bottom:1px solid #e6e8eb;flex:none;width:68px}.login-divider:before{margin-right:16px;margin-left:58px}.login-divider:after{margin-left:16px}.footer-text{font-size:12px;color:#8e9194}.footer-text .underline-text{text-decoration:underline;cursor:pointer}.ant-modal-content{padding-left:76px!important;padding-right:76px!important}