.ArticleTitle{padding-top:50px;position:relative}.article_title_img_box{z-index:-1;position:absolute;inset:0 0 -100px;overflow:hidden;-webkit-mask-image:linear-gradient(#fff,#fff,#0000);mask-image:linear-gradient(#fff,#fff,#0000)}.article_title_img{filter:blur(20px);opacity:.3;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.2)}.none_blur_app .article_title_img{filter:none}@keyframes down{0%{opacity:0;transform:translateY(-10%)}to{opacity:.3;transform:scale(1.2)}}.article_title_text{padding:40px var(--padding-width);padding-top:60px;padding-top:calc(var(--sticky-top) + 10px)}.ArticleTitle h1{margin-top:10px;margin-bottom:20px;font-size:46px;line-height:1.4}@media (width<=500px){.ArticleTitle{background-color:var(--section-color);z-index:1;overflow:hidden}.ArticleTitle h1{font-size:32px}.article_title_text{padding-top:20px;padding-bottom:20px}.article_title_img_box{bottom:50px}}.ArticleTitle .article_parent_title{color:var(--text-sub-color);font-size:20px;font-weight:700;transition:all .3s;display:inline-block}.pc_browser .ArticleTitle .article_parent_title:hover{color:var(--main-color)}.ArticleTitle .intro_row{color:var(--text-sub-color);margin:24px 0;line-height:1.7}.ArticleTitle .info_row{color:var(--text-sub-color);flex-wrap:wrap;margin:5px 0;font-size:14px}.ArticleTitle .info_row,.ArticleTitle .info_row>div{align-items:center;display:flex}.ArticleTitle .info_row>div svg{width:20px;height:20px;fill:var(--text-sub-color-opaque);margin-right:8px}.ArticleTitle .info_row>div span{padding:5px 20px 5px 0}.ArticleTitle .article_edit_link{color:var(--main-color);align-items:center;padding:5px 0;text-decoration:none;display:inline-flex}.ArticleTitle .article_edit_link:hover{text-decoration:underline}.BlogArticleDetailDoc{margin-top:calc(var(--sticky-top)*-1)}.BlogArticleDetailDoc .article_detail_box{margin-bottom:-10px;padding-bottom:10px;position:relative}.BlogArticleDetailDoc .article_detail_aside_button_box{height:40px;position:sticky;top:80px}.BlogArticleDetailDoc .article_detail_aside_button{background-color:var(--main-color-alpha);border-radius:var(--border-radius) 0 0 var(--border-radius);justify-content:center;align-items:center;width:50px;height:40px;margin-left:auto;display:flex}.BlogArticleDetailDoc .article_detail_aside_button_box svg{width:30px;height:30px;fill:var(--main-color);transform:rotate(90deg)}@media (width<=500px){.BlogArticleDetailDoc .content{width:100%}.BlogArticleDetailDoc .article_children_section,.BlogArticleDetailDoc .article_copyright_section,.BlogArticleDetailDoc .article_main_section_content,.BlogArticleDetailDoc .community_post_section{border-radius:0}}.BlogArticleDetailDoc .article_children_section{padding:20px var(--padding-width);min-height:50vh;margin:20px 0}.BlogArticleDetailDoc .article_children_section .section_title{margin-bottom:14px}.BlogArticleDetailDoc .article_children_item_box{border-bottom:1px dashed var(--border-light-color)}.BlogArticleDetailDoc .article_children_item{border-radius:calc(var(--border-radius)/2);color:var(--text-color);margin:0 -10px;padding:10px;transition:all .2s;display:block}.BlogArticleDetailDoc .article_children_item_title{font-size:18px;font-weight:400;display:block}.BlogArticleDetailDoc .article_children_item_text{opacity:.4;margin-top:4px;font-size:12px;display:block}.pc_browser .BlogArticleDetailDoc .article_children_item:hover{background:var(--main-color-alpha);color:var(--main-color)}.BlogArticleDetailDoc .article_copyright_section{padding:20px var(--padding-width);margin:20px 0;position:relative;overflow:hidden}.BlogArticleDetailDoc .article_copyright_section .section_title{margin-bottom:16px}.BlogArticleDetailDoc .article_copyright_section>svg{fill:var(--text-sub-color-opaque);opacity:.2;-webkit-user-select:none;user-select:none;pointer-events:none;width:160px;height:160px;position:absolute;top:-30px;right:-20px}.BlogArticleDetailDoc .article_copyright_section p{margin-top:8px;line-height:1.8}.BlogArticleTitleStory{z-index:1;padding-top:50px;padding-top:var(--sticky-top);position:relative}.BlogArticleTitleStory .article_title_img_box{z-index:-1;position:absolute;inset:-50px 0 -100px;overflow:hidden;-webkit-mask-image:linear-gradient(#fff,#fff,#0000);mask-image:linear-gradient(#fff,#fff,#0000)}.BlogArticleTitleStory .article_title_img{filter:blur(20px);opacity:.5;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.2)}.BlogArticleTitleStory .none_blur_app .article_title_img{filter:none}.BlogArticleTitleStory .article_title_text{padding:40px var(--padding-width);padding-top:60px}.BlogArticleTitleStory h1{text-align:center;margin-top:10px;margin-bottom:20px;font-size:46px;line-height:1.4}@media (width<=500px){.BlogArticleTitleStory h1{font-size:32px}.BlogArticleTitleStory .article_title_text{padding-top:30px;padding-bottom:8px}}.BlogArticleTitleStory .article_parent_title{color:var(--text-sub-color);font-size:20px;font-weight:700;transition:all .3s;display:inline-block}.pc_browser .BlogArticleTitleStory .article_parent_title:hover{color:var(--main-color)}.BlogArticleTitleStory .intro_row{color:var(--text-sub-color);text-align:center;margin:24px 0;line-height:1.7}.BlogArticleTitleStory .info_row{color:var(--text-sub-color);flex-wrap:wrap;justify-content:center;align-items:center;margin:5px 0;font-size:14px;display:flex}.BlogArticleTitleStory .info_row>div{align-items:center;display:flex}.BlogArticleTitleStory .info_row>div svg{width:20px;height:20px;fill:var(--text-sub-color-opaque);margin-right:8px}.BlogArticleTitleStory .info_row>div span{padding:5px 20px 5px 0}.BlogArticleTitleStory .article_edit_link{color:var(--main-color);align-items:center;padding:5px 0;text-decoration:none;display:inline-flex}.BlogArticleTitleStory .article_edit_link:hover{text-decoration:underline}.BlogArticleDetailStory .title_and_article{background-color:var(--section-color);margin-top:-50px;margin-bottom:20px;margin-top:calc(var(--sticky-top)*-1);padding-bottom:20px}.BlogArticleDetailStory .story_content{z-index:2;max-width:800px;margin:20px auto;position:relative}.BlogArticleDetailStory .article_copyright_section{border-radius:0;margin:20px 0;padding:20px 0;position:relative;overflow:hidden}.BlogArticleDetailStory .article_copyright_section .content{max-width:800px;position:relative}.BlogArticleDetailStory .article_copyright_section .section_title{margin-bottom:16px}.BlogArticleDetailStory .article_copyright_section .article_copyright_section_svg{fill:var(--text-sub-color-opaque);opacity:.2;-webkit-user-select:none;user-select:none;pointer-events:none;width:160px;height:160px;position:absolute;top:-30px;right:-20px}.BlogArticleDetailStory .article_copyright_section p{margin-top:8px;line-height:1.8}.BlogArticleDetailStory .CommunityPost{margin:20px 0}.BlogArticleDetailStory .CommunityPost .community_post_section{border-radius:0}.BlogArticleDetailStory .CommunityPost .comments_main,.BlogArticleDetailStory .CommunityPost .comments_title{width:92%;max-width:800px;margin:0 auto;padding-left:0;padding-right:0}.BlogArticleDetailStory .CommunityPost .comments_tools_box{border-radius:0;padding-left:0;padding-right:0}.BlogArticleDetailStory .CommunityPost .comments_tools{width:92%;max-width:800px;margin:0 auto}
