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