.app-layout__blog{--topbar-height:0px}.app-layout__blog.enable-sticky-topbar{--topbar-height:3.54166667rem}.blog-breadcrumb{background:#f7f8fa;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;margin:0 auto;padding-bottom:.83333333rem;padding-left:.83333333rem;padding-top:.52083333rem;position:sticky;top:var(--topbar-height);z-index:2}.blog-breadcrumb .current-breadcrumb .el-breadcrumb__inner{max-width:31.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-breadcrumb .category-currnet-breadcrumb .el-breadcrumb__inner{max-width:10.41666667rem}@media screen and (min-width:1440px){.blog-breadcrumb{width:75rem}}@media screen and (max-width:1440px){.blog-breadcrumb{width:62.5rem}}@media screen and (max-width:768px){.blog-breadcrumb{width:100vw}}.blog-container{margin:0 auto 1.04166667rem}.blog-container .blog-index-right{width:18.75rem}.blog-container .blog-index-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (min-width:1440px){.blog-container{width:75rem}}@media screen and (max-width:1440px){.blog-container{width:62.5rem}}@media screen and (max-width:768px){.blog-container{background-color:#f7f8fa;margin-bottom:0;width:100vw}.blog-container .blog-index-content{display:block}.blog-container .blog-index-content .blog-list-container{padding-right:0}.blog-container .blog-index-content .blog-content-right,.blog-container .blog-index-content .blog-index-right{-webkit-box-sizing:border-box;box-sizing:border-box;padding:.625rem;width:100vw}}.app-layout__blog .app-layout__right .content{padding:0!important;width:100%!important}.blog-category-breadcrumb[data-v-b602ce14]{padding-left:0!important}@media screen and (max-width:768px){.blog-category-breadcrumb[data-v-b602ce14]{padding-left:.625rem!important}.blog-category-breadcrumb .current-breadcrumb[data-v-b602ce14]{width:calc(100% - 3.64583rem)}}.blog-category-banner[data-v-b602ce14]{aspect-ratio:1440/320;margin:0;-o-object-fit:cover;object-fit:cover;width:100%}.no-banner-image[data-v-b602ce14]{padding-top:.52083333rem}.blog-index-right[data-v-b602ce14]{margin-top:1.04166667rem;width:18.75rem}.blog-index-right .popular-blog-wrap[data-v-b602ce14]{position:sticky;right:0;top:calc(var(--topbar-height) + .52083rem);z-index:3}@media screen and (max-width:768px){.blog-category-container[data-v-b602ce14]{font-size:0}.blog-category-banner[data-v-b602ce14]{aspect-ratio:343/200;font-size:0;margin:0 .52083333rem;width:calc(100% - 1.04167rem)}}