.btn-pagi-circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:18px;text-align:center;font-weight:500;color:var(--primary-grey-10);background:var(--primary-grey-01);cursor:pointer}.btn-pagi-circle .iconfont{font-size:18px;font-weight:600}.btn-pagi-circle:hover{color:var(--brand-indigo-06);background:var(--brand-indigo-02)}.btn-pagi-circle.focus{color:var(--primary-grey-01);background:var(--brand-indigo-06)}.btn-pagi-circle.disable{cursor:not-allowed;pointer-events:none;color:var(--primary-grey-03);background:var(--primary-grey-01)}@media screen and (max-width:767px){.btn-pagi-circle{width:36px;height:36px;font-size:14px}.btn-pagi-circle .iconfont{font-size:14px}}.c-pagination-container .nav-container{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.c-pagination-container .nav-container > *{margin:auto 5px}.c-pagination-container .mobile-control{display:none}@media screen and (max-width:767px){.c-pagination-container .nav-container > *{margin:auto 3px}.c-pagination-container .nav-container .pc-control{display:none !important}.c-pagination-container .mobile-control{display:flex;align-items:center;justify-content:center;margin-top:12px}.c-pagination-container .mobile-control > a{margin:auto 3px}}.c-blog-item{display:flex;border-radius:24px;flex-direction:column;overflow:hidden;border:2px solid transparent;background:var(--primary-grey-01)}.c-blog-item:hover{border-color:var(--primary-grey-02)}.c-blog-item .preview{width:100%;height:228px;background-repeat:no-repeat;background-position:center;background-size:cover}.c-blog-item .detail{display:flex;flex-direction:column;flex:1;padding:32px 24px;color:var(--primary-grey-05)}.c-blog-item .detail .ptime{font-size:14px;line-height:20px;margin-bottom:24px}.c-blog-item .detail .ptitle{margin-bottom:24px;font-size:24px;line-height:32px;font-weight:600;color:var(--primary-grey-10);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-blog-item .detail .pdesc{margin-bottom:24px;font-size:18px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-blog-item .detail .avatar-info{display:flex;align-items:center;margin-top:auto}.c-blog-item .detail .avatar-info > img{width:36px;height:auto}.c-blog-item .detail .avatar-info > span{font-size:16px;line-height:24px;margin-left:12px}.c-blog-item.hor{flex-direction:row}.c-blog-item.hor .preview{width:228px;height:228px}.c-blog-item.hor .detail{flex:1;justify-content:center;padding:0 24px}.c-blog-item.hor .detail .ptime,.c-blog-item.hor .detail .ptitle,.c-blog-item.hor .detail .pdesc{margin-bottom:22px}.c-blog-item.hor .detail .avatar-info{margin-top:0}@media screen and (max-width:767px){.c-blog-item .preview{height:216px}.c-blog-item .detail{padding:24px 20px}.c-blog-item .detail .ptime,.c-blog-item .detail .pdesc,.c-blog-item .detail .ptitle{margin-bottom:16px}.c-blog-item .detail .pdesc{font-size:16px;line-height:24px}.c-blog-item.hor{flex-direction:column}.c-blog-item.hor .preview{width:100%;height:216px}.c-blog-item.hor .detail{justify-content:flex-start;padding:24px 20px}.c-blog-item.hor .detail .ptime,.c-blog-item.hor .detail .ptitle,.c-blog-item.hor .detail .pdesc{margin-bottom:16px}.c-blog-item.hor .detail .avatar-info{margin-top:auto}}.c-blog-list > h2{font-size:50px;line-height:64px;color:var(--primary-grey-10);font-weight:700}.c-blog-list .list{display:flex;flex-wrap:wrap}.c-blog-list .list .c-blog-item{margin-top:48px;width:calc(33% - 16px);margin-right:24px}.c-blog-list .list .c-blog-item:nth-child(3n + 3){margin-right:0}@media screen and (max-width:1023px){.c-blog-list .list .c-blog-item{margin-top:48px;width:calc(50% - 12px);margin-right:24px}.c-blog-list .list .c-blog-item:nth-child(3n + 3){margin-right:24px}.c-blog-list .list .c-blog-item:nth-child(2n + 2){margin-right:0}}@media screen and (max-width:767px){.c-blog-list > h2{font-size:36px;line-height:46px}.c-blog-list .list{display:flex;flex-wrap:wrap}.c-blog-list .list .c-blog-item{margin-top:24px;width:100%;margin-right:0}.c-blog-list .list .c-blog-item:nth-child(3n + 3),.c-blog-list .list .c-blog-item:nth-child(2n + 2){margin-right:0}}.p-author-detail .author-info{position:relative;margin-top:100px}.p-author-detail .author-info .mask{position:absolute;top:0;left:0;right:0;height:140px;border-radius:24px;background-position:center;background-size:cover}.p-author-detail .author-info .detail{position:relative;display:flex;flex-direction:column;align-items:center}.p-author-detail .author-info .detail .avatar-info{position:relative;margin-top:80px;width:180px;height:180px}.p-author-detail .author-info .detail .avatar-info .avatar{width:100%;height:100%;border-radius:50%}.p-author-detail .author-info .detail .avatar-info .cert{position:absolute;width:48px;height:auto;right:0;bottom:0}.p-author-detail .author-info .detail .name{text-align:center;margin-top:48px;font-size:60px;line-height:72px;font-weight:700;color:var(--primary-grey-10)}.p-author-detail .author-info .detail .typo{margin-top:12px;text-align:center;font-size:18px;line-height:26px;color:var(--brand-indigo-06)}.p-author-detail .author-info .detail .intro{margin-top:24px;text-align:center;font-size:24px;line-height:32px;color:var(--primary-grey-05)}.p-author-detail .c-blog-list,.p-author-detail .c-pagination-container{margin-top:100px}@media screen and (max-width:1023px){.p-author-detail .author-info{margin-top:60px}.p-author-detail .author-info .detail .name{margin-top:32px}.p-author-detail .c-blog-list,.p-author-detail .c-pagination-container{margin-top:60px}}@media screen and (max-width:767px){.p-author-detail .author-info{margin-top:32px}.p-author-detail .author-info .mask{height:120px;border-radius:18px}.p-author-detail .author-info .detail .avatar-info{margin-top:50px;width:140px;height:140px}.p-author-detail .author-info .detail .avatar-info .cert{width:28px}.p-author-detail .author-info .detail .name{margin-top:24px;font-size:36px;line-height:46px}.p-author-detail .author-info .detail .typo{font-size:16px;line-height:24px}.p-author-detail .author-info .detail .intro{font-size:20px;line-height:28px}.p-author-detail .c-blog-list,.p-author-detail .c-pagination-container{margin-top:32px}}