.blog-page .blog-page-container{width:75%}.blog-page .blog-page-container .banner{gap:20px;padding-top:100px;display:flex}.blog-page .blog-page-container .banner img{max-width:40%}.blog-page .blog-page-container .banner .banner-text{flex-direction:column;justify-content:space-between;display:flex}.blog-page .blog-page-container .banner .introduction{flex-direction:column;gap:10px;display:flex}.blog-page .blog-page-container .blog-meta{color:#9a9a9a;padding-top:20px;font-size:12px}@media (max-width:768px){.blog-page .blog-page-container{width:100%;padding:100px 20px 50px}.blog-page .blog-page-container .banner{flex-direction:column;gap:20px;padding-top:0}.blog-page .blog-page-container .banner img{width:100%;height:auto}.blog-page .blog-page-container .banner .banner-text{gap:20px;padding:20px 0}.blog-page .blog-page-container .blog-meta{padding-top:10px}.blog-page .blog-page-container .blog-container{padding:40px 0}}
.content-progress-container{top:calc(var(--header-height) - 18px);height:var(--progressbar-height);z-index:999;background-color:transparent;border-radius:50%;position:-webkit-sticky;position:sticky}.content-progress-container .progress-bar{background-color:var(--primary);width:0%;height:100%;transition:width .1s ease-out}
.blog-container{background:var(--bg-light);color:var(--black-text);min-width:75%;position:relative}.blog-container .blog-sider{background:var(--bg-light);border-right:1px solid var(--border-color2);z-index:100;background:"#fff";border-right:var(--border-config);height:calc(100vh - 100px);margin-top:100px;position:-webkit-sticky;position:sticky;top:100px;left:0;overflow-y:auto;width:280px!important;min-width:280px!important;max-width:280px!important}.blog-container .blog-sider *{font-size:13px}.blog-container .blog-content-layout{background:var(--bg-light);padding:100px 32px 32px 10px;overflow-y:auto}.blog-container .blog-content-layout a{color:var(--primary)}.blog-container .blog-content-layout hr,.blog-container .blog-content-layout p,.blog-container .blog-content-layout div,.blog-container .blog-content-layout ul{margin:10px 0}.blog-container .blog-content-layout ul{margin-left:20px;list-style:outside}.blog-container .blog-content-layout ul li{margin:10px 0}.blog-container .blog-content-layout .blog-section{margin:40px 0}.blog-container .blog-content-layout .blog-section:first-child{margin-top:0}.blog-container .blog-content-layout .blog-section figure{padding:16px 0}.blog-container .blog-content-layout .blog-section figure img{max-width:350px;margin:auto}.blog-container .blog-content-layout .blog-section figure figcaption{text-align:center;margin-top:16px}@media (max-width:768px){.blog-container{min-width:100%}.blog-container .ant-layout-sider-zero-width-trigger{display:none}.blog-container .blog-sider{border-right:none;border-bottom:1px solid var(--border-color2);height:50vh;margin-top:100px;position:static;width:unset!important;max-width:unset!important;min-width:unset!important}.blog-container .blog-content-layout{margin-left:0;padding:0}.blog-container .blog-content-layout .ant-layout-content{padding:0!important}}