diff --git a/settings.yaml b/settings.yaml
index 5f5191d2..ec3f3de3 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -635,7 +635,7 @@ spec:
         - $formkit: radio
           name: enable_footer_group
           label: 启用页脚友链
-          value: true
+          value: false
           options:
             - label: 启用
               value: true
@@ -671,39 +671,6 @@ spec:
           label: 最近发布文章
           value: 4
           help: "最近发布的文章数量"
-        - $formkit: group
-          name: reward
-          label: 打赏
-          value:
-            enable_reward:
-            wxPay:
-            alipay:
-            reward_md_url:
-          children:
-            - $formkit: radio
-              name: enable_reward
-              help: 启用文章打赏，请正确填写名称和二维码图片链接
-              value: true
-              options:
-                - label: 启用
-                  value: true
-                - label: 禁用
-                  value: false
-            - $formkit: attachment
-              name: wxPay
-              label: 微信
-              help: 微信二维码图片链接
-              placeholder: 请填写微信二维码图片链接
-            - $formkit: attachment
-              name: alipay
-              label: 支付宝
-              help: 支付宝二维码图片链接
-              placeholder: 请填写支付宝二维码图片链接
-            - $formkit: url
-              name: reward_md_url
-              label: 赞赏者名单地址
-              placeholder: "请输入赞赏者名单地址"
-              value: "/about"
         - $formkit: group
           name: post_edit
           label: 运营模式与责任
@@ -740,7 +707,68 @@ spec:
           label: 版权声明
           placeholder: '本文是原创文章，采用 <a target="_blank" href="/cc">CC BY-NC-ND 4.0</a> 协议，完整转载请注明来自 <a href="/" target="_blank" >程序员小航</a>'
           help: "版权声明内容，支持填入 HTML 标签"
-
+    - group: aiDescription
+      label: 文章ai摘要
+      formSchema:
+        - $formkit: radio
+          name: enable
+          label: 启用ai 摘要
+          value: false
+          options:
+            - label: 启用
+              value: true
+            - label: 禁用
+              value: false
+        - $formkit: text
+          name: gptName
+          label: 名称
+          placeholder: 请输入内容
+          value: KunKunYu
+        - $formkit: radio
+          name: mode
+          label: 模式
+          value: local
+          options:
+            - label: 本地
+              value: local
+            - label: ai
+              value: tianli
+        - $formkit: radio
+          name: switchBtn
+          label: 显示切换按钮
+          value: false
+          options:
+            - label: 是
+              value: true
+            - label: 否
+              value: false
+        - $formkit: url
+          name: btnLink
+          label: 链接地址
+          placeholder: 输入链接地址
+          value: https://afdian.net/item/f18c2e08db4411eda2f25254001e7c00
+        - $formkit: number
+          name: randomNum
+          label: 标签数量
+          value: 3
+          help: "按钮最大的随机次数，也就是一篇文章最大随机出来几种"
+        - $formkit: number
+          name: basicWordCount
+          label: 标签数量
+          value: 1000
+          help: "最低获取字符数, 最小1000, 最大1999"
+        - $formkit: text
+          name: key
+          label: key
+          value: xxxx
+          placeholder: 请输入key
+        - $formkit: url
+          name: Referer
+          label: 你的博客地址
+          help: 注意保留最后的斜杠
+          value: https://xx.xx/
+        
+          
     - group: about
       label: 个人
       formSchema:
@@ -1000,6 +1028,7 @@ spec:
         - $formkit: text
           name: LingQueMonitorID
           label: 51la网站统计配置
+          help: 统计ID
           placeholder: 请输入内容
           value: https://v6-widget.51.la/v6/K48u6B53QKqNs741/quote.js
         - $formkit: group
@@ -1057,21 +1086,36 @@ spec:
           name: content
           label: 内容
           placeholder: 请输入内容
-          value: 感谢赞赏的人，因为你们，让我感受到写博客这件事情能够给你们创造了价值。这会让我在这条路上走得更远。
+          value: 感谢赞赏的人，因为你们，让我感受到写博客这件事情能够给你们创造了价值。这会让我在这条路上走得更远。        
         - $formkit: group
           name: reward
           label: 打赏按钮
           value:
             enable_reward:
             name:
-            content:
             wxPay:
-            alipay:          
+            alipay:
+            enable_reward_wz:
+            reward_md_url:          
           children:
+            - $formkit: radio
+              name: enable_reward_wz
+              help: 启用文章页面打赏
+              value: false
+              options:
+                - label: 启用
+                  value: true
+                - label: 禁用
+                  value: false
+            - $formkit: url
+              name: reward_md_url
+              label: 赞赏者名单地址
+              placeholder: "请输入赞赏者名单地址"
+              value: "/about"
             - $formkit: radio
               name: enable_reward
-              help: 启用文章打赏，请正确填写名称和二维码图片链接
-              value: true
+              help: 启用关于页面打赏
+              value: false
               options:
                 - label: 启用
                   value: true
@@ -1082,11 +1126,6 @@ spec:
               label: 按钮名称
               placeholder: 请输入内容
               value: 赞赏作者
-            - $formkit: text
-              name: content
-              label: 内容
-              placeholder: 请输入内容
-              value: 感谢你赐予我前进的力量
             - $formkit: attachment
               name: wxPay
               label: 微信
@@ -1189,7 +1228,7 @@ spec:
         - $formkit: radio
           name: switch
           label: 开关
-          value: false
+          value: true
           options:
             - label: 打开
               value: true
diff --git a/templates/about.html b/templates/about.html
index be4ba3d6..3147c83a 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'about')}"
-      xmlns:th="http://www.thymeleaf.org">
+    xmlns:th="http://www.thymeleaf.org">
 
 <th:block th:fragment="content">
 
@@ -18,20 +18,20 @@
 
                     <div class="author-info">
                         <div class="author-tag-left"
-                             th:if="${not #lists.isEmpty(theme.config.about.authorInfoLeftTags)}"
-                             th:with="authorTags = ${theme.config.about.authorInfoLeftTags}">
+                            th:if="${not #lists.isEmpty(theme.config.about.authorInfoLeftTags)}"
+                            th:with="authorTags = ${theme.config.about.authorInfoLeftTags}">
                             <span class="author-tag" th:each="authorTag : ${authorTags}"
-                                  th:text="${authorTag.tag}"></span>
+                                th:text="${authorTag.tag}"></span>
                         </div>
                         <div class="author-img">
                             <img
-                                    th:src="@{${#strings.isEmpty(site.favicon) ? '/assets/images/hao-logo.jpg' : site.favicon}}">
+                                th:src="@{${#strings.isEmpty(site.favicon) ? '/assets/images/hao-logo.jpg' : site.favicon}}">
                         </div>
                         <div class="author-tag-right"
-                             th:if="${not #lists.isEmpty(theme.config.about.authorInfoRightTags)}"
-                             th:with="authorTags = ${theme.config.about.authorInfoRightTags}">
+                            th:if="${not #lists.isEmpty(theme.config.about.authorInfoRightTags)}"
+                            th:with="authorTags = ${theme.config.about.authorInfoRightTags}">
                             <span class="author-tag" th:each="authorTag : ${authorTags}"
-                                  th:text="${authorTag.tag}"></span>
+                                th:text="${authorTag.tag}"></span>
                         </div>
                     </div>
                     <div class="author-title">关于本站</div>
@@ -73,51 +73,51 @@
                                             <div class="tags-group-all">
                                                 <!--  banners 使用默认值-->
                                                 <div class="tags-group-wrapper"
-                                                     th:if="${#strings.equals(theme.config.top.bannersBackground, 'default')}">
+                                                    th:if="${#strings.equals(theme.config.top.bannersBackground, 'default')}">
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#989bf8">
                                                             <img th:src="@{/assets/images/icons/AfterEffect.png}"
-                                                                 title="AfterEffect">
+                                                                title="AfterEffect">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#fff">
                                                             <img th:src="@{/assets/images/icons/Sketch.png}"
-                                                                 title="Sketch">
+                                                                title="Sketch">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#57b6e6">
                                                             <img th:src="@{/assets/images/icons/Docker.png}"
-                                                                 title="Docker">
+                                                                title="Docker">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#4082c3">
                                                             <img th:src="@{/assets/images/icons/Photoshop.png}"
-                                                                 title="Photoshop">
+                                                                title="Photoshop">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#fff">
                                                             <img th:src="@{/assets/images/icons/FinalCutPro.png}"
-                                                                 title="FinalCutPro">
+                                                                title="FinalCutPro">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#fff">
                                                             <img th:src="@{/assets/images/icons/Python.png}"
-                                                                 title="Python">
+                                                                title="Python">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#eb6840">
                                                             <img th:src="@{/assets/images/icons/Swift.png}"
-                                                                 title="Swift">
+                                                                title="Swift">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#8f55ba">
                                                             <img th:src="@{/assets/images/icons/Principle.png}"
-                                                                 title="Principle">
+                                                                title="Principle">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#f29e39">
                                                             <img th:src="@{/assets/images/icons/illustrator.png}"
-                                                                 title="illustrator">
+                                                                title="illustrator">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#2c51db">
                                                             <img th:src="@{/assets/images/icons/CSS3.png}" title="CSS3">
@@ -137,53 +137,53 @@
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#e65164">
                                                             <img th:src="@{/assets/images/icons/Apifox.webp}"
-                                                                 title="Apifox">
+                                                                title="Apifox">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#989bf8">
                                                             <img th:src="@{/assets/images/icons/AfterEffect.png}"
-                                                                 title="AfterEffect">
+                                                                title="AfterEffect">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#fff">
                                                             <img th:src="@{/assets/images/icons/Sketch.png}"
-                                                                 title="Sketch">
+                                                                title="Sketch">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#57b6e6">
                                                             <img th:src="@{/assets/images/icons/Docker.png}"
-                                                                 title="Docker">
+                                                                title="Docker">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#4082c3">
                                                             <img th:src="@{/assets/images/icons/Photoshop.png}"
-                                                                 title="Photoshop">
+                                                                title="Photoshop">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#fff">
                                                             <img th:src="@{/assets/images/icons/FinalCutPro.png}"
-                                                                 title="FinalCutPro">
+                                                                title="FinalCutPro">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#fff">
                                                             <img th:src="@{/assets/images/icons/Python.png}"
-                                                                 title="Python">
+                                                                title="Python">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#eb6840">
                                                             <img th:src="@{/assets/images/icons/Swift.png}"
-                                                                 title="Swift">
+                                                                title="Swift">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#8f55ba">
                                                             <img th:src="@{/assets/images/icons/Principle.png}"
-                                                                 title="Principle">
+                                                                title="Principle">
                                                         </div>
                                                     </div>
                                                     <div class="tags-group-icon-pair">
                                                         <div class="tags-group-icon" style="background:#f29e39">
                                                             <img th:src="@{/assets/images/icons/illustrator.png}"
-                                                                 title="illustrator">
+                                                                title="illustrator">
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#2c51db">
                                                             <img th:src="@{/assets/images/icons/CSS3.png}" title="CSS3">
@@ -203,29 +203,29 @@
                                                         </div>
                                                         <div class="tags-group-icon" style="background:#e65164">
                                                             <img th:src="@{/assets/images/icons/Apifox.webp}"
-                                                                 title="Apifox">
+                                                                title="Apifox">
                                                         </div>
                                                     </div>
                                                 </div>
 
                                                 <!--  banners 使用默认值-->
                                                 <div class="tags-group-wrapper"
-                                                     th:if="${#strings.equals(theme.config.top.bannersBackground, 'techStack')}"
-                                                     th:with="techs = ${theme.config.about.techStack}">
+                                                    th:if="${#strings.equals(theme.config.top.bannersBackground, 'techStack')}"
+                                                    th:with="techs = ${theme.config.about.techStack}">
                                                     <th:block th:each="tech,iterStat : ${techs}">
                                                         <div class="tags-group-icon-pair" th:if="${iterStat.odd}">
                                                             <div class="tags-group-icon"
-                                                                 th:style="'background:' + ${techOdd.background}"
-                                                                 th:with="techOdd = ${techs.get(iterStat.index - 1)}">
+                                                                th:style="'background:' + ${techOdd.background}"
+                                                                th:with="techOdd = ${techs.get(iterStat.index - 1)}">
                                                                 <img th:src="@{${techOdd.url}}"
-                                                                     th:title="${techOdd.name}">
+                                                                    th:title="${techOdd.name}">
                                                             </div>
 
                                                             <div class="tags-group-icon"
-                                                                 th:style="'background:' + ${techEven.background}"
-                                                                 th:with="techEven = ${tech}">
+                                                                th:style="'background:' + ${techEven.background}"
+                                                                th:with="techEven = ${tech}">
                                                                 <img th:src="@{${techEven.url}}"
-                                                                     th:title="${techEven.name}">
+                                                                    th:title="${techEven.name}">
                                                             </div>
                                                         </div>
                                                     </th:block>
@@ -236,13 +236,13 @@
 
                                     <!--  banners 使用默认值-->
                                     <div class="skills-list"
-                                         th:if="${#strings.equals(theme.config.top.bannersBackground, 'default')}"
-                                         th:with="techs = ${theme.config.about.techStack}">
+                                        th:if="${#strings.equals(theme.config.top.bannersBackground, 'default')}"
+                                        th:with="techs = ${theme.config.about.techStack}">
 
                                         <div class="skill-info">
                                             <div class="skill-icon" style="background:#989bf8">
                                                 <img th:src="@{/assets/images/icons/AfterEffect.png}"
-                                                     title="AfterEffect">
+                                                    title="AfterEffect">
                                             </div>
                                             <div class="skill-name"><span>AfterEffect</span></div>
                                         </div>
@@ -271,7 +271,7 @@
                                         <div class="skill-info">
                                             <div class="skill-icon" style="background:#ffffff">
                                                 <img th:src="@{/assets/images/icons/FinalCutPro.png}"
-                                                     title="FinalCutPro">
+                                                    title="FinalCutPro">
                                             </div>
                                             <div class="skill-name"><span>FinalCutPro</span></div>
                                         </div>
@@ -300,7 +300,7 @@
                                         <div class="skill-info">
                                             <div class="skill-icon" style="background:#f29e39">
                                                 <img th:src="@{/assets/images/icons/illustrator.png}"
-                                                     title="illustrator">
+                                                    title="illustrator">
                                             </div>
                                             <div class="skill-name"><span>illustrator</span></div>
                                         </div>
@@ -343,8 +343,8 @@
                                         <div class="etc">...</div>
                                     </div>
                                     <div class="skills-list"
-                                         th:if="${#strings.equals(theme.config.top.bannersBackground, 'techStack')}"
-                                         th:with="techs = ${theme.config.about.techStack}">
+                                        th:if="${#strings.equals(theme.config.top.bannersBackground, 'techStack')}"
+                                        th:with="techs = ${theme.config.about.techStack}">
                                         <th:block th:each="tech : ${techs}">
                                             <div class="skill-info">
                                                 <div class="skill-icon" th:style="'background:' + ${tech.background}">
@@ -362,17 +362,17 @@
                             <div class="card-content">
                                 <div class="author-content-item-tips">生涯</div>
                                 <span class="author-content-item-title"
-                                      th:text="${theme.config.about.authorCareers.authorCareersTitle}">无限进步</span>
+                                    th:text="${theme.config.about.authorCareers.authorCareersTitle}">无限进步</span>
                                 <div class="careers-group"
-                                     th:if="${not #lists.isEmpty(theme.config.about.authorCareers.authorCareersTags)}"
-                                     th:with="careersTags = ${theme.config.about.authorCareers.authorCareersTags}">
+                                    th:if="${not #lists.isEmpty(theme.config.about.authorCareers.authorCareersTags)}"
+                                    th:with="careersTags = ${theme.config.about.authorCareers.authorCareersTags}">
                                     <div class="careers-item" th:each="tag : ${careersTags}">
                                         <div class="circle" th:style="'background:' + ${tag.background}"></div>
                                         <div class="name" th:text="${tag.desc}"></div>
                                     </div>
                                 </div>
                                 <img alt="生涯" class="author-content-img"
-                                     th:src="@{${#strings.isEmpty(theme.config.about.authorCareers.authorCareersBackground) ? '/assets/images/hao-logo.jpg' : theme.config.about.authorCareers.authorCareersBackground}}">
+                                    th:src="@{${#strings.isEmpty(theme.config.about.authorCareers.authorCareersBackground) ? '/assets/images/hao-logo.jpg' : theme.config.about.authorCareers.authorCareersBackground}}">
                             </div>
                         </div>
                     </div>
@@ -380,18 +380,18 @@
                     <!-- personalities -->
                     <div class="author-content">
                         <div class="author-content-item personalities"
-                             th:with="personality = ${theme.config.about.personalities}">
+                            th:with="personality = ${theme.config.about.personalities}">
                             <div class="author-content-item-tips">性格</div>
 
                             <th:block th:if="${personality == 'infp'}">
                                 <span class="author-content-item-title">调停者</span>
                                 <div class="title2" style="color: #56a178;">INFP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/infp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/INFP-%E4%BA%BA%E6%A0%BC'}">调停者</a>
+                                        th:href="@{'https://www.16personalities.com/ch/INFP-%E4%BA%BA%E6%A0%BC'}">调停者</a>
                                 </div>
                             </th:block>
 
@@ -399,11 +399,11 @@
                                 <span class="author-content-item-title">建筑师</span>
                                 <div class="title2" style="color: #56a178;">INTJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/intj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/INTJ-%E4%BA%BA%E6%A0%BC'}">建筑师</a>
+                                        th:href="@{'https://www.16personalities.com/ch/INTJ-%E4%BA%BA%E6%A0%BC'}">建筑师</a>
                                 </div>
                             </th:block>
 
@@ -411,11 +411,11 @@
                                 <span class="author-content-item-title">逻辑学家</span>
                                 <div class="title2" style="color: #56a178;">INTP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/intp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/INTP-%E4%BA%BA%E6%A0%BC'}">逻辑学家</a>
+                                        th:href="@{'https://www.16personalities.com/ch/INTP-%E4%BA%BA%E6%A0%BC'}">逻辑学家</a>
                                 </div>
                             </th:block>
 
@@ -423,11 +423,11 @@
                                 <span class="author-content-item-title">指挥官</span>
                                 <div class="title2" style="color: #56a178;">ENTJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/entj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ENTJ-%E4%BA%BA%E6%A0%BC'}">指挥官</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ENTJ-%E4%BA%BA%E6%A0%BC'}">指挥官</a>
                                 </div>
                             </th:block>
 
@@ -435,11 +435,11 @@
                                 <span class="author-content-item-title">辩论家</span>
                                 <div class="title2" style="color: #56a178;">ENTP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/entp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ENTP-%E4%BA%BA%E6%A0%BC'}">辩论家</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ENTP-%E4%BA%BA%E6%A0%BC'}">辩论家</a>
                                 </div>
                             </th:block>
 
@@ -447,11 +447,11 @@
                                 <span class="author-content-item-title">主人公</span>
                                 <div class="title2" style="color: #56a178;">ENFJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/enfj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ENFJ-%E4%BA%BA%E6%A0%BC'}">主人公</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ENFJ-%E4%BA%BA%E6%A0%BC'}">主人公</a>
                                 </div>
                             </th:block>
 
@@ -459,11 +459,11 @@
                                 <span class="author-content-item-title">竞选者</span>
                                 <div class="title2" style="color: #56a178;">ENFP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/enfp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ENFP-%E4%BA%BA%E6%A0%BC'}">竞选者</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ENFP-%E4%BA%BA%E6%A0%BC'}">竞选者</a>
                                 </div>
                             </th:block>
 
@@ -471,11 +471,11 @@
                                 <span class="author-content-item-title">总经理</span>
                                 <div class="title2" style="color: #56a178;">ESTJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/estj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ESTJ-%E4%BA%BA%E6%A0%BC'}">总经理</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ESTJ-%E4%BA%BA%E6%A0%BC'}">总经理</a>
                                 </div>
                             </th:block>
 
@@ -483,11 +483,11 @@
                                 <span class="author-content-item-title">企业家</span>
                                 <div class="title2" style="color: #56a178;">ESTP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/estp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ESTP-%E4%BA%BA%E6%A0%BC'}">企业家</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ESTP-%E4%BA%BA%E6%A0%BC'}">企业家</a>
                                 </div>
                             </th:block>
 
@@ -495,11 +495,11 @@
                                 <span class="author-content-item-title">执政官</span>
                                 <div class="title2" style="color: #56a178;">ESFJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/esfj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ESFJ-%E4%BA%BA%E6%A0%BC'}">执政官</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ESFJ-%E4%BA%BA%E6%A0%BC'}">执政官</a>
                                 </div>
                             </th:block>
 
@@ -507,11 +507,11 @@
                                 <span class="author-content-item-title">表演者</span>
                                 <div class="title2" style="color: #56a178;">ESFP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/esfp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ESFP-%E4%BA%BA%E6%A0%BC'}">表演者</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ESFP-%E4%BA%BA%E6%A0%BC'}">表演者</a>
                                 </div>
                             </th:block>
 
@@ -519,11 +519,11 @@
                                 <span class="author-content-item-title">提倡者</span>
                                 <div class="title2" style="color: #56a178;">INFJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/infj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/INFJ-%E4%BA%BA%E6%A0%BC'}">提倡者</a>
+                                        th:href="@{'https://www.16personalities.com/ch/INFJ-%E4%BA%BA%E6%A0%BC'}">提倡者</a>
                                 </div>
                             </th:block>
 
@@ -531,11 +531,11 @@
                                 <span class="author-content-item-title">物流师</span>
                                 <div class="title2" style="color: #56a178;">ISTJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/istj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ISTJ-%E4%BA%BA%E6%A0%BC'}">物流师</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ISTJ-%E4%BA%BA%E6%A0%BC'}">物流师</a>
                                 </div>
                             </th:block>
 
@@ -543,11 +543,11 @@
                                 <span class="author-content-item-title">鉴赏家</span>
                                 <div class="title2" style="color: #56a178;">ISTP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/istp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ISTP-%E4%BA%BA%E6%A0%BC'}">鉴赏家</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ISTP-%E4%BA%BA%E6%A0%BC'}">鉴赏家</a>
                                 </div>
                             </th:block>
 
@@ -555,11 +555,11 @@
                                 <span class="author-content-item-title">守卫者</span>
                                 <div class="title2" style="color: #56a178;">ISFJ</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/isfj.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ISFJ-%E4%BA%BA%E6%A0%BC'}">守卫者</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ISFJ-%E4%BA%BA%E6%A0%BC'}">守卫者</a>
                                 </div>
                             </th:block>
 
@@ -567,17 +567,17 @@
                                 <span class="author-content-item-title">探险家</span>
                                 <div class="title2" style="color: #56a178;">ISFP</div>
                                 <div class="image"><img src="/themes/theme-hao/assets/images/isfp.svg"
-                                                        style="transform: rotateY(180deg);"></div>
+                                        style="transform: rotateY(180deg);"></div>
                                 <div class="post-tips">在 <a href="https://www.16personalities.com/"
-                                                             rel="noopener nofollow" target="_blank">16personalities</a>
+                                        rel="noopener nofollow" target="_blank">16personalities</a>
                                     了解更多关于 <a rel="noopener external nofollow" target="_blank"
-                                                    th:href="@{'https://www.16personalities.com/ch/ISFP-%E4%BA%BA%E6%A0%BC'}">探险家</a>
+                                        th:href="@{'https://www.16personalities.com/ch/ISFP-%E4%BA%BA%E6%A0%BC'}">探险家</a>
                                 </div>
                             </th:block>
 
                         </div>
                         <div class="author-content-item myphoto"><img alt="自拍" class="author-content-img"
-                                                                      th:src="${theme.config.about.authorCareersPhoto}">
+                                th:src="${theme.config.about.authorCareersPhoto}">
                         </div>
                     </div>
 
@@ -587,7 +587,7 @@
                             <div class="author-content-item-tips" th:text="${texts[0].tittle}">座右铭</div>
                             <span class="maxim-title">
                                 <span style="opacity: 0.6;margin-bottom:8px;"
-                                      th:text="${texts[0].textarea_up}">生活原本沉闷，</span>
+                                    th:text="${texts[0].textarea_up}">生活原本沉闷，</span>
                                 <span th:text="${texts[0].textarea_down}">但跑起来就有风。</span>
                             </span>
                         </div>
@@ -597,7 +597,7 @@
                                 <div class="author-content-item-tips" th:text="${texts[1].tittle}">特长</div>
                                 <span class="buff-title">
                                     <span style="opacity: 0.6;margin-bottom:8px;"
-                                          th:text="${texts[1].textarea_up}">玄学流电脑疑难问题解决
+                                        th:text="${texts[1].textarea_up}">玄学流电脑疑难问题解决
                                         <span class="inline-word">专家</span>
                                     </span>
                                     <span th:text="${texts[1].textarea_down}">软件学习能力</span>
@@ -607,13 +607,12 @@
                     </div>
                     <div class="author-content">
                         <div class="author-content-item game-lol"
-                             th:style="'background: url('+ @{${theme.config.about.game.game_bg}} +') top / cover no-repeat'">
+                            th:style="'background: url('+ @{${theme.config.about.game.game_bg}} +') top / cover no-repeat'">
                             <div class="card-content">
                                 <div class="author-content-item-tips" th:text="${theme.config.about.game.game_tips}">
 
-                                </div>
-                                <span class="author-content-item-title"
-                                      th:text="${theme.config.about.game.game_title}"></span>
+                                </div><span class="author-content-item-title"
+                                    th:text="${theme.config.about.game.game_title}"></span>
                                 <div class="content-bottom">
                                     <div class="icon-group">
                                         <div class="loading-bar" role="presentation" aria-hidden="true"></div>
@@ -623,13 +622,12 @@
                             </div>
                         </div>
                         <div class="author-content-item game-wolf"
-                             th:style="'background: url('+ @{${theme.config.about.game2.game2_bg}} +') top / cover no-repeat'">
+                            th:style="'background: url('+ @{${theme.config.about.game2.game2_bg}} +') top / cover no-repeat'">
                             <div class="card-content">
                                 <div class="author-content-item-tips" th:text="${theme.config.about.game2.game2_tips}">
 
-                                </div>
-                                <span class="author-content-item-title"
-                                      th:text="${theme.config.about.game2.game2_title}"></span>
+                                </div><span class="author-content-item-title"
+                                    th:text="${theme.config.about.game2.game2_title}"></span>
                                 <div class="content-bottom">
                                     <div class="tips" th:text="${theme.config.about.game2.game2_uid}"></div>
                                 </div>
@@ -640,13 +638,13 @@
                     <div class="author-content">
 
                         <div class="author-content-item like-technology"
-                             th:style="'background: url('+ @{${theme.config.about.like.like_bg}} +') top / cover no-repeat;'">
+                            th:style="'background: url('+ @{${theme.config.about.like.like_bg}} +') top / cover no-repeat;'">
                             <div class="card-content">
                                 <div class="author-content-item-tips" th:text="${theme.config.about.like.like_tips}">
 
                                 </div>
                                 <span class="author-content-item-title"
-                                      th:text="${theme.config.about.like.like_title}"></span>
+                                    th:text="${theme.config.about.like.like_title}"></span>
                                 <div class="content-bottom">
                                     <div class="tips" th:text="${theme.config.about.like.like_bottom}"></div>
                                 </div>
@@ -654,13 +652,13 @@
                         </div>
 
                         <div class="author-content-item like-music"
-                             th:style="'background: url('+ @{${theme.config.about.music.music_bg}} +') top / cover no-repeat'">
+                            th:style="'background: url('+ @{${theme.config.about.music.music_bg}} +') top / cover no-repeat'">
                             <div class="card-content">
                                 <div class="author-content-item-tips" th:text="${theme.config.about.music.music_tips}">
 
                                 </div>
                                 <span class="author-content-item-title"
-                                      th:text="${theme.config.about.music.music_title}"></span>
+                                    th:text="${theme.config.about.music.music_title}"></span>
                                 <div class="content-bottom">
                                     <div class="tips">跟 [[${site.title}]] 一起欣赏更多音乐</div>
                                 </div>
@@ -677,24 +675,22 @@
 
                     <div class="author-content">
                         <div class="about-statistic author-content-item"
-                             style="background: url(https://bu.dusays.com/2023/03/12/640dc8c72f623.webp);">
+                            style="background: url(https://bu.dusays.com/2023/03/12/640dc8c72f623.webp);">
                             <div class="card-content">
                                 <div class="author-content-item-tips">数据</div>
                                 <span class="author-content-item-title">访问统计</span>
                                 <div id="statistic"></div>
                                 <div class="post-tips">统计信息来自 <a href="https://invite.51.la/1NzKqTeb?target=V6"
-                                                                       rel="noopener nofollow"
-                                                                       target="_blank">51la网站统计</a></div>
-                                <div class="banner-button-group"><a class="banner-button"
-                                                                    onclick="pjax.loadUrl('/archives')"
-                                                                    data-pjax-state=""><i
-                                        class="anzhiyufont anzhiyu-icon-arrow-circle-right"></i><span
-                                        class="banner-button-text">文章隧道</span></a></div>
+                                        rel="noopener nofollow" target="_blank">51la网站统计</a></div>
+                                <div class="banner-button-group"><a class="banner-button" onclick="pjax.loadUrl('/archives')"
+                                        data-pjax-state=""><i
+                                            class="anzhiyufont anzhiyu-icon-arrow-circle-right"></i><span
+                                            class="banner-button-text">文章隧道</span></a></div>
                             </div>
                         </div>
                         <script>
                             // 链接替换即可，不需要后面的参数
-                            fetch("[[${theme.config.about.LingQueMonitorID}]]")
+                            fetch("https://v6-widget.51.la/v6/[[${theme.config.about.LingQueMonitorID}]]/quote.js")
                                 .then(res => res.text())
                                 .then(data => {
                                     let title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
@@ -723,19 +719,18 @@
                                     <b>[[${theme.config.about.map.StrengthenTitle}]]</b></span>
                             </div>
                             <div class="author-content-item selfInfo single"
-                                 th:if="${not #lists.isEmpty(theme.config.about.map.authorInfo)}"
-                                 th:with="texts = ${theme.config.about.map.authorInfo}">
+                                th:if="${not #lists.isEmpty(theme.config.about.map.authorInfo)}"
+                                th:with="texts = ${theme.config.about.map.authorInfo}">
                                 <div><span class="selfInfo-title" th:text="${texts[0].authorInfoTitle}">生于</span><span
                                         class="selfInfo-content" th:style="'color:' + ${texts[0].authorInfoColor}"
                                         th:text="${texts[0].authorInfoContent}">2000</span>
                                 </div>
                                 <div><span class="selfInfo-title"
-                                           th:text="${texts[1].authorInfoTitle}">太原理工大学</span><span
+                                        th:text="${texts[1].authorInfoTitle}">太原理工大学</span><span
                                         class="selfInfo-content" th:style="'color:' + ${texts[1].authorInfoColor}"
                                         th:text="${texts[1].authorInfoContent}">计算机科学</span>
                                 </div>
-                                <div><span class="selfInfo-title"
-                                           th:text="${texts[2].authorInfoTitle}">现在职业</span><span
+                                <div><span class="selfInfo-title" th:text="${texts[2].authorInfoTitle}">现在职业</span><span
                                         class="selfInfo-content" th:style="'color:' + ${texts[2].authorInfoColor}"
                                         th:text="${texts[2].authorInfoContent}">BI工程师</span>
                                 </div>
@@ -770,65 +765,70 @@
                 <div class="author-content">
                     <div class="author-content-item single reward">
                         <div class="author-content-item-tips">致谢</div>
-                        <span class="author-content-item-title"
-                              th:text="${theme.config.aboutReward.title}">赞赏名单</span>
-                        <div class="author-content-item-description" th:text="${theme.config.aboutReward.content}">
-                            感谢赞赏的人，因为你们，让我感受到写博客这件事情能够给你们创造了价值。这会让我在这条路上走得更远。
+                        <span class="author-content-item-title" >[[${theme.config.aboutReward.title}]]</span>
+                        <div class="author-content-item-description" >
+                            [[${theme.config.aboutReward.content}]]
                         </div>
-                        <div class="post-reward" th:if="${theme.config.aboutReward.reward.enable_reward}">
-                            <div class="post-reward" onclick="AddRewardMask()"></div>
-                            <div class="reward-button" title="赞赏作者"><i class="heofont icon-hand-heart-fill"></i>
-                                [[${theme.config.aboutReward.reward.name}]]
+
+                        <div th:if="${theme.config.aboutReward.reward.enable_reward}" class="about-reward">
+                            <div id="con"></div>
+                            <div id="TA-con" onclick="heo.rewardShowConsole()">
+                                <div id="text-con">
+                                    <div id="linght"></div>
+                                    <div id="TA">[[${theme.config.aboutReward.reward.name}]]</div>
+                                </div>
                             </div>
-                            <div class="reward-main">
-                                <ul class="reward-all">
-                                    <span class="reward-title">
-                                        [[${theme.config.aboutReward.reward.content}]]</span>
-                                    <ul class="reward-group">
-
-
-                                        <li class="reward-item">
-                                            <a href="" target="_blank"
-                                               th:href="@{${theme.config.aboutReward.reward.wxPay}}">
-                                                <img alt="微信" class="post-qr-code-img"
-                                                     th:src="${theme.config.aboutReward.reward.wxPay}">
-                                            </a>
-                                            <div class="post-qr-code-desc">
-                                                微信
-                                            </div>
-                                        </li>
-
-                                        <li class="reward-item">
-                                            <a href="" target="_blank"
-                                               th:href="@{${theme.config.aboutReward.reward.alipay}}">
-                                                <img alt="支付宝" class="post-qr-code-img"
-                                                     th:src="${theme.config.aboutReward.reward.alipay}">
-                                            </a>
-                                            <div class="post-qr-code-desc">
-                                                支付宝
-                                            </div>
-                                        </li>
-
-                                    </ul>
-                                </ul>
+                            <div id="tube-con"><svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M1 77H234.226L307.006 24H790" stroke="#e5e9ef" stroke-width="20"></path>
+                                    <path d="M0 140H233.035L329.72 71H1028" stroke="#e5e9ef" stroke-width="20"></path>
+                                    <path d="M1 255H234.226L307.006 307H790" stroke="#e5e9ef" stroke-width="20"></path>
+                                    <path d="M0 305H233.035L329.72 375H1028" stroke="#e5e9ef" stroke-width="20"></path>
+                                    <rect y="186" width="236" height="24" fill="#e5e9ef"></rect>
+                                    <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
+                                    <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
+                                    <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
+                                    <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
+                                </svg>
+                                <div id="mask"><svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M1 77H234.226L307.006 24H790" stroke="#f25d8e" stroke-width="20"></path>
+                                        <path d="M0 140H233.035L329.72 71H1028" stroke="#f25d8e" stroke-width="20"></path>
+                                        <path d="M1 255H234.226L307.006 307H790" stroke="#f25d8e" stroke-width="20"></path>
+                                        <path d="M0 305H233.035L329.72 375H1028" stroke="#f25d8e" stroke-width="20"></path>
+                                        <rect y="186" width="236" height="24" fill="#f25d8e"></rect>
+                                        <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
+                                        <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
+                                        <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
+                                        <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
+                                    </svg></div>
+                                <div id="orange-mask"><svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M1 77H234.226L307.006 24H790" stroke="#ffd52b" stroke-width="20"></path>
+                                        <path d="M0 140H233.035L329.72 71H1028" stroke="#ffd52b" stroke-width="20"></path>
+                                        <path d="M1 255H234.226L307.006 307H790" stroke="#ffd52b" stroke-width="20"></path>
+                                        <path d="M0 305H233.035L329.72 375H1028" stroke="#ffd52b" stroke-width="20"></path>
+                                        <rect y="186" width="236" height="24" fill="#ffd52b"></rect>
+                                        <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
+                                        <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
+                                        <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
+                                        <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
+                                    </svg></div>
+                                <!-- <p id="people">共<b>29</b>人</p> -->
                             </div>
                         </div>
                         <div class="reward-list-all" th:if="${not #lists.isEmpty(theme.config.aboutReward.reward_list)}"
-                             th:with="authorRewardList = ${theme.config.aboutReward.reward_list}">
+                            th:with="authorRewardList = ${theme.config.aboutReward.reward_list}">
 
                             <div class="reward-list-item" th:each="authorReward : ${authorRewardList}">
                                 <div class="reward-list-item-name">[[${authorReward.name}]]</div>
                                 <div class="reward-list-bottom-group">
                                     <div th:if="${authorReward.sign == 'N'}" class="reward-list-item-money">¥
-                                        [[${authorReward.amount}]]
-                                    </div>
+                                        [[${authorReward.amount}]]</div>
                                     <div th:if="${authorReward.sign == 'Y'}" class="reward-list-item-money"
-                                         style="background: var(--heo-vip);">¥ [[${authorReward.amount}]]
+                                        style="background: var(--heo-vip);">¥ [[${authorReward.amount}]]
                                     </div>
                                     <time class="datatime reward-list-item-time">[[${authorReward.datatime}]]</time>
                                 </div>
                             </div>
-
+ 
                         </div>
                     </div>
                 </div>
diff --git a/templates/assets/js/heo.js b/templates/assets/js/heo.js
index f220886d..30e47709 100644
--- a/templates/assets/js/heo.js
+++ b/templates/assets/js/heo.js
@@ -400,10 +400,22 @@ var heo = {
         return arr[0]
     },
 
+    
+    // 显示打赏中控台
+    rewardShowConsole: function () {
+        $('.console-card-group-reward').attr('style', 'display: flex');
+        $('.console-card-group').attr('style', 'display: none');
+        document.querySelector("#console").classList.add("show");
+        
+    },
+
     //显示中控台
     showConsole: function () {
+        $('.console-card-group-reward').attr('style', 'display: none');
+        $('.console-card-group').attr('style', 'display: flex');
         document.querySelector("#console").classList.add("show");
         
+        
     },
 
     //隐藏中控台
@@ -447,5 +459,6 @@ var heo = {
         $htmlDom.contains('hide-aside')
             ? document.querySelector("#consoleHideAside").classList.add("on")
             : document.querySelector("#consoleHideAside").classList.remove("on")
-    }
+    },
+    
 }
\ No newline at end of file
diff --git a/templates/assets/zhheo/commentBarrage.js b/templates/assets/zhheo/commentBarrage.js
index 2a855355..5ddd24ba 100644
--- a/templates/assets/zhheo/commentBarrage.js
+++ b/templates/assets/zhheo/commentBarrage.js
@@ -4,9 +4,9 @@ var commentBarrageConfig = {
     //弹幕显示间隔时间ms
     barrageTime: 4000,
     //twikoo部署地址腾讯云的为环境ID
-    twikooUrl: "https://twikoo.yzczi.com/",
+    twikooUrl: "xxxx",
     //token获取见上方
-    accessToken: "a0b1120dcbdd45579833ceab6ec112f7",
+    accessToken: "xxxx",
     pageUrl: window.location.pathname,
     barrageTimer: [],
     barrageList: [],
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index 538b4f4b..6d837ff4 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -1953,7 +1953,7 @@ blockquote footer cite::before {
     width: 100%;
     position: relative;
 }
-
+  
 #error-wrap .error-content {
     display: flex;
     -webkit-box-orient: horizontal;
@@ -1973,11 +1973,11 @@ blockquote footer cite::before {
     position: relative;
     width: 100%;
 }
-
+  
 #error-wrap .error-content:hover {
     box-shadow: var(--card-hover-box-shadow);
 }
-
+  
 @media screen and (max-width: 768px) {
     #error-wrap .error-content {
       -webkit-box-orient: vertical;
@@ -1987,7 +1987,7 @@ blockquote footer cite::before {
       width: 100%;
     }
 }
-
+  
 #error-wrap .error-content .error-img {
     -webkit-box-flex: 1;
     flex: 1 1 0%;
@@ -1999,7 +1999,7 @@ blockquote footer cite::before {
     background-position: center center;
     background-size: cover;
 }
-
+  
 @media screen and (max-width: 768px) {
     #error-wrap .error-content .error-img {
       -webkit-box-flex: 1;
@@ -2008,7 +2008,7 @@ blockquote footer cite::before {
       border-radius: 12px;
     }
 }
-
+  
 #error-wrap .error-content .error-info {
     -webkit-box-flex: 1;
     flex: 1 1 0%;
@@ -2017,13 +2017,13 @@ blockquote footer cite::before {
     font-size: 14px;
     font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
 }
-
-
+  
+  
 #error-wrap .error-content .error-info .error_title {
     font-size: 9em;
     line-height: 1;
 }
-
+  
 @media screen and (max-width: 768px) {
     #error-wrap .error-content .error-info {
       -webkit-box-flex: 1.1;
@@ -2031,19 +2031,19 @@ blockquote footer cite::before {
       width: 100%;
       padding-bottom: 2rem;
     }
-
+  
  #error-wrap .error-content .error-info .error_title {
     font-size: 4rem;
   }
 }
-
-
+  
+  
 #error-wrap .error-content .error-info .error_subtitle {
     word-break: break-word;
     font-size: 1.6em;
     -webkit-line-clamp: 2;
 }
-
+  
 #error-wrap .error-content .error-info a {
     display: inline-block;
     margin-top: 0.5rem;
@@ -2051,7 +2051,7 @@ blockquote footer cite::before {
     background: var(--btn-bg);
     color: var(--btn-color);
 }
-
+  
 #error-wrap .error-content .error-info a i {
     padding-right: 0.3rem;
 }
@@ -7025,6 +7025,20 @@ a.console_switchbutton {
     transition: 0s;
 }
 
+/* 导航栏名称样式 */
+#nav #site-name {
+    color: var(--heo-fontcolor);
+    padding: 0 8px;
+    transition: 0.3s;
+    display: flex;
+    height: 35px;
+    /* width: 75px; */
+    justify-content: center;
+    align-items: center;
+    text-shadow: none;
+    border-radius: 40px;
+}
+
 /* 搜索 */
 #search-button > a > span {
     display: none;
@@ -7980,37 +7994,37 @@ span.fund_name {
     border: var(--style-border);
     animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
 }
-
+  
 #cookies-window.cw-hide {
     opacity: 0;
     animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
     z-index: -1;
 }
-
+  
 #cookies-window .cookies-window-title {
     padding-bottom: 4px;
     border-bottom: var(--style-border);
     font-size: 12px;
     font-weight: bold;
 }
-
+  
 #cookies-window .cookies-window-content {
     font-size: 14px;
     display: flex;
     justify-content: space-around;
     align-items: center;
 }
-
+  
 .cookie-to {
     margin-right: 4px;
     font-weight: bold;
 }
-
+  
 .cookies-link {
     margin-left: auto;
     font-size: 16px;
 }
-
+  
 .cookies-link i.heofont {
     font-size: 16px;
 }
@@ -9064,7 +9078,7 @@ li {
     margin: 10px 16px 0px 5px;
     width: fit-content;
     line-height: 1;
-    background: rgba(48,52,63,0.75);
+    background: var(--heo-main);
     color: #fff;
     border-radius: 6px;
     -webkit-user-select: none;
@@ -9079,7 +9093,7 @@ li {
     cursor: pointer;
   }
   .ai-btn-item:hover {
-    background: var(--heo-main);
+    background: var(--heo-theme);
   }
   .ai-recommend {
     display: -webkit-box;
@@ -9161,29 +9175,29 @@ li {
     border: var(--style-border-always);
     margin-top: 16px;
   }
-
+  
   @media screen and (max-width: 768px) {
     .post-ai {
       margin-top: 22px;
     }
   }
-
+  
   .ai-title {
     display: flex;
-    color: var(--heo-lighttext);
+    color: var(--font-color);
     border-radius: 8px;
     align-items: center;
     padding: 0 12px;
     cursor: default;
     user-select: none;
   }
-
+  
   .ai-title-text {
     font-weight: bold;
     margin-left: 8px;
     line-height: 1;
   }
-
+  
   .ai-explanation {
     margin-top: 12px;
     padding: 8px 12px;
@@ -9194,12 +9208,12 @@ li {
     line-height: 1.4;
     display: none;
   }
-
+  
   .ai-suggestions {
     display: flex;
     flex-wrap: wrap;
   }
-
+  
   .ai-suggestions .ai-suggestions-item {
     margin-top: 12px;
     padding: 8px 12px;
@@ -9214,12 +9228,12 @@ li {
     cursor: pointer;
     transition: 0.3s;
   }
-
+  
   .ai-suggestions .ai-suggestions-item:hover {
     background: var(--heo-main);
     color: var(--heo-white);
   }
-
+  
   .blinking-cursor {
     background-color: var(--heo-main);
     width: 10px;
@@ -9231,7 +9245,7 @@ li {
     margin-left: 4px;
     margin-bottom: 3px;
   }
-
+  
   @keyframes blinking-cursor {
     0% {
       opacity: 1;
@@ -9249,7 +9263,7 @@ li {
       opacity: 1;
     }
   }
-
+  
   .ai-tag {
     font-size: 12px;
     background-color: var(--heo-lighttext);
@@ -9265,12 +9279,12 @@ li {
     cursor: pointer;
     transition: 0.3s;
   }
-
+  
   .ai-tag:hover {
     background: var(--heo-fontcolor);
     color: var(--heo-card-bg);
   }
-
+  
   ins.adsbygoogle {
     margin: 16px 0;
     background: var(--heo-card-bg);
@@ -9278,7 +9292,7 @@ li {
     overflow: hidden;
     border: var(--style-border-always);
   }
-
+  
   #ai-Toggle {
     font-size: 12px;
     background: var(--heo-lighttext);
@@ -9291,7 +9305,7 @@ li {
     transition: 0.3s;
     font-weight: bold;
   }
-
+  
   #ai-Toggle:hover {
     background: var(--heo-fontcolor);
     color: var(--heo-card-bg);
@@ -10640,11 +10654,11 @@ a.extend.prev {
       height: 30rem !important;
       margin-bottom: -12px;
     }
-
+  
     #page-header.post-bg:before {
       height: 15rem;
     }
-
+  
     .post-bg #post-cover {
       min-height: 15rem !important;
       height: 70% !important;
@@ -10656,18 +10670,18 @@ a.extend.prev {
     #page-header.post-bg {
       height: 25rem;
     }
-
+  
     #page-header {
       height: 25rem;
     }
-
+  
     #page-header.post-bg:before {
       height: 25rem;
       /* opacity: 0; */
       background-color: var(--heo-main);
       animation: slide-in-op 0.6s 0s forwards;
     }
-
+  
     #post-info .post-title {
       width: 1100px;
       font-size: 2.6rem !important;
@@ -10744,14 +10758,14 @@ a.extend.prev {
       filter: blur(10px);
       opacity: 0;
     }
-
+    
     .coverdiv.loaded {
       display: block;
       opacity: 0.5;
       animation: showCover 1s 0.3s backwards;
       transform: rotate(10deg) translateY(-10%) scale(2);
     }
-
+  
 }
 
 
@@ -10768,15 +10782,15 @@ a.extend.prev {
         filter: blur(10px);
         opacity: 0;
     }
-
-
+  
+  
     .coverdiv.loaded {
       display: block;
       opacity: 0.5;
       animation: showCover 1s 0.3s backwards;
       transform: rotate(10deg) translateY(-10%) scale(2);
     }
-
+  
     @keyframes showCover {
       from {
         opacity: 0;
@@ -11439,11 +11453,11 @@ details:not(.tk-admin-config-group) {
     border: var(--style-border);
     transition: border 0.3s;
 }
-
+  
 details:not(.tk-admin-config-group):hover {
     border: var(--style-border-hover-always);
 }
-
+  
 details:not(.tk-admin-config-group) summary {
     position: absolute;
     padding: 0.5rem 1rem;
@@ -11459,21 +11473,21 @@ details:not(.tk-admin-config-group) summary {
     overflow: hidden; /* 超出部分隐藏 */
     text-overflow: ellipsis; /* 超出部分用省略号表示 */
 }
-
+  
 details:not(.tk-admin-config-group) > *:nth-child(2) {
     margin-top: calc(54px + 1rem) !important;
 }
-
+  
 details[open]:not(.tk-admin-config-group) summary {
     background: var(--heo-main);
     color: var(--heo-white);
 }
-
+  
 details:not(.tk-admin-config-group) summary::before {
     content: '';
     padding: 4px;
 }
-
+  
 details:not(.tk-admin-config-group) summary:hover {
     cursor: pointer;
     background: var(--heo-main);
@@ -11481,31 +11495,31 @@ details:not(.tk-admin-config-group) summary:hover {
     transition: 0.3s;
     box-shadow: var(--heo-shadow-main);
 }
-
+  
 details:not(.tk-admin-config-group) summary:focus {
     outline: none;
 }
-
+  
 details:not(.tk-admin-config-group) summary::marker {
     color: var(--heo-main);
     transition: 0.3s;
 }
-
+  
 details[open]:not(.tk-admin-config-group) summary::marker {
     color: var(--heo-white);
 }
-
+  
 details:not(.tk-admin-config-group) summary:hover::marker {
     color: var(--heo-white);
 }
-
+  
 details[open]:not(.tk-admin-config-group) {
     border-radius: 12px;
     border: var(--style-border-hover-always);
     padding: 0 1.5rem;
     background: var(--heo-card-bg);
 }
-
+  
 details:not(.tk-admin-config-group) summary:hover:after {
     position: absolute;
     content: '+';
@@ -11515,11 +11529,11 @@ details:not(.tk-admin-config-group) summary:hover:after {
     right: 16px;
     line-height: 1;
 }
-
+  
 details[open]:not(.tk-admin-config-group) > summary:hover:after {
     content: '-';
 }
-
+  
 @media screen and (max-width: 768px) {
     details[open]:not(.tk-admin-config-group) {
       padding: 0 16px;
@@ -12095,9 +12109,9 @@ blockquote p {
     position: absolute;
     right: 22px;
     top: -77px;
-    content: "\e00d";
+    content: "\f25e";
     font-size: 180px;
-    font-family: "heofont";
+    font-family: "Font Awesome 5 Brands";
     color: var(--heo-fontcolor);
     opacity: 0.1;
     filter: blur(7px);
@@ -12886,7 +12900,7 @@ a.reward-main-btn:hover {
 div#post-comment {
     margin-top: 2rem;
 }
-
+  
 #post-comment>div.comment-head>div.comment-privacy {
     display: block;
     justify-content: space-between;
@@ -12894,7 +12908,7 @@ div#post-comment {
     font-size: 13px;
     margin-left: auto;
 }
-
+  
 #post-comment>div.comment-head>div.comment-privacy a:hover {
     color: var(--heo-theme);
 }
@@ -14656,7 +14670,7 @@ figure.gallery-group:hover .gallery-group-name::after {
     border-radius: 12px;
     background: var(--heo-card-bg) !important;
 }
-
+  
 #body-wrap.page .errors {
     display: flex;
     flex-direction: column;
@@ -14666,7 +14680,7 @@ figure.gallery-group:hover .gallery-group-name::after {
     padding-top: 50px;
     position: relative;
 }
-
+  
 #body-wrap.page .errors .aside-list {
     display: flex;
     flex-direction: row;
@@ -14674,7 +14688,7 @@ figure.gallery-group:hover .gallery-group-name::after {
     margin: 1rem;
     max-width: 100%;
 }
-
+  
 #body-wrap.page .errors .aside-list .aside-list-group {
     display: flex;
     flex-direction: row;
@@ -14683,18 +14697,18 @@ figure.gallery-group:hover .gallery-group-name::after {
     margin: 0 auto;
     justify-content: space-between;
 }
-
+  
 #body-wrap.page .errors .aside-list .aside-list-item {
     padding: 0.5rem 0;
     width: 49%;
 }
-
+  
 #body-wrap.page .errors .aside-list .aside-list-item img {
     width: 100%;
     object-fit: cover;
     border-radius: 12px;
 }
-
+  
 #body-wrap.page .errors .aside-list .aside-list-item .thumbnail {
     overflow: hidden;
     width: 100%;
@@ -14702,7 +14716,7 @@ figure.gallery-group:hover .gallery-group-name::after {
     background: var(--heo-card-bg);
     display: flex;
 }
-
+  
 #body-wrap.page .errors .aside-list .aside-list-item .content .title {
     -webkit-line-clamp: 2;
     overflow: hidden;
@@ -14716,21 +14730,21 @@ figure.gallery-group:hover .gallery-group-name::after {
     font-size: 16px;
     font-weight: bold;
 }
-
+  
 #body-wrap.page .errors .aside-list .aside-list-item .content time {
     display: none;
 }
-
-
+  
+  
 @media screen and (max-width: 768px) {
     #body-wrap.page .errors {
       padding-top: 0;
     }
-
+  
     #body-wrap.page .errors .aside-list {
       margin: 0;
     }
-
+  
     #body-wrap.page .errors .aside-list .aside-list-item .thumbnail {
       height: 100px;
     }
@@ -15609,7 +15623,7 @@ span.hexo-douban-pagenum {
 @keyframes floating {
     0% { transform: translate(0,  -4px); }
     50%  { transform: translate(0, 4px); }
-    100%   { transform: translate(0, -4px); }
+    100%   { transform: translate(0, -4px); }   
 }
 
 #about-page .author-info {
@@ -15617,33 +15631,33 @@ span.hexo-douban-pagenum {
     align-items: center;
     margin: 0 0 16px 0;
   }
-
+  
   #about-page .author-tag-left {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
   }
-
+  
   #about-page .author-tag-right {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
   }
-
+  
   @media screen and (max-width: 768px) {
     #about-page .author-tag-left,#about-page .author-tag-right {
       display: none;
     }
   }
-
+  
   #about-page .author-tag-left .author-tag:first-child, #about-page .author-tag-left .author-tag:last-child {
     margin-right: -16px;
   }
-
+  
   #about-page .author-tag-right .author-tag:first-child, #about-page .author-tag-right .author-tag:last-child {
     margin-left: -16px;
   }
-
+  
   #about-page .author-tag {
     transform: translate(0,  -4px);
     padding: 1px 8px;
@@ -15656,19 +15670,19 @@ span.hexo-douban-pagenum {
     box-shadow: var(--heo-shadow-lightblack);
     animation: 6s ease-in-out 0s infinite normal none running floating;
   }
-
+  
   #about-page .author-tag:nth-child(1) {
     animation-delay: 0s;
   }
-
+  
   #about-page .author-tag:nth-child(2) {
     animation-delay: 0.6s;
   }
-
+  
   #about-page .author-tag:nth-child(3) {
     animation-delay: 1.2s;
   }
-
+  
   #about-page .author-tag:nth-child(4) {
     animation-delay: 1.8s;
   }
@@ -15819,6 +15833,272 @@ span.hexo-douban-pagenum {
     transform: rotate(20deg);
 }
 
+.about-reward {
+    position: absolute;
+    top: 1rem;
+    right: 2rem
+}
+
+@media screen and (max-width: 768px) {
+    .reward .about-reward #con {
+        width:170px
+    }
+
+    .reward #tube-con {
+        display: none
+    }
+}
+
+.reward #con {
+    width: 350px;
+    height: 85px;
+    position: relative;
+    border-radius: 4px
+}
+
+.reward #TA-con {
+    width: 157px;
+    height: 50px;
+    background-color: #f25d8e;
+    -webkit-box-shadow: 0 4px 4px rgba(255,112,159,.3);
+    box-shadow: 0 4px 4px rgba(255,112,159,.3);
+    position: absolute;
+    top: 50%;
+    left: 10%;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -o-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    border-radius: 4px;
+    cursor: pointer
+}
+
+@media screen and (max-width: 768px) {
+    .reward #TA-con {
+        width:125px;
+        left: 54px
+    }
+}
+
+.reward #TA-con:hover {
+    background-color: #ff6b9a
+}
+
+.reward #text-con {
+    width: 100px;
+    height: 100%;
+    margin: 0 auto;
+    position: relative
+}
+
+.reward #linght {
+    width: 0;
+    height: 0;
+    position: absolute;
+    top: 36%;
+    left: 4px;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 10px;
+    border-top: 10px solid #fff;
+    border-radius: 4px;
+    -webkit-transform: rotate(-55deg);
+    -moz-transform: rotate(-55deg);
+    -o-transform: rotate(-55deg);
+    -ms-transform: rotate(-55deg);
+    transform: rotate(-55deg)
+}
+
+.reward #linght::after {
+    position: absolute;
+    top: -13px;
+    left: -11px;
+    content: "";
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 10px;
+    border-top: 10px solid #fff;
+    -webkit-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    transform: rotate(180deg);
+    border-radius: 4px
+}
+
+.reward #TA {
+    float: right;
+    line-height: 50px;
+    font-size: 15px;
+    color: #fff
+}
+
+.reward #tube-con {
+    width: 157px;
+    height: 55px;
+    position: absolute;
+    right: -5px;
+    top: 15px
+}
+
+.reward svg {
+    width: 100%;
+    height: 100%
+}
+
+.reward #mask {
+    width: 0;
+    height: 100%;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    -webkit-transition: all .5s;
+    -moz-transition: all .5s;
+    -o-transition: all .5s;
+    -ms-transition: all .5s;
+    transition: all .5s
+}
+
+.reward #mask svg {
+    width: 157px;
+    height: 55px
+}
+
+.reward #TA-con:hover+#tube-con>#mask {
+    width: 157px
+}
+
+.reward #TA-con:hover+#tube-con>#orange-mask {
+    -webkit-animation: move1 .5s linear .2s infinite;
+    -moz-animation: move1 .5s linear .2s infinite;
+    -o-animation: move1 .5s linear .2s infinite;
+    -ms-animation: move1 .5s linear .2s infinite;
+    animation: move1 .5s linear .2s infinite
+}
+
+.reward #TA-con:hover+#tube-con>#orange-mask svg {
+    -webkit-animation: movetwo .5s linear .2s infinite;
+    -moz-animation: movetwo .5s linear .2s infinite;
+    -o-animation: movetwo .5s linear .2s infinite;
+    -ms-animation: movetwo .5s linear .2s infinite;
+    animation: movetwo .5s linear .2s infinite
+}
+
+.reward #orange-mask {
+    width: 18px;
+    height: 100%;
+    overflow: hidden;
+    position: absolute;
+    left: -15px;
+    top: 0
+}
+
+.reward #orange-mask svg {
+    position: absolute;
+    top: 0;
+    left: 15px;
+    width: 157px;
+    height: 55px
+}
+
+.reward #people {
+    position: absolute;
+    right: 10px;
+    top: 4px;
+    font-size: 12px;
+    font-family: "雅黑";
+    color: #aaa
+}
+
+.reward #people>b {
+    color: #777
+}
+
+@-moz-keyframes move1 {
+0% {
+    left: -15px
+}
+
+100% {
+    left: 140px
+}
+}
+
+@-webkit-keyframes move1 {
+0% {
+    left: -15px
+}
+
+100% {
+    left: 140px
+}
+}
+
+@-o-keyframes move1 {
+0% {
+    left: -15px
+}
+
+100% {
+    left: 140px
+}
+}
+
+@keyframes move1 {
+0% {
+    left: -15px
+}
+
+100% {
+    left: 140px
+}
+}
+
+@-moz-keyframes movetwo {
+0% {
+    left: 15px
+}
+
+100% {
+    left: -140px
+}
+}
+
+@-webkit-keyframes movetwo {
+0% {
+    left: 15px
+}
+
+100% {
+    left: -140px
+}
+}
+
+@-o-keyframes movetwo {
+0% {
+    left: 15px
+}
+
+100% {
+    left: -140px
+}
+}
+
+@keyframes movetwo {
+0% {
+    left: 15px
+}
+
+100% {
+    left: -140px
+}
+}
+
+
 /* 关于页面打招呼信息 */
 
 #about-page .myInfoAndSayHello {
@@ -16889,6 +17169,7 @@ span.hexo-douban-pagenum {
     }
 }
 
+
 @media screen and (max-width: 768px) {
     #console .console-card-group {
         display: none;
@@ -16897,8 +17178,10 @@ span.hexo-douban-pagenum {
     #consoleHideAside {
         display: none;
     }
+    
 }
 
+
 @media screen and (max-height: 800px) {
     #console .console-card-group {
         display: none;
@@ -16913,6 +17196,30 @@ span.hexo-douban-pagenum {
     }
 }
 
+
+@media screen and (max-width: 867px) {
+    #console .close-btn {
+        display:none
+    }
+
+    #console .console-card-group {
+        display: none
+    }
+
+    #consoleHideAside {
+        display: none
+    }
+
+    .console-card-group-reward .reward-all .reward-item img {
+        width: 130px;
+        height: 130px
+    }   
+
+    #console #consoleKeyboard {
+        display: none
+    }
+}
+
 #console .console-card {
     background: var(--heo-maskbg);
     border-radius: 12px;
@@ -16922,6 +17229,11 @@ span.hexo-douban-pagenum {
     padding: 40px;
 }
 
+.console-card-group-reward .reward-all .reward-item img {
+    width: 230px;
+    height: 230px
+}
+
 #console .console-card.tags {
     height: calc(100% - 172px);
 }
@@ -16953,8 +17265,8 @@ span.hexo-douban-pagenum {
     margin-right: 8px;
     border-radius: 20px;
 }
-
-
+  
+  
 #card-newest-comments .aside-list-item {
     background: var(--heo-card-bg);
     border-radius: 12px;
@@ -16967,22 +17279,22 @@ span.hexo-douban-pagenum {
     transition: 0.3s;
     position: relative;
 }
-
+  
 #card-newest-comments .aside-list-item:hover {
     background: var(--heo-main);
     color: var(--heo-white);
-}
-
+}  
+  
 #card-newest-comments .aside-list-item:not(:last-child) {
     margin-bottom: 0.5rem;
-}
-
+} 
+  
 #card-newest-comments .aside-list-item .name {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     font-weight: bold;
-}
+}  
 
 #console .author-content-item-tips {
     opacity: .8;
@@ -17021,7 +17333,7 @@ span.hexo-douban-pagenum {
     line-height: 24px;
     font-size: 14px;
 }
-
+  
 #console .aside-list-item .content .comment::before {
     content: '';
     width: 100%;
@@ -17193,6 +17505,21 @@ span.hexo-douban-pagenum {
     font-size: 1rem;
 }
 
+#console .console-card-group-reward .reward-all {
+    display: flex;
+    align-items: center;
+    justify-content: center
+}
+
+#console .console-card-group-reward .reward-all .reward-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: .625rem;
+}
+
+
+
 /* 快捷键窗口 */
 #keyboard-tips {
     position: fixed;
@@ -17261,17 +17588,17 @@ span.hexo-douban-pagenum {
     height: 24px;
 }
 
-/*   文章目录样式 */
+/*   文章目录样式 */ 
 a.toc-link {
     color: currentColor;
     height:0%;
 }
-/*   文章目录样式 */
+/*   文章目录样式 */  
 #aside-content #card-toc .toc-content .is-active-link {
     font-weight: 700;
     font-size: 20px;
     color: var(--heo-lighttext);
-}
+} 
 /*   code样式 */
  code:not([class]) {
     color: var(--heo-white);
@@ -17283,22 +17610,22 @@ a.toc-link {
     box-shadow: var(--heo-shadow-border);
     font-size: 17.5px;
     font-family: consolas, Menlo, "PingFang SC", "Microsoft YaHei", sans-serif !important;
-}
-
-
+} 
+  
+  
 /*   导航栏中间返回顶部样式 */
 #page-header.nav-fixed #nav #page-name-text {
         display: inline;
         opacity: 1;
         transition: 0.3s;
         line-height: 1.6;
-}
+} 
 .nav-fixed #nav #page-name-text:hover {
         background: var(--heo-main);
         transition: 0.3s;
         border-radius: 50px;
         padding: 4px 8px;
-
+        
     }
 
     @media screen and (min-width: 900px) {
@@ -17334,23 +17661,10 @@ a.toc-link {
   }
 }
 
-/* 导航栏名称样式 */
-#nav #site-name {
-    color: var(--heo-fontcolor);
-    padding: 0 8px;
-    transition: 0.3s;
-    display: flex;
-    height: 35px;
-    /*width: 75px;*/
-    justify-content: center;
-    align-items: center;
-    text-shadow: none;
-    border-radius: 40px;
-}
 
 
-
- /* 导航栏中间样式 */
+  
+ /* 导航栏中间样式 */ 
 #menus>div.menus_items a {
     font-size: 16.8px;
     font-weight: 700;
@@ -17358,7 +17672,7 @@ a.toc-link {
 #nav .menus_items .menus_item .menus_item_child {
     padding: 2px 2px 4px 2px;
     border-radius: 55px;
-}
+}   
 #nav .menus_items .menus_item .menus_item_child li a:hover {
     padding: 0.2rem 0.5rem;
-}
+}  
diff --git a/templates/assets/zhheo/zhheoblog.min.css b/templates/assets/zhheo/zhheoblog.min.css
index 8c3a6c57..3fb0982e 100644
--- a/templates/assets/zhheo/zhheoblog.min.css
+++ b/templates/assets/zhheo/zhheoblog.min.css
@@ -1 +1 @@
-@charset "UTF-8";:root{--heo-white:#fff;--heo-white-op:rgba(255, 255, 255, 0.2);--heo-black:#000;--heo-black-op:rgba(0, 0, 0, 0.2);--heo-none:#00000000;--heo-gray:#999999;--heo-gray-op:#9999992b;--heo-vip:#e5a80d;--heo-main:var(--heo-theme);--heo-main-op:var(--heo-theme-op);--heo-main-op-deep:var(--heo-theme-op-deep);--heo-main-none:var(--heo-theme-none);--heo-shadow-theme:0 8px 12px -3px var(--heo-theme-op);--heo-shadow-blackdeep:0 2px 16px -3px rgba(0, 0, 0, 0.15);--heo-shadow-main:0 8px 12px -3px var(--heo-main-op);--heo-shadow-blue:0 8px 12px -3px rgba(40, 109, 234, 0.2);--heo-shadow-white:0 8px 12px -3px rgba(255, 255, 255, 0.2);--heo-shadow-black:0 0 12px 4px rgba(0, 0, 0, 0.05);--heo-shadow-yellow:0px 38px 77px -26px rgba(255, 201, 62, 0.12);--heo-shadow-red:0 8px 12px -3px #ee7d7936;--heo-shadow-green:0 8px 12px -3px #87ee7936;--heo-logo-color:linear-gradient(215deg, #4584ff 0%, #cf0db9 100%);--heo-snackbar-time:5s;--style-border:1px solid var(--heo-card-border);--style-border-always:1px solid var(--heo-card-border);--style-border-hover:1px solid var(--heo-main);--style-border-hover-always:1px solid var(--heo-main);--style-border-dashed:1px dashed var(--heo-theme-op)}::selection{background:var(--heo-fontcolor);color:var(--heo-background)}[data-theme=light]{--heo-theme:#425AEF;--heo-theme-op:#4259ef23;--heo-theme-op-deep:#4259efdd;--heo-theme-none:#4259ef01;--heo-blue:#425AEF;--heo-red:#f04a63;--heo-pink:#FF7C7C;--heo-green:#28a63f;--heo-yellow:#c28b00;--heo-yellow-op:#d99c001a;--heo-orange:#e38100;--heo-fontcolor:#363636;--heo-background:#f7f9fe;--heo-reverse:#000;--heo-maskbg:rgba(255, 255, 255, 0.6);--heo-maskbgdeep:rgba(255, 255, 255, 0.85);--heo-hovertext:var(--heo-main);--heo-ahoverbg:#F7F7FA;--heo-lighttext:var(--heo-main);--heo-secondtext:rgba(60, 60, 67, 0.8);--heo-scrollbar:rgba(60, 60, 67, 0.4);--heo-card-btn-bg:#edf0f7;--heo-post-blockquote-bg:#fafcff;--heo-post-tabs-bg:#f2f5f8;--heo-secondbg:#f1f3f8;--heo-shadow-nav:0 5px 12px -5px rgba(102, 68, 68, 0.05);--heo-card-bg:#fff;--heo-card-bg-op:var(--heo-black-op);--heo-card-bg-none:rgba(255, 255, 255, 0);--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-card-border:#e3e8f7;--heo-shadow-border:0 8px 16px -4px #2c2d300c;--style-border-forever:2px solid var(--heo-main)}[data-theme=dark]{--heo-theme:#f2b94b;--heo-theme-op:#f2b94b23;--heo-theme-op-deep:#f2b94bdd;--heo-theme-none:#f2b94b00;--heo-blue:#0084FF;--heo-red:#FF3842;--heo-pink:#d44040;--heo-green:#3e9f50;--heo-yellow:#ffc93e;--heo-yellow-op:#ffc93e30;--heo-orange:#ff953e;--heo-fontcolor:#F7F7FA;--heo-background:#18171d;--heo-reverse:#fff;--heo-maskbg:rgba(0, 0, 0, 0.6);--heo-maskbgdeep:rgba(0, 0, 0, 0.85);--heo-hovertext:#0A84FF;--heo-ahoverbg:#fff;--heo-lighttext:#f2b94b;--heo-secondtext:#a1a2b8;--heo-scrollbar:rgba(200, 200, 223, 0.4);--heo-card-btn-bg:#30343f;--heo-post-blockquote-bg:#000;--heo-post-tabs-bg:#121212;--heo-secondbg:#30343f;--heo-shadow-nav:0 5px 20px 0px rgba(28, 28, 28, 0.4);--heo-card-bg:#1e1e1e;--heo-card-bg-op:var(--heo-white-op);--heo-card-bg-none:#1d1b2600;--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-card-border:#3d3d3f;--heo-shadow-border:0 8px 16px -4px #00000050;--style-border-forever:2px solid var(--heo-lighttext)}@media screen and (max-width:768px){:root{--style-border:0px solid var(--heo-card-border);--style-border-hover:0px solid var(--heo-main)}}@keyframes barrageIn{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes barrageOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(20px);opacity:0}}html{line-height:1.15;text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}summary{display:list-item}template{display:none}[hidden]{display:none}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span,#aside-content .card-info .card-info-data>.card-info-data-item a .headline,#pagination .next_info,#pagination .prev_info,#sidebar #sidebar-menus .menus_items .site-page,#sidebar #sidebar-menus .site-data .data-item .data-item-link>a>div,.flink#article-container .flink-list>.flink-list-item a .flink-item-desc,.flink#article-container .flink-list>.flink-list-item a .flink-item-name,.limit-one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#article-container h1::before,#article-container h2::before,#article-container h3::before,#article-container h4::before,#article-container h5::before,#article-container h6::before,#post .post-copyright::before,#post .post-outdate-notice::before,.fontawesomeIcon,.note:not(.no-icon)::before{display:inline-block;font-weight:600;font-style:normal;font-variant:normal;font-family:"Font Awesome 5 Free";text-rendering:auto;-webkit-font-smoothing:antialiased}.card-announcement-animation{color:red;animation:.8s linear 0s infinite normal none running announ_animation}.scroll-down-effects{animation:1.5s ease 0s infinite normal none running scroll-down-effect}.reward-main{animation:.3s ease .1s 1 normal both running donate_effcet}@-webkit-keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;filter:none}100%{top:0;opacity:.4}}@keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;filter:none}100%{top:0;opacity:.4}}@-webkit-keyframes header-effect{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;filter:none;transform:translateY(0)}}@keyframes header-effect{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;filter:none;transform:translateY(0)}}@-webkit-keyframes headerNoOpacity{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes headerNoOpacity{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@-webkit-keyframes bottom-top{0%{opacity:0;margin-top:50px}100%{opacity:1;filter:none;margin-top:0}}@keyframes bottom-top{0%{opacity:0;margin-top:50px}100%{opacity:1;filter:none;margin-top:0}}@-webkit-keyframes titlescale{0%{opacity:0;transform:scale(.7)}100%{opacity:1;filter:none;transform:scale(1)}}@keyframes titlescale{0%{opacity:0;transform:scale(.7)}100%{opacity:1;filter:none;transform:scale(1)}}@-webkit-keyframes search_close{0%{opacity:1;filter:none;transform:scale(1)}100%{opacity:0;transform:scale(.7)}}@keyframes search_close{0%{opacity:1;filter:none;transform:scale(1)}100%{opacity:0;transform:scale(.7)}}@-webkit-keyframes to_show{0%{opacity:0}100%{opacity:1;filter:none}}@keyframes to_show{0%{opacity:0}100%{opacity:1;filter:none}}@-webkit-keyframes to_hide{0%{opacity:1;filter:none}100%{opacity:0}}@keyframes to_hide{0%{opacity:1;filter:none}100%{opacity:0}}@-webkit-keyframes ribbon_to_show{0%{opacity:0}100%{opacity:.6}}@keyframes ribbon_to_show{0%{opacity:0}100%{opacity:.6}}@-webkit-keyframes avatar_turn_around{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes avatar_turn_around{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes sub_menus{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;filter:none;transform:translateY(0)}}@keyframes sub_menus{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;filter:none;transform:translateY(0)}}@-webkit-keyframes donate_effcet{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;filter:none;transform:translateY(0)}}@keyframes donate_effcet{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;filter:none;transform:translateY(0)}}@-webkit-keyframes announ_animation{0%,100%{transform:scale(1);filter:blur(0)}50%{transform:scale(1.2);filter:blur(20px)}}@keyframes announ_animation{0%,100%{transform:scale(1);filter:blur(0)}50%{transform:scale(1.2);filter:blur(20px)}}@-webkit-keyframes sidebarItem{0%{transform:translateX(200px)}100%{transform:translateX(0)}}@keyframes sidebarItem{0%{transform:translateX(200px)}100%{transform:translateX(0)}}:root{--global-font-size:16px;--global-bg:#fff;--font-color:#4c4948;--hr-border:#97bcfb;--hr-before-color:#6ea2f9;--search-bg:#f6f8fa;--search-input-color:#4c4948;--search-result-title:#4c4948;--preloader-bg:#37474f;--preloader-color:#fff;--tab-border-color:#f0f0f0;--tab-botton-bg:#f0f0f0;--tab-botton-color:#1f2d3d;--tab-button-hover-bg:#dcdcdc;--tab-button-active-bg:#fff;--card-bg:#fff;--sidebar-bg:#f6f8fa;--btn-hover-color:#ff7242;--btn-color:#fff;--btn-bg:#307af6;--text-bg-hover:#307af6;--light-grey:#eee;--white:#fff;--text-highlight-color:#1f2d3d;--blockquote-color:#6a737d;--blockquote-bg:rgba(73, 177, 245, 0.1);--reward-pop:#f5f5f5;--toc-link-color:#666261;--card-box-shadow:0 3px 8px 6px rgba(7, 17, 27, 0.06);--card-hover-box-shadow:0 3px 8px 6px rgba(7, 17, 27, 0.15)}html{height:100%;font-size:20px}body{position:relative;min-height:100%;background:var(--heo-background);color:var(--heo-fontcolor);font-size:var(--global-font-size);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei";line-height:2;-webkit-tap-highlight-color:transparent;margin:0}input::placeholder{color:var(--heo-fontcolor)}h1,h2,h3,h4,h5,h6{position:relative;margin:1rem 0 .7rem;color:var(--text-highlight-color);font-weight:700}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:inherit!important}*{box-sizing:border-box}hr{position:relative;margin:2rem auto;border:2px dashed var(--hr-border)}.table-wrap{overflow-x:scroll;margin:0 0 1rem}table{display:table;width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show}table thead{background:rgba(153,169,191,.1)}table td,table th{padding:.3rem .6rem;border:1px solid var(--light-grey);vertical-align:middle}::selection{background:#0079ff;color:#f7f7f7}button{padding:0;outline:0;border:none;background:0 0;cursor:pointer}a{color:#99a9bf;text-decoration:none;transition:all .2s ease 0s;overflow-wrap:break-word}a:hover{color:#307af6}#aside-content .author-info__description,#aside-content .author-info__name,#site-name,#site-subtitle,#site-title{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}.is-center{text-align:center}.copy-true{user-select:all}.pull-left{float:left}.pull-right{float:right}.button--animated{position:relative;z-index:1;transition:color 1s ease 0s}.button--animated::before{position:absolute;inset:0;z-index:-1;background:var(--btn-hover-color);content:"";transition:transform .5s ease-out 0s;transform:scaleX(0);transform-origin:0 50%}.button--animated:hover::before{transition-timing-function:cubic-bezier(.45,1.64,.47,.66);transform:scaleX(1)}img{max-width:100%;transition:all .2s ease 0s}img:not([src]),img[src=""]{opacity:0}.img-alt{margin:-.5rem 0 .5rem;color:#858585}.img-alt:hover{text-decoration:none!important}:root{--hl-color:#eff;--hl-bg:#212121;--hltools-bg:#1c1c1c;--hltools-color:rgba(238, 255, 255, 0.8);--hlnumber-bg:#212121;--hlnumber-color:rgba(238, 255, 255, 0.5);--hlscrollbar-bg:#121212;--hlexpand-bg:linear-gradient(180deg, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0.9))}blockquote{margin:0 0 1rem;padding:.1rem .8rem;border-left:.2rem solid #49b1f5;background-color:var(--blockquote-bg);color:var(--blockquote-color)}blockquote a{word-break:break-all}blockquote p{padding:.5rem 0;margin:0!important}blockquote footer{padding:0 0 .5rem}blockquote footer cite::before{padding:0 .3em;content:"—"}#article-container .gutter{user-select:none}#article-container .gist table{width:auto}#article-container .gist table td{border:none}#article-container pre{border:var(--style-border-always)}@-webkit-keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}@keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}.article-sort{margin-left:.5rem;padding-left:1rem;border-left:2px solid #92b9fa}.article-sort-title{position:relative;margin-left:.5rem;padding-bottom:1rem;padding-left:1rem;font-size:1.72em}.article-sort-title:hover::before{border-color:#ff7242}.article-sort-title::before{position:absolute;top:calc((100% - 1.8rem)/ 2);left:-.45rem;z-index:1;width:.5rem;height:.5rem;border:.25rem solid #307af6;border-radius:.5rem;background:var(--card-bg);content:"";line-height:.5rem;transition:all .2s ease-in-out 0s}.article-sort-title::after{position:absolute;bottom:0;left:0;z-index:0;width:.1rem;height:1.5em;background:#92b9fa;content:""}.article-sort-item{position:relative;display:flex;-webkit-box-align:center;align-items:center;margin:0 0 1rem .5rem;transition:all .2s ease-in-out 0s}.article-sort-item:hover::before{border-color:#ff7242}.article-sort-item::before{position:absolute;left:calc(-1rem - 17px);width:.3rem;height:.3rem;border:.15rem solid #307af6;border-radius:.3rem;background:var(--card-bg);content:"";transition:all .2s ease-in-out 0s}.article-sort-item.no-article-cover{height:80px}.article-sort-item.no-article-cover .article-sort-item-info{padding:0}.article-sort-item.year{font-size:1.43em}.article-sort-item.year:hover::before{border-color:#307af6}.article-sort-item.year::before{border-color:#ff7242}.article-sort-item-time{color:#858585;font-size:95%}.article-sort-item-time time{padding-left:.3rem;cursor:default}.article-sort-item-title{color:var(--heo-fontcolor);font-size:1.1em;transition:all .3s ease 0s;-webkit-line-clamp:2}.article-sort-item-title:hover{color:#307af6;transform:translateX(10px)}.article-sort-item-img{overflow:hidden;width:80px;height:80px}.article-sort-item-img img{width:100%;height:100%;transition:all .6s ease 0s;object-fit:cover}.article-sort-item-img img:hover{transform:scale(1.1)}.article-sort-item-info{-webkit-box-flex:1;flex:1 1 0%;padding:0 .8rem}#page .category-lists{padding:1rem 0 1.5rem}@media screen and (max-width:768px){#page .category-lists{padding:0}}#page .category-lists .category-title{font-size:2.57em}@media screen and (max-width:768px){#page .category-lists .category-title{font-size:2em}}#page .category-lists .category-list a{color:var(--heo-fontcolor)}#page .category-lists .category-list a:hover{color:#307af6}#page .category-lists .category-list .category-list-count{margin-left:.4rem;color:#858585}#page .category-lists .category-list .category-list-count::before{content:"("}#page .category-lists .category-list .category-list-count::after{content:")"}#page .category-lists ul{margin-top:.4rem;padding:0 0 0 1rem;list-style:none;counter-reset:li 0}#page .category-lists ul ul{padding-left:.2rem}#page .category-lists ul li{position:relative;margin:.3rem 0;padding:.12em .4em .12em 1.4em}#page .category-lists ul li::before{position:absolute;left:0;cursor:pointer;transition:all .3s ease-out 0s;top:.7em;width:.43em;height:.43em;border:.215em solid #307af6;border-radius:.43em;background:0 0;content:""}#page .category-lists ul li:hover::before{border-color:#ff7242}.layout{display:flex;margin:0 auto;padding:2rem 15px;max-width:1200px}@media screen and (max-width:900px){.layout{-webkit-box-orient:vertical;flex-direction:column}}@media screen and (max-width:768px){.layout{padding:1rem 5px}}@media screen and (min-width:2000px){.layout{max-width:1500px}}@media screen and (max-width:768px){.layout>div:first-child:not(.recent-posts){padding:1.8rem .7rem!important}}.layout>div:first-child{width:75%;transition:all .3s ease 0s}@media screen and (max-width:900px){.layout>div:first-child{width:100%!important}}.layout.hide-aside{max-width:1000px}@media screen and (min-width:2000px){.layout.hide-aside{max-width:1300px}}.layout.hide-aside>div{width:100%!important}.flink#article-container .flink-desc{margin:.2rem 0 .5rem}.flink#article-container .flink-list{overflow:auto;padding:10px 10px 0;text-align:center}.flink#article-container .flink-list>.flink-list-item{position:relative;float:left;overflow:hidden;margin:15px 7px;width:calc(25% - 12px);height:90px;border-radius:5px;line-height:17px;transform:translateZ(0);transition:all .3s ease 0s}@media screen and (max-width:1200px){.flink#article-container .flink-list>.flink-list-item{width:calc(25% - 12px)!important}}@media screen and (max-width:1024px){.flink#article-container .flink-list>.flink-list-item{width:calc(33.3333% - 12px)!important}}@media screen and (max-width:768px){.flink#article-container .flink-list>.flink-list-item{width:calc(50% - 12px)!important}}@media screen and (max-width:600px){.flink#article-container .flink-list>.flink-list-item{width:calc(100% - 12px)!important}}.flink#article-container .flink-list>.flink-list-item:hover{background:#006cf2;transform:scale(1.05)}.flink#article-container .flink-list>.flink-list-item a{color:var(--heo-fontcolor);text-decoration:none}.flink#article-container .flink-list>.flink-list-item a img{float:left;margin:15px 10px;width:60px;height:60px;border-radius:35px;transition:all .3s ease 0s}.flink#article-container .flink-list>.flink-list-item a .img-alt{display:none}.flink#article-container .flink-list>.flink-list-item a .flink-item-name{display:block;padding:16px 10px 0 0;height:40px;font-weight:700;font-size:1.43em}.flink#article-container .flink-list>.flink-list-item a .flink-item-desc{display:block;padding:16px 10px 16px 0;height:50px;font-size:.93em}.flink#article-container .site-card-group{display:flex;flex-wrap:wrap;-webkit-box-pack:start;justify-content:flex-start;margin:-8px;-webkit-box-align:stretch;align-items:stretch}.flink#article-container .site-card{margin:8px;width:calc(20% - 16px);display:block;line-height:1.4;height:100%}@media screen and (max-width:1200px){.flink#article-container .site-card{width:calc(20% - 16px)!important}}@media screen and (max-width:1024px){.flink#article-container .site-card{width:calc(25% - 16px)!important}}@media screen and (max-width:768px){.flink#article-container .site-card{width:calc(33.3333% - 16px)!important}}@media screen and (max-width:600px){.flink#article-container .site-card{width:calc(50% - 16px)!important}}.flink#article-container .site-card .img{width:100%;height:120px;overflow:hidden;border-radius:12px 12px 0 0;background:#f6f6f6}@media screen and (max-width:500px){.flink#article-container .site-card .img{height:100px}}.flink#article-container .site-card .img img{width:100%;height:100%;transition:transform 2s ease 0s;object-fit:cover}.flink#article-container .site-card .info{margin-top:8px}.flink#article-container .site-card .info img{width:32px;height:32px;border-radius:16px;float:left;margin-right:8px;margin-top:2px}.flink#article-container .site-card .info span{display:block}.flink#article-container .site-card .info .title{font-weight:600;color:#444;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;transition:all .3s ease 0s}.flink#article-container .site-card .info .desc{overflow-wrap:break-word;line-height:1.2;color:#888;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.flink#article-container .site-card .img{transition:all .3s ease 0s}.flink#article-container .site-card .img-alt{display:none}.flink#article-container .site-card:hover .info .title{color:#ff5722}#recent-posts>.recent-post-item:not(:first-child){margin-top:1rem}#recent-posts>.recent-post-item{display:flex;-webkit-box-orient:horizontal;flex-direction:row;-webkit-box-align:center;align-items:center;height:15.5em;border-radius:12px 8px 8px 12px;background:var(--card-bg);box-shadow:var(--card-box-shadow);transition:all .3s ease 0s}@media screen and (max-width:768px){#recent-posts>.recent-post-item{border-radius:12px 12px 8px 8px}}#recent-posts>.recent-post-item:hover{box-shadow:var(--card-hover-box-shadow)}#recent-posts>.recent-post-item:hover img.post_bg{transform:scale(1.1)}#recent-posts>.recent-post-item .left_radius{border-radius:5px 0 0 8px}#recent-posts>.recent-post-item .right_radius{border-radius:5px 0 0 8px}#recent-posts>.recent-post-item.ads-wrap{display:block!important;height:auto!important}#recent-posts>.recent-post-item .post_cover{overflow:hidden;width:45%;height:100%;-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}#recent-posts>.recent-post-item .post_cover img.post_bg{width:100%;height:100%;transition:all .6s ease 0s;object-fit:cover}#recent-posts>.recent-post-item .post_cover img.post_bg:hover{transform:scale(1.1)}#recent-posts>.recent-post-item>.recent-post-info{display:inline-block;overflow:hidden;padding:0 40px;width:55%}#recent-posts>.recent-post-item>.recent-post-info.no-cover{width:100%}#recent-posts>.recent-post-item>.recent-post-info>.article-title{margin-bottom:.3rem;color:var(--text-highlight-color);font-size:1.4em;line-height:1.4;transition:all .2s ease-in-out 0s;-webkit-line-clamp:2}#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover{color:#307af6}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{color:#858585;font-size:90%}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date{cursor:default}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky{color:#ff7242}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i{margin:0 .2rem 0 0}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-label{padding-right:.2rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator{margin:0 .3rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__link{margin:0 .2rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .fa-angle-right{margin:0 .2rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time{display:none}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a{color:#858585}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover{color:#307af6;cursor:pointer;border-radius:4px;background-color:rgba(59,130,255,.25)}#recent-posts>.recent-post-item>.recent-post-info>.content{margin-top:.3rem;-webkit-line-clamp:3}#recent-posts>.recent-post-item .recent-post-info .pinned-post{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:var(--heo-lighttext);font-size:.5rem;position:absolute;top:5px}@media screen and (max-width:768px){#recent-posts>.recent-post-item .recent-post-info .pinned-post{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:var(--heo-lighttext);font-size:.5rem;position:absolute;top:-19px}#recent-posts .recent-post-item{-webkit-box-orient:vertical;flex-direction:column;height:auto!important}#recent-posts .recent-post-item .post_cover{width:100%;height:230px;border-radius:5px 8px 0 0;-webkit-box-ordinal-group:1!important;order:1!important}#recent-posts .recent-post-item .recent-post-info{padding:1rem 1rem 1.5rem;width:100%;-webkit-box-ordinal-group:2!important;order:2!important}#recent-posts .recent-post-item .recent-post-info.no-cover{padding:1.5rem 1rem}#recent-posts .recent-post-item .recent-post-info .article-title{font-size:1.43em}#recent-posts .recent-post-item .recent-post-info .content{height:auto}}.tag-cloud-list a{display:inline-block;padding:0 .4rem;transition:all .3s ease 0s}.tag-cloud-list a:hover{transform:scale(1.1);color:#307af6!important}@media screen and (max-width:768px){.tag-cloud-list a{zoom:.85}}.tag-cloud-title{font-size:2.57em}@media screen and (max-width:768px){.tag-cloud-title{font-size:2em}}#error-wrap{display:flex;justify-content:center;margin:0 1rem;width:100%;position:relative}#error-wrap .error-content{display:flex;-webkit-box-orient:horizontal;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 1rem;height:18rem;max-width:800px;border-radius:5px;background:var(--heo-card-bg);box-shadow:var(--card-box-shadow);transition:all .3s ease 0s;border:var(--style-border-always);position:relative;width:100%}#error-wrap .error-content:hover{box-shadow:var(--card-hover-box-shadow)}@media screen and (max-width:768px){#error-wrap .error-content{-webkit-box-orient:vertical;flex-direction:column;margin:0;height:25rem;width:100%}}#error-wrap .error-content .error-img{-webkit-box-flex:1;flex:1 1 0%;height:90%;width:600px;border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#307af6;background-position:center center;background-size:cover}@media screen and (max-width:768px){#error-wrap .error-content .error-img{-webkit-box-flex:1;flex:1 1 0%;width:100%;border-radius:12px}}#error-wrap .error-content .error-info{-webkit-box-flex:1;flex:1 1 0%;padding:.5rem;text-align:center;font-size:14px;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}#error-wrap .error-content .error-info .error_title{font-size:9em;line-height:1}@media screen and (max-width:768px){#error-wrap .error-content .error-info{-webkit-box-flex:1.1;flex:1.1 1 0%;width:100%;padding-bottom:2rem}#error-wrap .error-content .error-info .error_title{font-size:4rem}}#error-wrap .error-content .error-info .error_subtitle{word-break:break-word;font-size:1.6em;-webkit-line-clamp:2}#error-wrap .error-content .error-info a{display:inline-block;margin-top:.5rem;padding:.3rem 1.5rem;background:var(--btn-bg);color:var(--btn-color)}#error-wrap .error-content .error-info a i{padding-right:.3rem}@media screen and (min-width:900px){#aside-content{padding-left:15px}}@media screen and (max-width:900px){#aside-content{width:100%}}@media screen and (max-width:900px){#aside-content>.card-widget:first-child{margin-top:1rem}}@media screen and (max-width:768px){#aside-content .card-widget:not(#card-toc){display:none}}#aside-content .card-info img{width:110px;height:110px;border-radius:70px;transition:all .5s ease 0s}#aside-content .card-info .author-info__name{font-weight:500;font-size:1.57em}#aside-content .card-info .author-info__description{margin-top:-.3rem}#aside-content .card-info .card-info-data{display:table;margin:.7rem 0 .2rem;width:100%;table-layout:fixed}#aside-content .card-info .card-info-data>.card-info-data-item{display:table-cell}#aside-content .card-info .card-info-data>.card-info-data-item:hover{background:#000;border-radius:5px}#aside-content .card-info .card-info-data>.card-info-data-item a .headline{color:var(--heo-fontcolor);font-size:1em}#aside-content .card-info .card-info-data>.card-info-data-item a .length-num{margin-top:-.3rem;color:var(--text-highlight-color);font-size:1.4em}#aside-content .card-info .card-info-social-icons{margin:.3rem 0 -.3rem}#aside-content .card-info .card-info-social-icons .social-icon{margin:0 .5rem;color:var(--heo-fontcolor);font-size:1.4em;cursor:pointer}#aside-content .card-info .card-info-social-icons i{transition:all .3s ease 0s;padding:8px;border-radius:32px}#aside-content .card-info .card-info-social-icons i:hover{transform:rotate(540deg);background-color:#000;cursor:pointer}#aside-content .card-info #card-info-btn{display:block;margin-top:.7rem;background-color:var(--btn-bg);color:var(--btn-color);text-align:center;line-height:2.4}#aside-content .card-info #card-info-btn span{padding-left:.5rem}#aside-content .item-headline{padding-bottom:.3rem;font-size:1.2em}#aside-content .item-headline span{margin-left:.5rem}@media screen and (min-width:900px){#aside-content .sticky_layout{position:sticky;top:20px;transition:top .3s ease 0s}}#aside-content .card-tag-cloud a{display:inline-block;padding:0 .3rem}#aside-content .card-tag-cloud a:hover{background-color:#fff;cursor:pointer;border-radius:5px;transform:scale(1.1);color:#307af6!important}#aside-content .aside-list>span{display:block;margin-bottom:.5rem;text-align:center}#aside-content .aside-list>.aside-list-item{display:flex;-webkit-box-align:center;align-items:center;padding:.3rem 0}#aside-content .aside-list>.aside-list-item:first-child{padding-top:0}#aside-content .aside-list>.aside-list-item:not(:last-child){border-bottom:1px dashed #f5f5f5}#aside-content .aside-list>.aside-list-item:last-child{padding-bottom:0}#aside-content .aside-list>.aside-list-item .thumbnail{overflow:hidden;width:4.2em;height:4.2em}#aside-content .aside-list>.aside-list-item .thumbnail>img{width:100%;height:100%;transition:all .6s ease 0s;object-fit:cover}#aside-content .aside-list>.aside-list-item .thumbnail>img:hover{transform:scale(1.1)}#aside-content .aside-list>.aside-list-item .content{-webkit-box-flex:1;flex:1 1 0%;padding-left:10px;word-break:break-all}#aside-content .aside-list>.aside-list-item .content>.name{-webkit-line-clamp:1}#aside-content .aside-list>.aside-list-item .content>.name,#aside-content .aside-list>.aside-list-item .content>time{display:block;color:#858585;font-size:85%}#aside-content .aside-list>.aside-list-item .content>.comment,#aside-content .aside-list>.aside-list-item .content>.title{color:var(--heo-fontcolor);font-size:95%;line-height:1.5;-webkit-line-clamp:2}#aside-content .aside-list>.aside-list-item .content>.comment:hover,#aside-content .aside-list>.aside-list-item .content>.title:hover{color:#307af6}#aside-content .aside-list>.aside-list-item.no-cover{min-height:4.4em}#aside-content .card-archives ul.card-archive-list,#aside-content .card-categories ul.card-category-list{margin:0;padding:0;list-style:none}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,#aside-content .card-categories ul.card-category-list>.card-category-list-item a{display:inline-block;padding:.15rem .5rem;width:100%;color:var(--heo-fontcolor);transition:all .4s ease 0s;border-radius:5px}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover{padding:.15rem .85rem;background-color:#fff;color:#427bee;border-radius:5px}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span{display:inline-block;vertical-align:bottom}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child{width:80%}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:last-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:last-child{width:20%;text-align:right}#aside-content .card-categories .card-category-list.child{padding:0 0 0 .8rem}#aside-content .card-categories .card-category-list>.parent>a .card-category-list-name{width:70%!important}#aside-content .card-categories .card-category-list>.parent>a .card-category-list-count{width:calc(30% - 20px);text-align:right}#aside-content .card-categories .card-category-list>.parent i{float:right;margin-right:-.35rem;padding:.35rem;transition:transform .3s ease 0s;transform:rotate(0)}#aside-content .card-categories .card-category-list>.parent i.expand{transform:rotate(-90deg)}#aside-content .card-webinfo .webinfo .webinfo-item{display:flex;-webkit-box-align:center;align-items:center;padding:.1rem .5rem 0}#aside-content .card-webinfo .webinfo .webinfo-item div:first-child{-webkit-box-flex:1;flex:1 1 0%;padding-right:1rem}@media screen and (min-width:901px){#aside-content #card-toc{right:0!important}}@media screen and (max-width:900px){#aside-content #card-toc{position:fixed;right:-100%;bottom:30px;z-index:100;max-height:calc(100% - 60px);width:300px;opacity:0;transform-origin:right bottom}}#aside-content #card-toc .toc-content{overflow-y:auto;max-height:calc(100vh - 120px)}@media screen and (max-width:900px){#aside-content #card-toc .toc-content{max-height:calc(100vh - 140px)}}#aside-content #card-toc .toc-content .toc-child{display:none}@media screen and (max-width:900px){#aside-content #card-toc .toc-content .toc-child{display:block!important}}#aside-content #card-toc .toc-content .toc-item.active .toc-child{display:block}#aside-content #card-toc .toc-content li,#aside-content #card-toc .toc-content ol{list-style:none}#aside-content #card-toc .toc-content>ol{padding:0!important}#aside-content #card-toc .toc-content ol{margin:0;padding-left:.4rem}#aside-content #card-toc .toc-content .toc-link{display:block;padding-left:.3rem;border-left:3px solid transparent;color:var(--toc-link-color);transition:all .2s ease-in-out 0s}#aside-content #card-toc .toc-content .toc-link.active{border-left-color:#0061cc;background:#0079ff;color:#fff}#aside-content #card-toc .toc-content::before{position:absolute;top:.6rem;right:1.2rem;color:#a9a9a9;content:attr(progress-percentage);font-style:italic;font-size:1.2rem}#aside-content :only-child>.card-widget{margin-top:0}#aside-content .card-more-btn{float:right;color:inherit}#aside-content .card-more-btn:hover{animation:1s ease 0s infinite normal none running more-btn-move}@media screen and (min-width:900px){html.hide-aside .layout{-webkit-box-pack:center;justify-content:center}html.hide-aside .layout>.aside-content{display:none}html.hide-aside .layout>div:first-child{width:100%}}.page .sticky_layout{display:flex;-webkit-box-orient:vertical;flex-direction:column}@-webkit-keyframes more-btn-move{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes more-btn-move{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}@-webkit-keyframes toc-open{0%{transform:scale(.7)}100%{transform:scale(1)}}@keyframes toc-open{0%{transform:scale(.7)}100%{transform:scale(1)}}@-webkit-keyframes toc-close{0%{transform:scale(1)}100%{transform:scale(.7)}}@keyframes toc-close{0%{transform:scale(1)}100%{transform:scale(.7)}}#post-comment .comment-head .comment-headline{display:inline-block;vertical-align:middle;font-weight:700;font-size:1.43em}#post-comment .comment-head #comment-switch{display:inline-block;float:right;margin:.1rem auto 0;padding:.2rem .8rem;width:max-content;border-radius:5px;background:#f6f8fa}#post-comment .comment-head #comment-switch .first-comment{color:#307af6}#post-comment .comment-head #comment-switch .second-comment{color:#ff7242}#post-comment .comment-head #comment-switch .switch-btn{position:relative;display:inline-block;margin:-4px .4rem 0;width:42px;height:22px;border-radius:34px;background-color:#307af6;vertical-align:middle;cursor:pointer;transition:all .4s ease 0s}#post-comment .comment-head #comment-switch .switch-btn::before{position:absolute;bottom:4px;left:4px;width:14px;height:14px;border-radius:50%;background-color:#fff;content:"";transition:all .4s ease 0s}#post-comment .comment-head #comment-switch .switch-btn.move{background-color:#ff7242}#post-comment .comment-head #comment-switch .switch-btn.move::before{transform:translateX(20px)}#post-comment .comment-wrap>div:nth-child(2){display:none}#footer{position:relative;background:center bottom/cover local #307af6}#footer-wrap{position:relative;padding:2rem 1rem;color:var(--light-grey);text-align:center}#footer-wrap a{color:var(--light-grey);padding:4px 12px;border-radius:5px}#footer-wrap a:hover{background-color:#fff;color:#3b82ff;cursor:pointer;border-radius:5px}#footer-wrap .footer-separator{margin:0 .2rem}#footer-wrap .icp-icon{padding:0 4px;vertical-align:text-bottom;max-height:1.4em;width:auto}#page-header{position:relative;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .5s ease 0s}#page-header.full_page{height:20rem;background-attachment:fixed}#page-header.full_page #site-info{position:absolute;top:7.8rem;padding:0 .5rem;width:100%}#page-header #scroll-down .scroll-down-effects,#page-header #site-subtitle,#page-header #site-title{text-align:center;line-height:1.5}#page-header #site-title{margin:0;color:var(--white);font-size:1.85em}@media screen and (min-width:768px){#page-header #site-title{font-size:2.85em}}#page-header #site-subtitle{color:var(--light-grey);font-size:1.15em}@media screen and (min-width:768px){#page-header #site-subtitle{font-size:1.72em}}#page-header #site_social_icons{display:none;margin:0 auto;width:15rem;text-align:center}@media screen and (max-width:768px){#page-header #site_social_icons{display:block}}#page-header #site_social_icons .social-icon{margin:0 .5rem;color:var(--light-grey);text-shadow:rgba(0,0,0,.15) .1rem .1rem .2rem;font-size:1.43em;cursor:pointer}#page-header #scroll-down{position:absolute;bottom:0;width:100%;cursor:pointer;display:none}#page-header #scroll-down .scroll-down-effects{position:relative;width:100%;color:var(--light-grey);font-size:30px}#page-header.not-home-page{height:20rem}@media screen and (max-width:768px){#page-header.not-home-page{height:14rem}}#page-header #page-site-info{position:absolute;top:10rem;padding:0 .5rem;width:100%}@media screen and (max-width:768px){#page-header #page-site-info{top:7rem}}#page-header.post-bg{height:20rem}@media screen and (max-width:768px){#page-header.post-bg{height:18rem;background-color:var(--heo-main)!important;transition:0s}}#page-header #post-info{position:absolute;padding:0 8%;width:100%;text-align:center}@media screen and (max-width:900px){#page-header #post-info{bottom:1.5rem;text-align:left}}@media screen and (max-width:768px){#page-header #post-info{bottom:1.1rem;padding:0 1.1rem}}#page-header.not-top-img{margin-bottom:.5rem;height:60px;background:0 center}#page-header.not-top-img #nav{background:rgba(255,255,255,.8)}#page-header.not-top-img #nav a{color:var(--heo-fontcolor);text-shadow:none}#page-header.nav-fixed #nav{position:fixed;top:-60px;z-index:91;background:rgba(255,255,255,.8);transition:transform .2s ease-in-out 0s,opacity .2s ease-in-out 0s}#page-header.nav-fixed #nav #site-name,#page-header.nav-fixed #nav #toggle-menu,#page-header.nav-fixed #nav a{color:var(--heo-fontcolor);text-shadow:none}#page-header.nav-fixed #nav #site-name:hover,#page-header.nav-fixed #nav #toggle-menu:hover,#page-header.nav-fixed #nav a:hover{color:#307af6}#page-header.nav-visible #nav{transition:all .5s ease 0s;transform:translate3d(0,100%,0)}#page-header.nav-visible+.layout>.aside-content>.sticky_layout{top:70px;transition:top .5s ease 0s}#page h1.page-title{margin:.4rem 0 1rem}#post>#post-info{margin-bottom:1.5rem}#post>#post-info .post-title{padding-bottom:.2rem;border-bottom:1px solid var(--light-grey);color:var(--text-highlight-color)}#post>#post-info .post-title .post-edit-link{float:right}#post>#post-info #post-meta,#post>#post-info #post-meta a{color:#78818a}#post-info .post-title{margin-bottom:.4rem;color:var(--white);font-weight:400;font-size:2.5em;line-height:1.5;-webkit-line-clamp:3}@media screen and (max-width:768px){#post-info .post-title{font-size:1.72em}}#post-info .post-title .post-edit-link{padding-left:.5rem}#post-info #post-meta{color:var(--light-grey);font-size:95%}@media screen and (max-width:768px){#post-info #post-meta{font-size:90%}}#post-info #post-meta .post-meta-separator{margin:0 .25rem}#post-info #post-meta .post-meta-icon{margin-right:.2rem}#post-info #post-meta .post-meta-label{margin-right:.2rem}#post-info #post-meta a{color:var(--light-grey);transition:all .3s ease-out 0s}#post-info #post-meta a:hover{color:#307af6;text-decoration:underline}#nav{position:absolute;top:0;z-index:90;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;padding:0 36px;width:100%;height:60px;font-size:1.3em;opacity:0;transition:all .5s ease 0s;outline:1px solid var(--heo-none)}@media screen and (max-width:768px){#nav{padding:0 16px}}#nav.show{opacity:1;filter:none}#nav #toggle-menu{display:none;padding:.1rem 0 0 .3rem;vertical-align:top}#nav #toggle-menu:hover{color:var(--white)}#nav a{color:var(--light-grey);padding:.3rem .4rem 0;border-radius:5px}#nav a:hover{color:var(--white);background:rgba(0,0,0,.25)}#nav #site-name{text-shadow:rgba(0,0,0,.15) .1rem .1rem .2rem;font-weight:700;cursor:pointer}#nav .menus_items{display:inline}#nav .menus_items .menus_item{position:relative;display:inline-block;padding:0 .4rem 0 0}#nav .menus_items .menus_item:hover .menus_item_child{display:block}#nav .menus_items .menus_item:hover i.expand{transform:rotate(180deg)!important}#nav .menus_items .menus_item i.expand{padding:4px;transition:transform .3s ease 0s}#nav .menus_items .menus_item .menus_item_child{position:absolute;display:none;margin-top:8px;padding:0;background-color:var(--sidebar-bg);box-shadow:rgba(0,0,0,.5) 0 5px 20px -4px;animation:.3s ease .1s 1 normal both running sub_menus;border-radius:5px;white-space:nowrap}#nav .menus_items .menus_item .menus_item_child::before{position:absolute;top:-8px;left:0;width:100%;height:20px;content:""}#nav.hide-menu #toggle-menu{display:inline-block!important}#nav.hide-menu #toggle-menu .site-page{font-size:inherit}#nav.hide-menu .menus_items{position:absolute;left:0;visibility:hidden;opacity:0}#nav.hide-menu #search-button span{display:none!important}#nav #search-button{display:inline;padding:0 .4rem}#nav .site-page{position:relative;padding-bottom:.3rem;text-shadow:rgba(0,0,0,.3) .05rem .05rem .1rem;font-size:.78em;cursor:pointer}.li-style{width:100%;height:25px;text-align:center}li,ul{list-style:none;display:block;margin:0;padding:0}@-webkit-keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}100%{transform:rotate(-315deg)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}100%{transform:rotate(-315deg)}}#pagination{overflow:hidden;margin-top:1rem;width:100%}#pagination .pagination{text-align:center}#pagination .page-number{display:inline-block;margin:0 .2rem;min-width:1.2rem;height:1.2rem;text-align:center;line-height:1.2rem;cursor:pointer}#pagination .page-number.current{background:#0079ff;color:var(--white);cursor:default;border-radius:5px}#pagination img.next-cover,#pagination img.prev-cover{position:absolute;width:100%;height:100%;opacity:.4;transition:all .6s ease 0s;object-fit:cover}#pagination .pagination-info{position:absolute;top:50%;padding:1rem 2rem;width:100%;transform:translate(0,-50%)}#pagination .next_info,#pagination .prev_info{color:var(--white);font-weight:500}#pagination .next-post .pagination-info{text-align:right}#pagination .pull-full{width:100%!important}#pagination .next-post .label,#pagination .prev-post .label{color:var(--light-grey);text-transform:uppercase;font-size:90%}#pagination .next-post,#pagination .prev-post{width:50%}@media screen and (max-width:768px){#pagination .next-post,#pagination .prev-post{width:100%}}#pagination .next-post a,#pagination .prev-post a{position:relative;display:block;overflow:hidden;height:150px}#pagination .next-post:hover img.next-cover,#pagination .next-post:hover img.prev-cover,#pagination .prev-post:hover img.next-cover,#pagination .prev-post:hover img.prev-cover{opacity:.8;transform:scale(1.1)}#pagination.pagination-post{margin-top:2rem;background:#000}#article-container{overflow-wrap:break-word}#article-container a{color:#307af6}#article-container a:hover{text-decoration:underline}#article-container img{display:block;margin:0 auto .8rem}#article-container p{margin:0 0 .8rem}#article-container iframe{margin:0 0 1rem}#article-container kbd{margin:0 3px;padding:3px 5px;border:1px solid #b4b4b4;border-radius:3px;background-color:#f8f8f8;box-shadow:rgba(0,0,0,.25) 0 1px 3px,rgba(255,255,255,.6) 0 2px 1px 0 inset;color:#34495e;white-space:nowrap;font-weight:600;font-size:.9em;font-family:Monaco,"Ubuntu Mono",monospace;line-height:1em}#article-container h1,#article-container h2,#article-container h3,#article-container h4,#article-container h5,#article-container h6{transition:all .2s ease-out 0s}#article-container h1::before,#article-container h2::before,#article-container h3::before,#article-container h4::before,#article-container h5::before,#article-container h6::before{position:absolute;top:calc(50% - .35rem);color:#f2ba4b;content:"";line-height:1;transition:all .2s ease-out 0s}#article-container h1:hover::before,#article-container h2:hover::before,#article-container h3:hover::before,#article-container h4:hover::before,#article-container h5:hover::before,#article-container h6:hover::before{color:#307af6}#article-container h1{padding-left:1.4rem}#article-container h1 code{font-size:1rem}#article-container h1::before{margin-left:-1.2rem;font-size:1rem}#article-container h1:hover{padding-left:1.6rem}#article-container h2{padding-left:1.3rem}#article-container h2 code{font-size:.9rem}#article-container h2::before{margin-left:-1.1rem;font-size:.9rem}#article-container h2:hover{padding-left:1.5rem}#article-container h3{padding-left:1.2rem}#article-container h3 code{font-size:.8rem}#article-container h3::before{margin-left:-1rem;font-size:.8rem}#article-container h3:hover{padding-left:1.4rem}#article-container h4{padding-left:1.1rem}#article-container h4 code{font-size:.7rem}#article-container h4::before{margin-left:-.9rem;font-size:.7rem}#article-container h4:hover{padding-left:1.3rem}#article-container h5{padding-left:1rem}#article-container h5 code{font-size:.6rem}#article-container h5::before{margin-left:-.8rem;font-size:.6rem}#article-container h5:hover{padding-left:1.2rem}#article-container h6{padding-left:1rem}#article-container h6 code{font-size:.6rem}#article-container h6::before{margin-left:-.8rem;font-size:.6rem}#article-container h6:hover{padding-left:1.2rem}#article-container ol,#article-container ul{margin-top:.4rem;padding:0 0 0 .8rem;list-style:none;counter-reset:li 0}@media screen and (max-width:768px){#article-container ol,#article-container ul{padding:0 0 0 .4rem}}#article-container ol p,#article-container ul p{margin:0 0 .5rem}#article-container ol ol,#article-container ol ul,#article-container ul ol,#article-container ul ul{padding-left:.6rem}@media screen and (max-width:768px){#article-container ol ol,#article-container ol ul,#article-container ul ol,#article-container ul ul{padding-left:.2rem}}#article-container ol li:not(.tab),#article-container ul li:not(.tab){position:relative;margin:.2rem 0}#article-container ol li:hover::before,#article-container ul li:hover::before{transform:rotate(360deg)}#article-container ol li::before,#article-container ul li::before{position:absolute;top:0;left:0;background:#307af6;color:#fff;cursor:pointer;transition:all .3s ease-out 0s}#article-container ol>li:not(.tab){padding:.2em .2em .2em 1.8em}#article-container ol>li::before{margin-top:.65em;width:1.45em;height:1.45em;border-radius:.725em;content:counter(li);counter-increment:li 1;text-align:center;font-size:.85em;line-height:1.45em}#article-container ul>li:not(.tab){padding:.2em .2em .2em 1.4em}#article-container ul>li:not(.tab):hover::before{border-color:#ff7242}#article-container ul>li:not(.tab)::before{top:.78em;width:.42em;height:.42em;border:.21em solid #307af6;border-radius:.42em;background:0 0;content:"";line-height:.42em}#article-container>:last-child{margin-bottom:0!important}#post .tag_share .post-meta__tag-list{display:inline-block}#post .tag_share .post-meta__tags{display:inline-block;margin:.4rem .4rem .4rem 0;padding:0 .6rem;width:fit-content;border:1px solid #307af6;border-radius:2rem;font-size:.85em;transition:all .2s ease-in-out 0s;background:#307af6;color:var(--white)}#post .tag_share .post-meta__tags:hover{color:#307af6;background:0 0}#post .tag_share .post_share{display:inline-block;float:right;margin:.4rem 0;width:fit-content}#post .tag_share .post_share .social-share{font-size:.85em}#post .tag_share .post_share .social-share .social-share-icon{margin:0 4px;width:1.85em;height:1.85em;font-size:1.2em;line-height:1.85em}#post .post-copyright::before{position:absolute;top:.1rem;right:.6rem;color:#307af6;content:"";font-size:1rem}#post .post-copyright .post-copyright-meta{color:#307af6;font-weight:700}#post .post-copyright .post-copyright-info{padding-left:.3rem}#post .post-copyright .post-copyright-info a{text-decoration:none;word-break:break-word;color:#3b82ff;padding:0 4px;border-radius:4px}#post .post-copyright .post-copyright-info a:hover{text-decoration:none;background-color:#fff;color:#3b82ff;cursor:pointer;border-radius:4px}#post .post-outdate-notice{position:relative;margin:0 0 1rem;border-radius:3px;background-color:#ffe6e6;color:#f66;padding:.5em 1em .5em 2.6em;border-left:5px solid #ff8080}#post .post-outdate-notice::before{position:absolute;top:50%;left:.9em;color:#ff8080;content:"";transform:translateY(-50%)}#post .ads-wrap{margin:2rem 0}.relatedPosts{margin-top:2rem}.relatedPosts>.headline{margin-bottom:5px;font-weight:700;font-size:1.43em}.relatedPosts>.relatedPosts-list>div{position:relative;display:inline-block;overflow:hidden;margin:3px;width:calc(33.333% - 6px);height:200px;background:var(--heo-main);vertical-align:bottom}.relatedPosts>.relatedPosts-list>div:hover .cover{opacity:.8;transform:scale(1.1)}@media screen and (max-width:768px){.relatedPosts>.relatedPosts-list>div{margin:2px;width:calc(50% - 4px);height:150px}}@media screen and (max-width:600px){.relatedPosts>.relatedPosts-list>div{width:calc(100% - 4px)}}.relatedPosts>.relatedPosts-list .cover{width:100%;height:100%;opacity:.4;transition:all .6s ease 0s;object-fit:cover}.relatedPosts>.relatedPosts-list .content{position:absolute;top:50%;padding:0 1rem;width:100%;transform:translate(0,-50%)}.relatedPosts>.relatedPosts-list .content .date{color:var(--light-grey);font-size:90%}.relatedPosts>.relatedPosts-list .content .title{color:var(--white);-webkit-line-clamp:2}.post-reward{position:relative;margin-top:4rem;text-align:center}.post-reward .reward-button{display:inline-block;padding:.2rem 1.2rem;background:var(--btn-bg);color:var(--btn-color);cursor:pointer;transition:all .4s ease 0s;border-radius:5px}.post-reward:hover>.reward-main{display:block}.post-reward .reward-main{position:absolute;bottom:40px;left:0;z-index:100;display:none;padding:0 0 15px;width:100%}.post-reward .reward-main .reward-all{display:inline-block;margin:0;padding:1rem .5rem;border-radius:4px;background:var(--reward-pop)}.post-reward .reward-main .reward-all::before{position:absolute;bottom:-10px;left:0;width:100%;height:20px;content:""}.post-reward .reward-main .reward-all::after{position:absolute;right:0;bottom:2px;left:0;margin:0 auto;width:0;height:0;border-top:13px solid var(--reward-pop);border-right:13px solid transparent;border-left:13px solid transparent;content:""}.post-reward .reward-main .reward-all .reward-item{display:inline-block;padding:0 8px;list-style-type:none;vertical-align:top}.post-reward .reward-main .reward-all .reward-item img{width:130px;height:130px}.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc{padding-top:.4rem;width:130px;color:#858585}#rightside #rightside-config-hide{transition:transform .4s ease 0s;transform:translate(35px,0)}#rightside #rightside-config-hide.show{transform:translate(0,0)!important}#rightside>div>a,#rightside>div>button{display:block;margin-bottom:2px;width:30px;height:30px;background-color:var(--btn-bg);color:var(--btn-color);text-align:center;font-size:16px}#rightside>div>a:hover,#rightside>div>button:hover{background-color:var(--btn-hover-color)}#rightside #mobile-toc-button{display:none}@media screen and (max-width:900px){#rightside #mobile-toc-button{display:block}}@media screen and (max-width:900px){#rightside #hide-aside-btn{display:none}}#sidebar #menu-mask{position:fixed;z-index:1001;display:none;width:100%;height:100%;background:var(--heo-maskbg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0);animation:.6s ease 0s 1 normal none running to_show}#sidebar #sidebar-menus{position:fixed;top:0;right:-300px;z-index:103;overflow:hidden auto;width:300px;height:100%;background:var(--sidebar-bg);transition:all .5s ease 0s;padding-top:30px;z-index:1001;border-left:var(--style-border-always)}#sidebar #sidebar-menus.open{transform:translate3d(-100%,0,0)}#sidebar #sidebar-menus .back-menu-list-groups{padding:0 16px}#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list-title{font-size:14px;color:var(--heo-secondtext)}#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list{width:calc(100% + 16px);justify-content:flex-start;margin:0 -8px}#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item{background:var(--heo-card-bg);border:var(--style-border-always);border-radius:8px}@media screen and (max-width:768px){#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item{width:calc(50% - 16px)}}#sidebar #sidebar-menus .back-home-button{display:none}#sidebar #sidebar-menus>.author-avatar{padding:1.3rem 1.5rem 0;text-align:center}#sidebar #sidebar-menus>.author-avatar img{width:110px;height:110px;border-radius:70px;transition:all .5s ease 0s}#sidebar #sidebar-menus>.author-avatar img:hover{transform:rotate(360deg)}#sidebar #sidebar-menus .site-data{display:table;padding:.6rem .5rem 0;width:100%;table-layout:fixed}#sidebar #sidebar-menus .site-data .data-item{display:table-cell}#sidebar #sidebar-menus .site-data .data-item .data-item-link .length-num{color:var(--text-highlight-color);font-size:1.28em}#sidebar #sidebar-menus .site-data .data-item .data-item-link .headline{color:var(--heo-fontcolor)}#sidebar #sidebar-menus hr{margin:1rem auto}#sidebar #sidebar-menus .menus_items{padding:0 16px}#sidebar #sidebar-menus .menus_items .site-page{position:relative;display:block;padding:0;color:var(--heo-fontcolor);font-size:1.15em;cursor:pointer;font-size:14.3px;font-weight:700}#sidebar #sidebar-menus .menus_items .site-page span:hover{color:#307af6}#sidebar #sidebar-menus .menus_item>.site-page{display:flex;font-size:14px;color:var(--heo-secondtext)}#sidebar #sidebar-menus .menus_items .expand{position:absolute;top:.78em;right:.4rem;transition:transform .3s ease 0s}#sidebar #sidebar-menus .menus_items .expand.hide{transform:rotate(90deg)!important}#sidebar #sidebar-menus .menus_items .menus_item_child{margin:0 -4px;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}#sidebar #sidebar-menus .menus_item_child .site-page.child{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;border:var(--style-border-always);background:var(--heo-card-bg)}#sidebar #sidebar-menus .menus_item_child li{width:calc(50% - 8px);margin:4px}#sidebar #sidebar-menus .menus_item_child .site-page.child span{line-height:1;margin-top:8px;font-size:14.3px}#sidebar #sidebar-menus .card-tag-cloud{padding:0 16px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:60px}#sidebar #sidebar-menus .card-tag-cloud a{color:var(--heo-fontcolor)!important;padding:2px 8px 2px 12px;margin:4px;border-radius:8px;border:var(--style-border-always);background:var(--heo-card-bg);font-size:14px}#sidebar #sidebar-menus .card-tag-cloud a sup{opacity:.6;margin-left:4px}#sidebar #sidebar-menus span.sidebar-menu-item-title{font-size:14px;color:var(--heo-secondtext);margin-left:16px}#sidebar #sidebar-menus .sidebar-menu-item{display:flex;flex-direction:column;padding:0 16px}#sidebar #sidebar-menus .sidebar-menu-item a.menu-child{width:100%;background:var(--heo-card-bg);border-radius:8px;border:var(--style-border-always);display:flex;align-items:center;font-size:14.3px}#sidebar #sidebar-menus .sidebar-menu-item a.menu-child i{margin:0 8px}#sidebar #sidebar-menus .webinfo{padding:0 16px;display:flex;white-space:nowrap;flex-direction:column}#sidebar #sidebar-menus .webinfo .webinfo-item{justify-content:space-between}#vcomment,#waline{font-size:1.1em}#vcomment .vbtn,#waline .vbtn{border:none;background:var(--btn-bg);color:var(--btn-color)}#vcomment .vbtn:hover,#waline .vbtn:hover{background:var(--btn-hover-color)}#vcomment .vimg,#waline .vimg{transition:all .3s ease 0s}#vcomment .vimg:hover,#waline .vimg:hover{transform:rotate(360deg)}#vcomment .vcards .vcard .vcontent.expand::after,#vcomment .vcards .vcard .vcontent.expand::before,#waline .vcards .vcard .vcontent.expand::after,#waline .vcards .vcard .vcontent.expand::before{z-index:22}.fireworks{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.medium-zoom-image--opened{z-index:99999!important;margin:0!important}.medium-zoom-overlay{z-index:99999!important}.mermaid{overflow:auto;margin:0 0 1rem;background:#fff;text-align:center;opacity:0;transition:all .3s ease 0s}.mermaid[data-processed]{opacity:1;filter:none}.fb-comments iframe,.utterances{width:100%!important}#gitalk-container .gt-meta{margin:0 0 .8em;padding:.3rem 0 .8em}.katex-wrap{overflow:auto}.katex-wrap::-webkit-scrollbar{display:none}.mathjax-overflow{overflow:auto hidden}mjx-container[jax=CHTML][display=true]{overflow:auto hidden;padding-bottom:.3rem}#article-container .aplayer{margin:0 0 1rem}#article-container .aplayer ol,#article-container .aplayer ul{margin:0;padding:0}#article-container .aplayer ol li,#article-container .aplayer ul li{margin:0;padding:0 15px}#article-container .aplayer ol li::before,#article-container .aplayer ul li::before{content:none}#article-container .btn-center{margin:0 0 1rem;text-align:center}#article-container .btn-beautify{display:inline-block;margin:0 .2rem .3rem;padding:0 1rem;background-color:#777;color:#fff;line-height:2}#article-container .btn-beautify i+span{margin-left:.3rem}#article-container .btn-beautify:not(.block)+.btn-beautify:not(.block){margin:0 .2rem 1rem}#article-container .btn-beautify.block{display:block;margin:0 0 1rem;width:fit-content}#article-container .btn-beautify.block.center{margin:0 auto 1rem}#article-container .btn-beautify.block.right{margin:0 0 1rem auto}#article-container .btn-beautify.larger{padding:.3rem 1.3rem}#article-container .btn-beautify:hover{text-decoration:none}#article-container .btn-beautify.blue{background-color:#428bca}#article-container .btn-beautify.pink{background-color:#ff69b4}#article-container .btn-beautify.red{background-color:red}#article-container .btn-beautify.purple{background-color:#6f42c1}#article-container .btn-beautify.orange{background-color:#ff8c00}#article-container .btn-beautify.green{background-color:#5cb85c}#article-container .btn-beautify.outline{border:1px solid #777;background-color:transparent;color:#777;transition:all .3s ease 0s}#article-container .btn-beautify.outline.button--animated::before{background:#777}#article-container .btn-beautify.outline:hover{color:#fff!important}#article-container .btn-beautify.outline.blue{border-color:#428bca;color:#428bca}#article-container .btn-beautify.outline.blue.button--animated::before{background:#428bca}#article-container .btn-beautify.outline.pink{border-color:#ff69b4;color:#ff69b4}#article-container .btn-beautify.outline.pink.button--animated::before{background:#ff69b4}#article-container .btn-beautify.outline.red{border-color:red;color:red}#article-container .btn-beautify.outline.red.button--animated::before{background:red}#article-container .btn-beautify.outline.purple{border-color:#6f42c1;color:#6f42c1}#article-container .btn-beautify.outline.purple.button--animated::before{background:#6f42c1}#article-container .btn-beautify.outline.orange{border-color:#ff8c00;color:#ff8c00}#article-container .btn-beautify.outline.orange.button--animated::before{background:#ff8c00}#article-container .btn-beautify.outline.green{border-color:#5cb85c;color:#5cb85c}#article-container .btn-beautify.outline.green.button--animated::before{background:#5cb85c}figure.gallery-group{position:relative;float:left;overflow:hidden;margin:.3rem .2rem;width:calc(50% - .4rem);height:250px;border-radius:5px;background:#000;transform:translate3d(0,0,0)}@media screen and (max-width:600px){figure.gallery-group{width:calc(100% - .4rem)}}figure.gallery-group:hover img{opacity:.4;transform:translate3d(0,0,0)}figure.gallery-group:hover .gallery-group-name::after{transform:translate3d(0,0,0)}figure.gallery-group:hover p{opacity:1;filter:none;transform:translate3d(0,0,0)}figure.gallery-group img{position:relative;max-width:none;width:calc(100% + 20px);height:250px;backface-visibility:hidden;opacity:.8;transition:opacity .35s ease 0s,transform .35s ease 0s;transform:translate3d(-10px,0,0);object-fit:cover;margin:0!important}figure.gallery-group figcaption{position:absolute;top:0;left:0;padding:1.5rem;width:100%;height:100%;color:#fff;text-transform:uppercase;backface-visibility:hidden}figure.gallery-group figcaption>a{position:absolute;inset:0;z-index:1000;opacity:0}figure.gallery-group p{margin:0;padding:.4rem 0 0;letter-spacing:1px;font-size:1.1em;line-height:1.5;opacity:0;transition:opacity .35s ease 0s,transform .35s ease 0s;transform:translate3d(100%,0,0);-webkit-line-clamp:4}figure.gallery-group .gallery-group-name{position:relative;margin:0;padding:.4rem 0;font-weight:700;font-size:1.65em;line-height:1.5;-webkit-line-clamp:2}figure.gallery-group .gallery-group-name::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;content:"";transition:transform .35s ease 0s;transform:translate3d(-100%,0,0)}.gallery-group-main{overflow:auto;padding:0 0 .8rem}.justified-gallery{margin:0 0 .8rem}.justified-gallery img{opacity:0}.justified-gallery .img-alt{display:none}.justified-gallery .fancybox{width:auto;text-align:inherit}blockquote.pullquote{position:relative;max-width:45%;font-size:110%}blockquote.pullquote.left{float:left;margin:1em .5em 0 0}blockquote.pullquote.right{float:right;margin:1em 0 0 .5rem}.video-container{position:relative;overflow:hidden;margin-bottom:.8rem;padding-top:56.25%;height:0}.video-container iframe{position:absolute;top:0;left:0;margin-top:0;width:100%;height:100%}.hide-block>.hide-button,.hide-inline>.hide-button{display:inline-block;padding:.3rem 1rem;background:#307af6;color:var(--white)}.hide-block>.hide-button.open,.hide-inline>.hide-button.open{display:none}.hide-block>.hide-button.open+div,.hide-inline>.hide-button.open+div{display:block}.hide-block>.hide-button.open+span,.hide-inline>.hide-button.open+span{display:inline}.hide-block>.hide-content,.hide-inline>.hide-content{display:none}.hide-inline>.hide-button{margin:0 .3rem}.hide-inline>.hide-content{margin:0 .3rem}.hide-block{margin:0 0 .8rem}.hide-toggle{margin-bottom:1rem;border:1px solid #f0f0f0}.hide-toggle>.hide-button{padding:.3rem .5rem;background:#f0f0f0;color:#1f2d3d;cursor:pointer}.hide-toggle>.hide-button>i{font-size:1.2em;transition:all .3s ease 0s}.hide-toggle>.hide-button.open i{transform:rotate(90deg)}.hide-toggle>.hide-button.open+div{display:block}.hide-toggle>.hide-content{display:none;margin:1.5rem 1.2rem}#article-container .inline-img{display:inline;margin:0 3px;height:1.1em;vertical-align:text-bottom}.hl-label{padding:2px 4px;border-radius:3px;color:#fff}.hl-label.default{background-color:#777}.hl-label.blue{background-color:#428bca}.hl-label.pink{background-color:#ff69b4}.hl-label.red{background-color:red}.hl-label.purple{background-color:#6f42c1}.hl-label.orange{background-color:#ff8c00}.hl-label.green{background-color:#5cb85c}.note{position:relative;margin:0 0 1rem;padding:15px;border-radius:3px}.note.icon{padding-left:2.25rem}.note>.note-icon{position:absolute;top:calc(50% - .4rem);left:.7rem;font-size:larger}.note.blue:not(.disabled){border-left-color:#428bca!important}.note.blue:not(.disabled).modern{color:#428bca;border-left-color:transparent!important}.note.blue:not(.disabled):not(.simple){background:#e3eef7!important}.note.blue>.note-icon{color:#428bca}.note.pink:not(.disabled){border-left-color:#ff69b4!important}.note.pink:not(.disabled).modern{color:#ff69b4;border-left-color:transparent!important}.note.pink:not(.disabled):not(.simple){background:#ffe9f4!important}.note.pink>.note-icon{color:#ff69b4}.note.red:not(.disabled){border-left-color:red!important}.note.red:not(.disabled).modern{color:red;border-left-color:transparent!important}.note.red:not(.disabled):not(.simple){background:#ffd9d9!important}.note.red>.note-icon{color:red}.note.purple:not(.disabled){border-left-color:#6f42c1!important}.note.purple:not(.disabled).modern{color:#6f42c1;border-left-color:transparent!important}.note.purple:not(.disabled):not(.simple){background:#e9e3f6!important}.note.purple>.note-icon{color:#6f42c1}.note.orange:not(.disabled){border-left-color:#ff8c00!important}.note.orange:not(.disabled).modern{color:#ff8c00;border-left-color:transparent!important}.note.orange:not(.disabled):not(.simple){background:#ffeed9!important}.note.orange>.note-icon{color:#ff8c00}.note.green:not(.disabled){border-left-color:#5cb85c!important}.note.green:not(.disabled).modern{color:#5cb85c;border-left-color:transparent!important}.note.green:not(.disabled):not(.simple){background:#e7f4e7!important}.note.green>.note-icon{color:#5cb85c}.note.simple{border-width:1px 1px 1px 5px;border-style:solid;border-color:#eee;border-image:initial}.note.modern{background-color:#f5f5f5;color:#4c4948;border:1px solid transparent!important}.note.flat{border-top:initial;border-right:initial;border-bottom:initial;border-image:initial;border-left:5px solid #eee;background-color:#f9f9f9;color:#4c4948}.note h2,.note h3,.note h4,.note h5,.note h6{margin-top:3px;margin-bottom:0;border-bottom:initial;padding-top:0!important}.note blockquote:first-child,.note img:first-child,.note ol:first-child,.note p:first-child,.note pre:first-child,.note table:first-child,.note ul:first-child{margin-top:0!important}.note blockquote:last-child,.note img:last-child,.note ol:last-child,.note p:last-child,.note pre:last-child,.note table:last-child,.note ul:last-child{margin-bottom:0!important;font-size:14px!important}.note:not(.no-icon){padding-left:2.25rem}.note:not(.no-icon)::before{position:absolute;top:calc(50% - 15px);left:.7rem;font-size:larger}.note.default.flat{background:#f7f7f7}.note.default.modern{border-color:#e1e1e1;background:#f3f3f3;color:#666}.note.default.modern a:not(.btn){color:#666}.note.default.modern a:not(.btn):hover{color:#454545}.note.default:not(.modern){border-left-color:#777}.note.default:not(.modern) h2,.note.default:not(.modern) h3,.note.default:not(.modern) h4,.note.default:not(.modern) h5,.note.default:not(.modern) h6{color:#777}.note.default:not(.no-icon)::before{content:""}.note.default:not(.no-icon):not(.modern)::before{color:#777}.note.primary.flat{background:#f5f0fa}.note.primary.modern{border-color:#e1c2ff;background:#f3daff;color:#6f42c1}.note.primary.modern a:not(.btn){color:#6f42c1}.note.primary.modern a:not(.btn):hover{color:#453298}.note.primary:not(.modern){border-left-color:#6f42c1}.note.primary:not(.modern) h2,.note.primary:not(.modern) h3,.note.primary:not(.modern) h4,.note.primary:not(.modern) h5,.note.primary:not(.modern) h6{color:#6f42c1}.note.primary:not(.no-icon)::before{content:""}.note.primary:not(.no-icon):not(.modern)::before{color:#6f42c1}.note.info.flat{background:#eef7fa}.note.info.modern{border-color:#b3e5ef;background:#d9edf7;color:#31708f}.note.info.modern a:not(.btn){color:#31708f}.note.info.modern a:not(.btn):hover{color:#215761}.note.info:not(.modern){border-left-color:#428bca}.note.info:not(.modern) h2,.note.info:not(.modern) h3,.note.info:not(.modern) h4,.note.info:not(.modern) h5,.note.info:not(.modern) h6{color:#428bca}.note.info:not(.no-icon)::before{content:""}.note.info:not(.no-icon):not(.modern)::before{color:#428bca}.note.success.flat{background:#eff8f0}.note.success.modern{border-color:#d0e6be;background:#dff0d8;color:#3c763d}.note.success.modern a:not(.btn){color:#3c763d}.note.success.modern a:not(.btn):hover{color:#32562c}.note.success:not(.modern){border-left-color:#5cb85c}.note.success:not(.modern) h2,.note.success:not(.modern) h3,.note.success:not(.modern) h4,.note.success:not(.modern) h5,.note.success:not(.modern) h6{color:#5cb85c}.note.success:not(.no-icon)::before{content:""}.note.success:not(.no-icon):not(.modern)::before{color:#5cb85c}.note.warning.flat{background:#fdf8ea}.note.warning.modern{border-color:#fae4cd;background:#fcf4e3;color:#8a6d3b}.note.warning.modern a:not(.btn){color:#8a6d3b}.note.warning.modern a:not(.btn):hover{color:#714f30}.note.warning:not(.modern){border-left-color:#f0ad4e}.note.warning:not(.modern) h2,.note.warning:not(.modern) h3,.note.warning:not(.modern) h4,.note.warning:not(.modern) h5,.note.warning:not(.modern) h6{color:#f0ad4e}.note.warning:not(.no-icon)::before{content:""}.note.warning:not(.no-icon):not(.modern)::before{color:#f0ad4e}.note.danger.flat{background:#fcf1f2}.note.danger.modern{border-color:#ebcdd2;background:#f2dfdf;color:#a94442}.note.danger.modern a:not(.btn){color:#a94442}.note.danger.modern a:not(.btn):hover{color:#84333f}.note.danger:not(.modern){border-left-color:#d9534f}.note.danger:not(.modern) h2,.note.danger:not(.modern) h3,.note.danger:not(.modern) h4,.note.danger:not(.modern) h5,.note.danger:not(.modern) h6{color:#d9534f}.note.danger:not(.no-icon)::before{content:""}.note.danger:not(.no-icon):not(.modern)::before{color:#d9534f}#article-container .tabs{position:relative;margin:0 0 1rem;border-right:1px solid var(--tab-border-color);border-bottom:1px solid var(--tab-border-color);border-left:1px solid var(--tab-border-color)}#article-container .tabs>.nav-tabs{display:flex;flex-wrap:wrap;margin:0;padding:0;background:var(--tab-botton-bg)}#article-container .tabs>.nav-tabs>.tab{margin:4px;padding:0;list-style:none}@media screen and (max-width:768px){#article-container .tabs>.nav-tabs>.tab{-webkit-box-flex:1;flex-grow:1}}#article-container .tabs>.nav-tabs>.tab button i{width:1.5em}#article-container .tabs>.nav-tabs>.tab.active button{border-top:2px solid #307af6;background:var(--tab-button-active-bg);cursor:default}#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover{border-top:2px solid var(--tab-button-hover-bg);background:var(--tab-button-hover-bg)}#article-container .tabs>.tab-contents .tab-item-content{position:relative;display:none;padding:1.8rem 1.2rem;background:var(--heo-background);border:var(--style-border-always)}@media screen and (max-width:768px){#article-container .tabs>.tab-contents .tab-item-content{padding:1.2rem .7rem}}#article-container .tabs>.tab-contents .tab-item-content.active{display:block;animation:.5s ease 0s 1 normal none running tabshow}#article-container .tabs .tab-to-top{position:relative;display:block;margin:16px 0 0 auto;color:#99a9bf}@-webkit-keyframes tabshow{0%{transform:translateY(15px)}100%{transform:translateY(0)}}@keyframes tabshow{0%{transform:translateY(15px)}100%{transform:translateY(0)}}[data-theme=dark]{--global-bg:#191919;--font-color:rgba(255, 255, 255, 0.9);--hr-border:rgba(255, 255, 255, 0.3);--hr-before-color:rgba(255, 255, 255, 0.6);--search-bg:#1e1e1e;--search-input-color:rgba(255, 255, 255, 0.8);--search-result-title:rgba(255, 255, 255, 0.1);--preloader-bg:#1e1e1e;--preloader-color:rgba(255, 255, 255, 0.6);--tab-border-color:#2c2c2c;--tab-botton-bg:#2c2c2c;--tab-botton-color:#fff;--tab-button-hover-bg:#444;--tab-button-active-bg:#1e1e1e;--card-bg:#1e1e1e;--sidebar-bg:#1e1e1e;--btn-hover-color:#848484;--btn-color:#fff;--btn-bg:#3f3f3f;--text-bg-hover:#444;--light-grey:#fff;--white:#fff;--text-highlight-color:#fff;--blockquote-color:#fff;--blockquote-bg:#2c2c2c;--reward-pop:#2c2c2c;--toc-link-color:rgba(255, 255, 255, 0.6);--hl-color:rgba(255, 255, 255, 0.7);--hl-bg:#171717;--hltools-bg:#1a1a1a;--hltools-color:#90a4ae;--hlnumber-bg:#171717;--hlnumber-color:rgba(255, 255, 255, 0.4);--hlscrollbar-bg:#1f1f1f;--hlexpand-bg:linear-gradient(180deg, rgba(23, 23, 23, 0.6), rgba(23, 23, 23, 0.9))}[data-theme=dark] #article-container pre>code{background:#171717}[data-theme=dark] #article-container figure.highlight{box-shadow:none}[data-theme=dark] #article-container .note code{background:rgba(27,31,35,.05)}[data-theme=dark] #article-container .aplayer{filter:brightness(.8)}[data-theme=dark] #article-container kbd{border-color:#696969;background-color:#525252;color:#e2f1ff}[data-theme=dark] #page-header.nav-fixed>#nav,[data-theme=dark] #page-header.not-top-img>#nav{box-shadow:rgba(133,133,133,0) 0 5px 6px -5px}[data-theme=dark] .note{filter:brightness(.8)}[data-theme=dark] img{filter:brightness(.8)}[data-theme=dark] #aside-content .aside-list>.aside-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.1)}[data-theme=dark] #gitalk-container{filter:brightness(.8)}[data-theme=dark] #gitalk-container svg{fill:rgba(255,255,255,.9)!important}.search-dialog{position:fixed;top:5rem;left:50%;z-index:1001;display:none;margin-left:-15rem;padding:1rem;width:30rem;background:var(--search-bg);border-radius:5px}@media screen and (max-width:768px){.search-dialog{top:0;left:0;margin:0;width:100%;height:100%}}.search-dialog hr{margin:1rem auto}.search-dialog span.search-close-button{position:absolute;top:.8rem;right:1rem;color:#858585;font-size:1.4em;line-height:1;cursor:pointer;transition:color .2s ease-in-out 0s}.search-dialog span.search-close-button:hover{color:#307af6}.search-dialog__title{padding:0 0 .7rem;color:#307af6;font-size:1.4em;line-height:1}#search-mask{position:fixed;inset:0;z-index:1000;display:none;background:rgba(0,0,0,.6)}#algolia-search .search-dialog{animation:.5s ease 0s 1 normal none running titlescale}#algolia-search .search-dialog .ais-search-box{margin:0 auto;max-width:100%;width:100%}#algolia-search .search-dialog .ais-search-box input{padding:.25rem .7rem;outline:0;border:2px solid #307af6;border-radius:2rem;background:var(--search-bg);color:var(--search-input-color)}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item{position:relative;padding-left:1.2rem}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:hover::before{border-color:#ff7242}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item::before{position:absolute;top:.53em;left:0;width:.5em;height:.5em;border:.15rem solid #307af6;border-radius:.5em;background:0 0;content:"";line-height:.5em;transition:all .2s ease-in-out 0s}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a{display:block;color:var(--search-result-title);cursor:pointer}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover{color:#307af6}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item em{color:#f47466;font-weight:700}#algolia-search .search-dialog .ais-pagination.pagination{margin:.8rem 0 0;padding:0;text-align:center}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item{margin:0 .2rem;padding:0}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item a{display:inline-block;min-width:1.2rem;height:1.2rem;text-align:center;line-height:1.2rem}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a{background:#0079ff;color:#eee;cursor:default}#algolia-search .search-dialog .algolia-logo{padding-top:2px;width:4rem;height:1.5rem}#page{min-height:calc(100vh - 464px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--heo-scrollbar);border-radius:8px;cursor:pointer}::-webkit-scrollbar-thumb:hover{background:var(--heo-main);opacity:1;display:block!important}::-webkit-scrollbar-track{background-color:var(--heo-none)}html{overflow-y:overlay}.layout.hide-aside{max-width:1400px}[data-theme=dark] img{filter:brightness(1)}#nav{flex-wrap:nowrap;justify-content:space-between}#nav .menus_items .menus_item .menus_item_child{padding:6px 4px 8px 4px;border-radius:100px;background-color:var(--heo-card-bg);box-shadow:var(--heo-shadow-black);border:var(--style-border);transition:.3s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);top:35px}#nav .menus_items .menus_item .menus_item_child:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}#page-header.nav-fixed>#nav,#page-header.not-top-img>#nav{box-shadow:none}#sidebar #sidebar-menus .menus_items .site-page span:hover{color:var(--heo-fontcolor)}.site-page i.fa-chevron-down{display:none}.fa,.fa-brands,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat .iconfont{line-height:1}#nav .menus_items .menus_item .menus_item_child:before{top:-10px}#nav .menus_items .menus_item .menus_item_child li a:hover{background:var(--heo-main)!important;color:var(--heo-white)!important;box-shadow:var(--heo-shadow-main);margin:0 auto;transform:scale(1)!important;padding:.3rem .7rem}#nav .menus_items .menus_item .menus_item_child li a i:not(.fa-brands){font-size:1rem;margin-right:8px}#nav .menus_items .menus_item{padding:0 .4rem;display:flex;flex-direction:column;align-items:center;margin:auto}#nav .menus_items .menus_item .menus_item_child li{display:inline-flex;list-style:none;border-radius:5px;margin:0 4px}#nav a{border-radius:8px;color:var(--heo-white)}.nav-fixed #nav a{color:var(--heo-fontcolor);transition:.3s}#assist-open a{padding:0;pointer-events:none}#assist-open{transition:.3s;border-radius:40px}#assist-open:hover{color:var(--heo-white)!important;background:var(--heo-white-op)}#page-header.nav-fixed #assist-open:hover{background:var(--heo-main)}#page-header.nav-fixed #assist-open:hover i,.page #nav #assist-open.nav-button:hover i{color:var(--heo-white)}.page #nav #assist-open:hover{background:var(--heo-main)}.topbar-html{background:#aeaeae!important}@media screen and (max-width:768px){#assist-open{display:none}}#mozi-assist{position:fixed;z-index:999}.topbar-html-content{height:160px!important;align-items:flex-end;padding-bottom:12px}.topbar-html{box-shadow:none!important}.bigtext-html-btn{display:flex;align-items:center;justify-content:center}.topbar-html-content-item img{border-radius:12px!important}#page-header.nav-fixed #nav{top:0;box-shadow:none;background:var(--heo-card-bg);outline:1px solid var(--heo-card-border)}#nav{padding:0}#page-header #nav{box-shadow:none;transition:.3s;display:flex;justify-content:center;z-index:1000!important;-webkit-user-select:none}@media screen and (max-width:768px){#nav{padding:0}#page-header #nav{background:linear-gradient(to top,var(--heo-main-none) 0,var(--heo-main) 100%);transition:0s}}#page-header #nav #nav-group{max-width:1400px;width:100%;display:flex;position:relative;padding:0 1.5rem;align-items:center}#page-header #nav #nav-right{position:absolute;right:0;z-index:102;display:flex;flex-direction:row;height:100%;align-items:center;margin-right:1.5rem;overflow:hidden}#page-header #nav #nav-left{z-index:102;display:flex;flex-direction:row;height:100%;align-items:center;margin-right:1.5rem;overflow:hidden}@media screen and (max-width:1300px){#page-header #nav #nav-left{display:none}}.nav-button{cursor:pointer}#page-header #nav #nav-left .nav-button a,#page-header #nav #nav-right .nav-button a{height:35px;width:35px;display:flex;align-items:center;justify-content:center;border-radius:40px}#page-header #nav #nav-left .nav-button a i,#page-header #nav #nav-right .nav-button a i{line-height:1}#page-header #nav #nav-left div,#page-header #nav #nav-right div{margin-left:.5rem;padding:0}@media screen and (max-width:768px){#nav #menus{display:none!important}#nav.hide-menu #toggle-menu .site-page{width:35px;height:35px;display:flex;align-items:center;justify-content:center}#page-header #nav #nav-group{width:100%;display:flex;position:relative;padding:0 12px}#page-header #nav #nav-right{margin-right:12px}}#nav.show{transform:translate3d(0,0,0)!important;top:0;transition:.2s;position:fixed;z-index:91}#page-header.not-top-img #nav{transition:.3s;background:var(--heo-card-bg)}@media screen and (max-width:768px){#page-header.not-top-img #nav{background:var(--heo-card-bg)!important}#page-header.not-top-img:not(.nav-fixed) #nav{background:var(--heo-background)!important}}#page-header.not-top-img:not(.nav-fixed) #nav{background:var(--heo-none)}#page-header.nav-fixed #nav #menus>div.menus_items{transition:.3s;height:40px;margin:auto 0}#page-header.not-top-img{margin-bottom:0}#nav #toggle-menu{padding:0 .4rem}#page-header.no-top-img{margin-bottom:0}.layout{padding:1rem 1.5rem}@media screen and (min-width:1300px){.layout{display:flex;justify-content:space-between;padding:1rem 1.5rem}}#site-name .iconfont{font-size:20px;font-weight:400;line-height:48px}#site-logo{width:121px}#site-logo:hover{transform:scale(1.03)}#nav-totop{position:relative;width:35px;height:35px;transition:.3s;display:flex;border-radius:40px;transition:all .3s ease-in-out;align-items:center}#nav-totop.long{width:70px}#nav-totop .totopbtn{padding-top:0}#nav-totop .totopbtn i{position:absolute;display:flex;font-size:.8rem;opacity:0}#nav-totop:hover .totopbtn i{opacity:1;color:var(--heo-white);transition:.3s}#nav-totop #percent{font-size:12px;border-radius:35px;display:flex;justify-content:center;align-items:center;transition:.3s;white-space:nowrap}.nav-fixed #nav-totop #percent,.page #nav-totop #percent{font-size:12px;border-radius:35px;display:flex;justify-content:center;align-items:center;transition:.3s;white-space:nowrap}#page-header:not(.nav-fixed) #percent{transition:.3s}#page-header:not(.nav-fixed) #nav-totop{width:0;transform:scale(0);transition:.3s;margin-left:0!important;overflow:hidden;transition:.3s ease-in}#nav-totop:hover #percent{opacity:0;font-weight:700}#page-header #nav #nav-right .nav-button a.totopbtn{width:25px;height:25px;border-radius:40px;background:var(--heo-fontcolor);color:var(--card-bg);position:absolute;top:5px;right:5px;transition:.3s}#page-header #nav #nav-right .nav-button.long a.totopbtn{width:70px}#page-header #nav #nav-right .nav-button:hover a.totopbtn{background:var(--heo-main)}#page-header #nav #nav-right .nav-button:not(.long):hover a.totopbtn{width:35px;height:35px;top:0;right:0}#nav #site-name i{font-size:50px;line-height:35px;padding:0 12px}.back-home-button{display:flex;width:35px;height:35px;padding:0!important;align-items:center;justify-content:center;margin-right:4px;transition:.3s;border-radius:8px;color:var(--heo-white);border-radius:40px}@media screen and (max-width:768px){.back-home-button{display:none}}.nav-fixed #nav .back-home-button{color:var(--heo-fontcolor)}#page-header.not-top-img #nav .back-home-button{color:var(--heo-fontcolor)}.back-home-button:hover{background:var(--heo-main);color:var(--heo-white)!important}.back-menu-list-groups .back-menu-list{display:flex;flex-direction:row;flex-wrap:wrap;width:340px;justify-content:space-between}.back-menu-list-groups .back-menu-list::before{position:absolute;top:-15px;left:0;width:100%;height:20px;content:''}.back-menu-list-groups .back-menu-list .back-menu-item{display:flex;align-items:center;margin:4px 8px;padding:4px 8px!important;transition:.3s;border-radius:8px}.back-menu-list-groups .back-menu-list .back-menu-item:hover{background:var(--heo-main)!important;transform:scale(1)!important}.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-icon{width:24px;height:24px;border-radius:8px;background:var(--heo-none)}.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-text{font-size:var(--global-font-size);margin-left:.5rem;color:var(--heo-fontcolor);font-size:14.3px}.back-menu-list-groups .back-menu-list .back-menu-item:hover .back-menu-item-text{color:var(--heo-white)}.back-home-button .back-menu-list-group{display:flex;flex-direction:column}.back-home-button .back-menu-list-groups{position:absolute;top:65px;left:1.5rem;background:var(--heo-card-bg);border-radius:12px;border:var(--style-border);flex-direction:column;font-size:12px;color:var(--heo-secondtext);box-shadow:var(--heo-shadow-border);transition:0s;opacity:0;pointer-events:none}.back-home-button .back-menu-list-groups:hover{border:var(--style-border-hover)}.back-home-button .back-menu-list-group .back-menu-list-title{margin:8px 0 0 16px;transition:.3s}.back-home-button .back-menu-list-group:hover .back-menu-list-title{color:var(--heo-main)}.back-home-button:hover .back-menu-list-groups{display:flex;opacity:1;transition:.3s;top:55px;pointer-events:auto;left:1.5rem}.back-home-button .back-menu-list .back-menu-item{width:150px}@media screen and (max-width:768px){.back-home-button .back-menu-list-groups{left:0}.back-home-button:hover .back-menu-list-groups{padding-bottom:8px;box-shadow:var(--heo-shadow-border);left:0}}#nav #blog_name{flex-wrap:nowrap;height:60px;display:flex;align-items:center;z-index:102;transition:.3s}@media screen and (min-width:900px){#nav #site-name{opacity:1;transition:.3s;overflow:hidden}#nav #site-name i{transition:.3s}#nav #site-name:hover i{opacity:0;transition:.3s}#nav #site-name span{transition:.3s}#nav #site-name:hover span{opacity:0;transition:.3s}#page-header.nav-fixed #nav #site-name{opacity:1;transition:.1s;border-radius:40px}#page-header.nav-visible #nav #site-name{opacity:1;transition:.1s}#nav #site-name:after{background:url(../images/home.webp) no-repeat 50% 50%;opacity:0;position:absolute;display:flex;z-index:1;width:74px;height:58px;content:"";transition:0s;transition-timing-function:ease-in;transform:scale(.4)}.post #nav #site-name:hover{background:var(--heo-white-op)}.nav-fixed #nav #site-name:hover{background:var(--heo-main)}#nav #site-name:hover:after{opacity:1;transform:translateY(0) scale(.3);transition-timing-function:ease-in}#nav .back-home-button:hover{box-shadow:var(--heo-shadow-main)}#nav #page-name-text{display:inline;font-weight:700;padding:4px 8px;opacity:0;transition:.1s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;text-align:center;cursor:pointer;top:0;font-size:.9rem;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}#nav #page-name-text:hover{color:var(--heo-main)!important;background:var(--heo-none);box-shadow:none}#page-header.nav-fixed #nav #page-name-text{display:inline;opacity:1;transition:.3s;line-height:1;border-radius:100px;min-width:100px}#page-header.nav-fixed #nav #page-name-text:hover:after{opacity:1;line-height:36px}#page-header.nav-fixed #nav div.menus_items{transition:.15s;position:relative;top:-60px}#page-header.nav-fixed.nav-visible #nav #page-name-text{display:inline;transition:.15s}#page-header.nav-fixed.nav-visible #nav div.menus_items{opacity:1;transition:.15s;position:relative;top:0}#page-name{align-items:center;display:flex;border-radius:12px;height:40px;position:absolute;top:62px;left:0;right:0;margin:auto;justify-content:center;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}#page-header.nav-fixed #nav #menus{z-index:100}#page-header.nav-fixed.nav-visible #nav #menus{z-index:101}#page-header.nav-fixed #page-name{z-index:101;transition:.3s;top:10px}#page-header.nav-fixed.nav-visible #page-name{z-index:100;top:62px;transition:.3s}#page-name-mask{width:100%;height:100%;position:absolute;overflow:hidden;left:0}}@media screen and (max-width:899px){#nav #page-name-mask{display:none!important}}@media screen and (max-width:1300px){#nav-music{display:none!important}}#nav-music{display:flex;align-items:center;z-index:1001;position:fixed;bottom:20px;left:20px;cursor:pointer;transition:.3s;transform-origin:left bottom;box-shadow:var(--heo-shadow-border);border-radius:40px}#nav-music:active{transform:scale(.97)}#nav-music.playing{box-shadow:0 0 12px -3px var(--heo-none);-webkit-animation:playingShadow 5s linear infinite}@-webkit-keyframes playingShadow{0%{box-shadow:0 0 12px -3px var(--heo-none)}50%{box-shadow:0 0 12px 0 var(--heo-main)}100%{box-shadow:0 0 12px -3px var(--heo-none)}}#nav-music .aplayer.aplayer-withlrc .aplayer-pic{height:25px;width:25px;border-radius:40px;z-index:1;transition:.3s;-webkit-transform:rotate(0) scale(1);border:var(--style-border-always);-webkit-animation:changeright 24s linear infinite;animation-play-state:paused}#nav-music.playing .aplayer.aplayer-withlrc .aplayer-pic{box-shadow:0 0 14px #ffffffa6;-webkit-transform:rotate(0) scale(1.1);border-color:var(--heo-white);animation-play-state:running}@-webkit-keyframes changeright{0%{-webkit-transform:rotate(0) scale(1.1);box-shadow:0 0 2px #ffffff00}25%{-webkit-transform:rotate(90deg) scale(1.1);box-shadow:0 0 14px #fff}50%{-webkit-transform:rotate(180deg) scale(1.1);box-shadow:0 0 2px #ffffff00}75%{-webkit-transform:rotate(270deg) scale(1.1);box-shadow:0 0 14px #fff}100%{-webkit-transform:rotate(360deg) scale(1.1);box-shadow:0 0 2px #ffffff00}}#nav-music .aplayer.aplayer-withlrc .aplayer-info{height:100%;color:var(--heo-fontcolor);margin-left:8px;padding:0;display:flex;align-items:center}#nav-music.playing .aplayer.aplayer-withlrc .aplayer-info{color:var(--heo-white)}#nav-music #nav-music-hoverTips{color:var(--heo-white);background:var(--heo-main);width:100%;height:100%;position:absolute;top:0;left:0;align-items:center;justify-content:center;display:flex;border-radius:40px;opacity:0;font-size:12px;transition:0s;z-index:2;pointer-events:none;transition:.3s}#nav-music:hover:not(.playing) #nav-music-hoverTips{opacity:1}#nav-music.playing #nav-music-hoverTips{opacity:0}#nav-music .aplayer{background:var(--card-bg);border-radius:60px;height:41px;display:flex;margin:0;pointer-events:none;transition:.3s;border:var(--style-border);box-shadow:none}#nav-music.playing .aplayer{background:var(--heo-main-op-deep);border:var(--style-border-hover);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}#nav-music .aplayer .aplayer-notice{display:none}#nav-music .aplayer .aplayer-miniswitcher{display:none}#nav-music .aplayer .aplayer-body{position:relative;display:flex;align-items:center;padding:0 8px;padding-right:12px}#nav-music .aplayer .aplayer-pic .aplayer-play{opacity:0}#nav-music .aplayer-list{display:none}#nav-music .aplayer .aplayer-info .aplayer-music{margin:0;display:flex;align-items:center;padding:0;z-index:1}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time{display:none}#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author{display:none}#nav-music .aplayer.aplayer-withlist .aplayer-info{border:none}#nav-music .aplayer .aplayer-pic div{display:none}#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title{cursor:pointer;line-height:1;display:inline-block;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;transition:.3s}#nav-music .aplayer .aplayer-info .aplayer-controller{position:absolute;width:100%;height:100%;top:0;left:0}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0;padding:0}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{height:100%;background:0 0}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{display:none}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{height:100%;opacity:.1;background-color:var(--heo-white)!important;-webkit-animation:lightBar 5s ease infinite}@-webkit-keyframes lightBar{0%{opacity:.1}60%{opacity:.3}100%{opacity:.1}}#nav-music .aplayer.aplayer-withlrc .aplayer-lrc{width:0;opacity:0;transition:.3s;margin-left:8px;margin-top:-2px}#nav-music.playing .aplayer.aplayer-withlrc .aplayer-lrc{width:200px;margin-bottom:0;opacity:1}#nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current{color:var(--heo-white);border:none}#nav-music .aplayer .aplayer-lrc:after,#nav-music .aplayer .aplayer-lrc:before{display:none}#nav-music .aplayer .aplayer-lrc p{color:#ffffffb3}i.fab{font-size:20px;vertical-align:middle;margin-bottom:4px}#body-wrap .full_page:before{background-color:var(--heo-none)!important;transition:0s!important}.full_page #page-header:before{display:none!important}.snackbar-container{background:var(--heo-main)!important;color:var(--heo-white)!important;border-radius:0!important;display:flex;justify-content:center!important;max-width:none!important;min-width:100%!important;margin:0!important;left:0!important;height:60px!important;transform:none!important}.snackbar-container p{font-weight:700!important;text-align:center!important;font-size:.8rem!important;display:flex!important;justify-content:center!important}.snackbar-container .action{color:var(--heo-white)!important;padding:4px 6px!important;font-weight:700;border-radius:8px!important;transition:.3s;border:var(--style-border)!important}.snackbar-container .action:hover{color:var(--heo-main)!important;background:var(--heo-white)!important}.snackbar-container::after{position:absolute;width:0;height:100%;left:0;top:0;background:var(--heo-white);opacity:.1;content:"";animation:snackbar-progress var(--heo-snackbar-time) linear forwards;pointer-events:none}@keyframes snackbar-progress{from{width:0}to{width:100%}}#nav a{transition:.3s}#nav a:hover{color:var(--heo-white)!important;background:var(--heo-white-op);transition:.3s}.page #nav a:hover{color:var(--heo-white)!important;background:var(--heo-main);transition:.3s;box-shadow:var(--heo-shadow-main)}.nav-fixed #nav a:hover{background:var(--heo-main);transition:.3s}@media screen and (min-width:768px){.menus_item:hover>a.site-page{color:var(--heo-white)!important;background:var(--heo-white-op);transition:.3s;box-shadow:var(--heo-shadow-main)}.page .menus_item:hover>a.site-page{color:var(--heo-white)!important;background:var(--heo-main);transition:.3s;box-shadow:var(--heo-shadow-main)}.nav-fixed .menus_item:hover>a.site-page{background-color:var(--heo-main)}}@media screen and (max-width:768px){#sidebar #sidebar-menus .menus_items li .site-page:hover{background:var(--heo-main);color:var(--heo-white)}#sidebar #sidebar-menus .menus_items li .site-page span:hover{color:var(--heo-white)}}.nav-fixed #nav #site-name i{color:var(--heo-fontcolor);transition:.3s}#nav #site-name:hover i{color:var(--heo-white)}#search-mask{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--heo-maskbg)}#algolia-search .search-dialog .ais-search-box input{border-radius:8px!important;border:var(--style-border)}#algolia-search .search-dialog .ais-search-box input:focus{border:var(--style-border-hover)}#algolia-search .search-dialog .ais-search-box input::placeholder{opacity:.6}#algolia-input-panel{margin-bottom:8px}.search-dialog{border-radius:12px!important;box-shadow:var(--heo-shadow-lightblack);background:var(--heo-card-bg);border:var(--style-border);transition:.3s}.search-dialog:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-theme)}.search-dialog__title{font-weight:700;color:var(--heo-main)}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover{color:var(--heo-hovertext)}#algolia-search .search-dialog .algolia-logo{display:none}#algolia-tips{padding-top:12px;color:var(--heo-secondtext);right:0;margin:auto}.algolia-tips-text{margin-left:.4rem}#algolia-search-results{padding-top:8px}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:before{display:none}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item{padding-left:0;font-weight:700}#algolia-search .search-dialog .ais-pagination.pagination{margin:.2rem 0 0}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item em{color:var(--heo-theme);font-style:normal}#algolia-search .search-dialog .ais-search-box{padding-top:8px}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a{border-radius:4px;background:var(--heo-main);color:var(--heo-white)}a{color:var(--heo-fontcolor)}a:hover{color:var(--heo-hovertext)}hr{display:none}#footer-wrap{color:var(--heo-fontcolor)}#footer-wrap a{color:var(--heo-fontcolor);height:44px;line-height:36px}#footer-wrap a:hover{color:var(--heo-hovertext);background-color:var(--heo-none)}div#footer_deal{justify-content:center;display:flex;padding-top:2rem;align-items:center}#card-poem{display:flex;flex-direction:column;padding:.5rem!important;min-height:130px}div#poem_sentence{text-align:center;font-family:serif,cursive;line-height:1.4;margin-bottom:.5rem;padding:1rem;border-radius:12px;background:var(--heo-secondbg);min-height:62px}div#poem_info{display:flex;color:var(--heo-secondtext);font-size:.5rem;justify-content:center;flex-wrap:wrap}div#poem_author{order:1;padding:2px;margin-left:8px}div#poem_dynasty{order:0;padding:2px 4px 2px 6px;background:var(--heo-card-btn-bg);color:var(--heo-fontcolor);border-radius:8px}@media screen and (max-width:768px){img.footer_mini_logo{display:none}div#footer_deal{flex-wrap:wrap;flex-direction:row}}a.deal_link{display:flex;margin:1rem 27px;color:var(--heo-card-bg);border-radius:3rem;width:32px;height:32px;background:var(--heo-fontcolor);justify-content:center;align-items:center;transition:.3s}a.deal_link:hover{color:var(--heo-white);background:var(--heo-main)}img.footer_mini_logo{width:50px;height:50px;margin:0 1rem;cursor:pointer;transition:cubic-bezier(0,0,0,1.29) .5s}img.footer_mini_logo:hover{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}@media screen and (min-width:1300px){img.footer_mini_logo:hover{transform:scale(1.03)}img.footer_mini_logo:active{transform:scale(.97)}}#weblogo{align-self:center}#footer-wrap a#heoblog_footerlogo:hover{background:var(--heo-none)}.heoblog_footerlogo_img{filter:drop-shadow(0 12px 12px #ee7d7936)}.heoblog_footerlogo_img:hover{transform:scale(1.03)}#nav #menus{display:flex;justify-content:center;width:100%;position:absolute;height:60px;left:0;margin:0}#nav .menus_items{position:relative;width:fit-content;text-align:center;left:0;right:0;top:0;display:flex;flex-direction:row;justify-content:center}#menus>div.menus_items>div>a{letter-spacing:.3rem;padding-left:.7rem;font-weight:700;padding-top:0;padding-bottom:0;height:35px;line-height:35px;border-radius:40px}#nav .menus_items .menus_item .menus_item_child li a{letter-spacing:0;display:flex;align-items:center;border-radius:100px;padding:.3rem 1rem;width:100%;color:var(--heo-fontcolor)!important;text-shadow:none!important}#page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items{transform:translateX(-150px)}#travellings_button{display:inline;padding:0 .4rem;transition:.3s}@media screen and (max-width:768px){#page-header.nav-fixed #travellings_button{opacity:0}}#rightMenu{display:none;position:fixed;padding:0 .25rem;width:9rem;height:fit-content;top:10%;left:10%;background-color:var(--heo-maskbgdeep);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--heo-fontcolor);border-radius:12px;z-index:99994;border:var(--style-border);user-select:none;box-shadow:var(--heo-shadow-black)}#rightMenu:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-theme)}#rightMenu .rightMenu-group{padding:.35rem .3rem;transition:.3s}#rightMenu .rightMenu-line{border-top:1px dashed var(--heo-theme-op)}#rightMenu .rightMenu-group.rightMenu-small{display:flex;justify-content:space-between}#rightMenu .rightMenu-group .rightMenu-item{border-radius:8px;transition:.3s;cursor:pointer}#rightMenu .rightMenu-line .rightMenu-item{margin:.25rem 0;padding:.25rem 0}#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item{display:flex}#rightMenu .rightMenu-group .rightMenu-item:hover{background-color:var(--heo-main);color:var(--heo-white);box-shadow:var(--heo-shadow-main)}#rightMenu .rightMenu-group .rightMenu-item:active{transform:scale(.97)}#rightMenu .rightMenu-group .rightMenu-item i{display:inline-block;text-align:center;line-height:1.5rem;width:1.5rem;padding:0 .25rem}#rightMenu .rightMenu-line .rightMenu-item i{margin:0 .25rem}#rightMenu .rightMenu-group .rightMenu-item span{line-height:1.5rem}.rightMenu-small .rightMenu-item{width:30px;height:30px;line-height:30px}#rightmenu-mask{position:fixed;width:100vw;height:100vh;background:0 0;top:0;left:0;display:none;z-index:101;margin:0!important;z-index:99993}#darkmode_navswitch{display:inline;position:relative}#darkmode_navswitch a i{font-size:.9rem}[data-theme=dark] #page-header.not-top-img #nav .darkmode_switchbutton{color:var(--heo-yellow)}a.darkmode_switchbutton{padding:4px 8px!important;cursor:pointer;margin:0!important;font-size:.9rem;color:var(--heo-fontcolor)}[data-theme=dark] a.darkmode_switchbutton{background:var(--heo-orange)!important;color:var(--heo-white)!important}a.console_switchbutton{padding:4px 8px!important;cursor:pointer}@media screen and (max-width:768px){#nav-console{display:none}}#nav .site-page{text-shadow:.05rem .05rem .1rem transparent;border-radius:8px}#nav .site-page{color:var(--heo-white)}.nav-fixed #nav .site-page{color:var(--heo-fontcolor)}.post-bg #nav #site-name{color:var(--heo-white);transition:0s}#nav #site-name{color:var(--heo-fontcolor);padding:0;transition:.3s;display:flex;height:35px;justify-content:center;align-items:center;text-shadow:none;border-radius:40px}#search-button>a>span{display:none}#nav .menus_items .menus_item i.expand{display:none}#rightside{display:none;padding-right:8px;position:fixed;right:-38px;bottom:40px;z-index:100;opacity:0;transition:all .5s ease 0s}#rightside>div>a,#rightside>div>button{margin-bottom:8px;transition:.3s}#rightside>div>a:hover,#rightside>div>button{transition:.3s}#rightside #rightside-config-hide{transform:translate(42px,0)}#footer{background:linear-gradient(180deg,var(--heo-card-bg-none) 0,var(--heo-card-bg) 25%);margin-top:.5rem;display:flex;flex-direction:column}@media screen and (max-width:768px){#footer{background:linear-gradient(180deg,var(--heo-background) 0,var(--heo-card-bg) 25%);margin-top:0;z-index:999}}#algolia-search .ais-hits--item.algolia-hit-item a{color:var(--heo-fontcolor)}.aplayer .aplayer-list ol{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.aplayer .aplayer-lrc:after{display:none!important}.aplayer.aplayer-withlrc.aplayer-withlist{border-radius:12px}#article-container .aplayer{border-radius:12px;min-height:90px;background:var(--heo-card-bg);border:var(--style-border);box-shadow:var(--heo-shadow-border)}#article-container.flink{margin-top:1rem}#article-container.flink h2{margin-top:.5rem;margin-bottom:0}#algolia-hits .tag-list{padding:4px 8px;border-radius:8px;margin-right:.5rem;margin-top:.5rem;border:var(--style-border-always);cursor:pointer}#algolia-hits .tag-list:hover{background:var(--heo-main);color:var(--heo-white)}#mobile-sidebar #mobile-sidebar-menus.open{background:var(--heo-maskbg)}#aside-content .card-info .card-info-data>.card-info-data-item{transition:.3s}#sidebar #sidebar-menus .site-data{margin:1rem 0;padding:.6rem .5rem}#sidebar-menus>hr{display:none}#card-info-btn{border-radius:25px;overflow:hidden}#card-info-btn:before{border-radius:25px}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a{color:var(--heo-fontcolor);width:auto;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.not-index-bg{height:2rem!important;background-image:none!important;background-color:var(--heo-none)!important}.not-index-bg img{display:none}.not-index-bg #page-site-info{display:none}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2000;position:fixed;margin:auto;top:4px;left:0;right:0;height:8px;border-radius:8px;width:4rem;background:var(--heo-secondbg);border:var(--style-border);overflow:hidden}.pace-inactive .pace-progress{opacity:0;transition:.3s ease-in}.pace .pace-progress{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);max-width:200px;position:fixed;z-index:2000;display:block;position:absolute;top:0;right:100%;height:100%;width:100%;background:var(--heo-logo-color);animation:gradient 2s ease infinite;background-size:200%}.pace.pace-inactive{opacity:0;transition:.3s;top:-8px}@media screen and (max-width:1300px){#aside-content .sticky_layout{top:60px}}@media screen and (min-width:768px){#aside-content .sticky_layout{margin-top:1rem}}@media screen and (min-width:1300px){#aside-content .sticky_layout{margin-top:1rem}}#aside-content .sticky_layout{top:80px;transition:top 0s}#aside-content .sticky_layout .card-widget:first-child{margin-top:0}#aside-content .card-widget:hover{box-shadow:var(--heo-shadow-border)}#aside-content #card-funds{margin-bottom:1rem;min-height:260px}#page-header.nav-visible+.layout>.aside-content>.sticky_layout{top:80px}#aside-content{width:300px}@media screen and (max-width:1300px){#aside-content{width:300px}}@media screen and (max-width:900px){#aside-content{display:none}}.card-widget.card-recent-post{padding:.4rem .6rem!important}#aside-content .aside-list>.aside-list-item .content>time{display:none}#aside-content .aside-list>.aside-list-item .content>.title{-webkit-line-clamp:3;font-weight:700;padding:2px 0}#aside-content .aside-list>.aside-list-item{padding:8px;padding-top:6px!important;padding-bottom:6px!important;border-radius:12px;transition:.3s;margin:4px 0;cursor:pointer}@media screen and (min-width:1300px){#aside-content .aside-list>.aside-list-item:hover{transform:scale(1.03)}#aside-content .aside-list>.aside-list-item:active{transform:scale(.97)}}#aside-content .aside-list>.aside-list-item:hover .thumbnail>img{transform:scale(1)}#aside-content .aside-list>.aside-list-item:not(:last-child){border-bottom:0 dashed var(--heo-background)!important}#aside-content .aside-list>.aside-list-item .thumbnail{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000);border-radius:8px;border:var(--style-border)}#aside-content .aside-list>.aside-list-item:hover{background:var(--heo-main);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-main)}#aside-content .aside-list>.aside-list-item:hover a{color:var(--heo-white)!important}.main-hero-waves-area{width:100%;position:absolute;left:0;bottom:-11px;z-index:5}.waves-area .waves-svg{width:100%;height:60px}.parallax>use{animation:move-forever 30s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;fill:var(--heo-background);opacity:.5}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;fill:var(--heo-background);opacity:.6}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;fill:var(--heo-background);opacity:.7}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;fill:var(--heo-background)}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@media (max-width:768px){.main-hero-waves-area{display:none}}a.card-archive-list-link-more{color:var(--heo-white)!important;background:var(--heo-card-btn-bg);margin-top:8px}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,#aside-content .card-categories ul.card-category-list>.card-category-list-item a{border-radius:8px;margin:4px 0;display:flex;flex-direction:column;align-content:space-between;border:var(--style-border)}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child{width:auto}#aside-content .card-archives ul.card-archive-list,#aside-content .card-categories ul.card-category-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.card-allinfo hr{display:flex;position:relative;margin:1rem 0;border:1px dashed var(--heo-theme-op)}.card-allinfo .item-headline{display:none}span.card-archive-list-count{width:auto;text-align:left;font-size:1.1rem;line-height:.9;font-weight:700}.card-archive-list-count-group{display:flex;flex-direction:row;align-items:baseline}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:last-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:last-child{width:fit-content;margin-left:4px}.card-archive-list-count-unit{width:auto;text-align:left;font-size:14px;font-weight:700}.card-archive-list-date{font-size:14px;opacity:.6}li.card-archive-list-item{width:100%;flex:0 0 48%}.card-category-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.card-category-list-item{width:45%}.card-category-list-count{display:none!important}.card-category-list-name{width:100%!important;text-align:center}.webinfo-item{display:flex;white-space:nowrap}.webinfo-item-title{display:flex}.webinfo-item-title i{line-height:2;margin-right:6px;width:16px;text-align:center}@media screen and (min-width:1300px){#aside-content{padding-left:1rem}#aside-content .sticky_layout{top:calc(60px + .5rem)}#page-header.nav-visible+.layout>.aside-content>.sticky_layout{top:calc(60px + .5rem)}[data-theme=dark] #aside-content>.card-widget.card-info{border:var(--style-border)}.coverdiv{height:130%}}.medium-zoom-overlay{background:var(--heo-maskbg)!important;z-index:99998!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}.medium-zoom-image--opened{border-radius:2px}#toggle-sidebar{bottom:80px}.button--animated{border-radius:8px!important;transition:.3s}#error-wrap .error-content .error-info a:hover{background-color:var(--heo-blue);transition:.3s;box-shadow:var(--heo-shadow-blue)}.button--animated:before{display:none}a.tree-list-post-link{font-size:.8rem;line-height:1.2!important}li.tree-list-item{line-height:1.9;margin:.3rem 0}.title-h2-a{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.title-h2-a a{margin-left:.5rem;color:var(--heo-secondtext);font-weight:700}.title-h2-a a:hover{color:var(--heo-hovertext)}.title-h2-a-left{display:flex;align-items:center}.title-h2-a-left h2{margin-top:0!important;margin-bottom:0!important}#card-funds .funds-list::-webkit-scrollbar{display:none!important}.funds-tips{font-size:.5rem;width:100%;text-align:center;color:var(--heo-secondtext);margin:.5rem 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:.5rem;left:0;padding:0 1rem}.funds-list{height:200px;overflow:scroll}span.fund_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funds-info{margin-left:4px;color:var(--heo-secondtext)}.funds-list-item .content{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap}.fund_dayGrowth{display:inline;float:right}.fund-up{color:var(--heo-red)}.fund-down{color:var(--heo-green)}#aside-content .card-widget#card-music{background:var(--heo-pink);display:flex;justify-content:center;align-content:center;padding:0;cursor:pointer;border:none}#aside-content .card-widget#card-music img{max-height:110px;object-fit:cover}#aside-content .card-widget#card-music:hover img{transform:scale(1.03);transition:.5s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.music-link{display:flex;justify-content:center;align-content:center}#aside-content .card-widget#card-friendlinks{background:var(--heo-main);display:flex;justify-content:center;align-content:center;padding:0;cursor:pointer;border:none}#aside-content .card-widget#card-friendlinks img{max-height:110px;object-fit:cover}#aside-content .card-widget#card-friendlinks:hover img{transform:scale(1.03);transition:.5s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.friend-link{display:flex;justify-content:center;align-content:center}#aside-content .card-widget#card-wechat{background:#07c160;display:flex;justify-content:center;align-content:center;padding:0;cursor:pointer;border:none;height:110px}#aside-content .card-widget#card-wechat img{max-height:110px;object-fit:cover}.friend-link{display:flex;justify-content:center;align-content:center}#flip-wrapper{position:relative;width:235px;height:110px;z-index:1}#flip-wrapper{-webkit-perspective:1000;perspective:1000}#flip-content{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:cubic-bezier(0,0,0,1.29) .3s}#flip-wrapper:hover #flip-content{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-size:100%}.back.face{display:block;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);box-sizing:border-box;background-size:100%}#card-vip-designweekly.card-widget{display:flex!important;padding:0;cursor:pointer}#card-vip-designweekly.card-widget .card-vip-designweekly-img{width:100%;object-fit:cover}.card-vip-tips{display:flex;position:absolute;font-size:12px;bottom:8px;left:8px;padding:1px 6px;background:var(--heo-black-op);border-radius:8px;color:var(--heo-white)}#widget-tree-button{background-color:var(--heo-secondbg)!important;box-shadow:var(--heo-shadow-light2black)!important;color:var(--heo-fontcolor)}#widget-tree:hover #widget-tree-button{opacity:0;left:-1.5rem}#widget-tree{background-color:var(--heo-maskbg)!important}#widget-tree:hover{left:0!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#widget-tree a{-webkit-line-clamp:2;color:var(--heo-fontcolor)!important}#widget-tree a:hover{color:var(--heo-hovertext)!important}.toggle-post-icon,.toggle-toc-icon{color:var(--heo-fontcolor)!important}@media screen and (max-width:768px){#widget-tree{display:none!important}}.guli_top{position:fixed;z-index:99;right:30px;display:flex;transition:.3s;opacity:0;bottom:-25px;width:88px;height:123px;user-select:none}.guli_top.guli-fixed{opacity:1;bottom:25px}#guli_top .guli_body{position:relative;height:123px;z-index:1003}#guli_top .guli_body:hover{cursor:pointer}#guli_top .guli_wing{position:relative;height:64px;z-index:1002;bottom:-120px;transform:scale(.01);box-shadow:var(--heo-shadow-yellow)}#guli_top.open_wing .guli_wing{transform:scale(1.03)}#guli_top.open_wing .guli_body{transform:scale(1)}@media screen and (max-width:1300px){#guli_top{display:none}}#cookies-window{min-width:300px;background:var(--heo-maskbgdeep);color:var(--heo-fontcolor);padding:8px 16px;display:flex;flex-direction:column;bottom:20px;right:20px;position:fixed;border-radius:12px;transition:.3s;z-index:1002;user-select:none;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transform:translateZ(0);border:var(--style-border);animation:barrageIn .6s cubic-bezier(.42,0,.3,1.11)}#cookies-window.cw-hide{opacity:0;animation:barrageOut .6s cubic-bezier(.42,0,.3,1.11);z-index:-1}#cookies-window .cookies-window-title{padding-bottom:4px;border-bottom:var(--style-border);font-size:12px;font-weight:700}#cookies-window .cookies-window-content{font-size:14px;display:flex;justify-content:space-around;align-items:center}.cookie-to{margin-right:4px;font-weight:700}.cookies-link{margin-left:auto;font-size:16px}.cookies-link i.heofont{font-size:16px}@media screen and (max-width:1300px){#cookies-window{display:none}}.heo-tag{padding:1px 6px;border-radius:6px 6px 6px 0;margin-left:4px;height:20px;line-height:19px}.heo-tag-new-view{color:var(--heo-white);background:var(--heo-green)}.heo-tag-hot-view{color:var(--heo-white);background:var(--heo-red)}#page-header.full_page{height:2rem;background-image:none!important;background-color:var(--heo-none)}#page-header.full_page #site-info{display:none}.layout>div:first-child{width:calc(100% - 300px)}.layout.hide-aside>div:first-child{width:100%}.layout.left-aside>div:first-child{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.layout.left-aside .aside-content{padding-right:15px;padding-left:0!important}div#categoryList{display:flex;width:100%;justify-content:space-between}.categoryItem{overflow:hidden;transform:scale(1);transition:all .8s cubic-bezier(.65,.15,.37,1.19);height:48%;border-radius:12px}a.categoryButton{height:100%;width:100%;background:var(--heo-card-bg);border-radius:12px;display:inline-block;text-align:left;line-height:4em;font-weight:700;font-size:.9rem;color:var(--heo-white);transition:all .8s cubic-bezier(.39,.575,.565,1);transform:scale(1);overflow:hidden;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei}a.categoryButton i{transform:scale(1) rotate(15deg)}@media screen and (min-width:1300px){a.categoryButton:active{transform:scale(.97)}}@media screen and (max-width:768px){a.categoryButton{border-radius:8px}.categoryItem{border-radius:0;height:47%;box-shadow:none!important}}a.categoryButton:after{top:50px;width:1rem;left:21px;height:2px;background:var(--heo-white);content:"";border-radius:1px;position:absolute}.categoryButtonText{padding-left:21px}a.categoryButton i{font-size:5rem;opacity:.2;position:absolute;right:0;top:20%;transition:.3s;width:100px;text-align:center;filter:blur(2px)}@media screen and (max-width:768px){a.categoryButton i{display:none}.recent-post-top .categoryGroup{min-width:130px!important;margin-bottom:.5rem;margin-left:1rem;max-height:164px;overflow:hidden;position:relative}}.topGroup{display:flex}#bannerGroup{display:flex}div#banners{display:none}.topGroup .todayCard{display:none}@media screen and (min-width:1300px){.topGroup{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;height:calc(328px + .5rem);align-content:space-between;width:calc(600px + 1.5rem);position:relative}div#bannerGroup{width:calc(100% - 600px - 2rem);margin-right:.5rem;height:calc(328px + .5rem);display:flex;flex-direction:column;justify-content:space-between}div#banners{display:flex;width:100%;height:76%;background:var(--heo-card-bg);margin-bottom:.5rem;border:var(--style-border);border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--heo-shadow-border);flex-direction:column;overflow:hidden;transition:.3s;clip-path:inset(0 0 0 0 round 12px)}div#banners:hover{box-shadow:var(--heo-shadow-main)}#banners.flink{margin-bottom:.5rem}#banners .banner-button-group{position:absolute;right:2rem;top:2rem;display:flex}#banners .banner-button{padding:8px 12px;background:var(--heo-fontcolor);border-radius:12px;color:var(--heo-card-bg);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;box-shadow:var(--heo-shadow-black)}#banners .banner-button.secondary{background:var(--heo-secondbg);border:var(--style-border-always);color:var(--heo-lighttext);margin-right:1rem;box-shadow:var(--heo-shadow-border)}#banners .banner-button:hover{background:var(--heo-theme);color:var(--heo-white)}#banners .banner-button i{margin-right:8px;font-size:1rem}.banners-title{top:2rem;left:1.5rem;position:absolute;display:flex;flex-direction:column}.flink .banners-title{top:1.5rem}.banners-title-big{font-size:36px;line-height:1;font-weight:700;margin-bottom:8px}.banners-title-small{font-size:12px;line-height:1;color:var(--heo-secondtext);margin-top:8px;margin-bottom:.5rem}#banner-hover{position:absolute;width:100%;height:100%;top:0;left:0;background:var(--heo-theme);color:var(--heo-white);padding-left:.5rem;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:cubic-bezier(.71,.15,.16,1.15) .6s}.bannerText{font-size:4rem;line-height:4rem;font-weight:700}.banner-righticon{font-size:4rem;opacity:.6}#banners:hover #banner-hover{opacity:1;padding-left:2rem;background:#4259efc9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transition:.3s;background-size:200%;cursor:pointer}.topGroup .todayCard{position:absolute;width:calc(600px + 1rem);height:100%;z-index:1;top:0;left:0;background:var(--card-bg);border-radius:12px;margin-left:.5rem;overflow:hidden;transition:.3s;display:flex;cursor:pointer;pointer-events:all}.topGroup .todayCard::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0}.topGroup .todayCard.hide{opacity:0;pointer-events:none}.topGroup .todayCard .todayCard-info{position:absolute;bottom:2rem;left:2rem;z-index:2;color:var(--heo-white);max-width:60%;transition:.3s}.topGroup .todayCard.hide .todayCard-info{bottom:1rem;opacity:0}.topGroup .todayCard .todayCard-info .todayCard-tips{opacity:.8;font-size:.6rem}.topGroup .todayCard .todayCard-info .todayCard-title{font-size:28px;font-weight:700;line-height:36px}.topGroup .banner-button-group{position:absolute;right:2rem;bottom:2rem;display:flex;transition:.3s}.topGroup .todayCard.hide .banner-button-group{bottom:1rem}.topGroup .banner-button{background:var(--heo-white-op);border-radius:20px;color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);height:40px;width:124px;justify-content:center}.topGroup .banner-button:hover{background:var(--heo-theme);color:var(--heo-white)}.topGroup .banner-button i{margin-right:8px;font-size:1rem}.topGroup .todayCard .todayCard-cover{position:absolute;min-width:100%;min-height:100%;top:0;left:0;background-size:cover;z-index:-1;transition:.3s}.topGroup .todayCard.hide .todayCard-cover{transform:scale(1.2)}}@keyframes rowup{from{transform:translateX(0)}to{transform:translateX(-50%)}}.tags-group-icon{width:120px;height:120px;border-radius:30px}.tags-group-all{display:flex;transform:rotate(-30deg)}.tags-group-all.nowrapMove{transform:rotate(0);padding-bottom:2rem}.tags-group-wrapper{margin-top:5rem;display:flex;flex-wrap:nowrap;animation:rowup 60s linear infinite}.nowrapMove .tags-group-wrapper{margin-top:7rem;animation:rowup 120s linear infinite}.tags-group-icon-pair .tags-group-icon:nth-child(even){margin-top:1rem;transform:translate(-60px)}.tags-group-icon-pair{margin-left:1rem}.tags-group-icon{display:flex;align-items:center;justify-content:center;color:#fff;font-size:66px;font-weight:700;box-shadow:var(--heo-shadow-blackdeep)}.nowrapMove .tags-group-icon{border-radius:50%}.tags-group-icon img{width:60%}.nowrapMove .tags-group-icon img{min-width:100%;min-height:100%;border-radius:50%;object-fit:cover}#categoryList>div:nth-child(1)>a::before{height:24px;width:44px;content:"";background:url(../images/top.png) no-repeat;background-size:38px 24px;position:absolute;top:0;left:0}.categoryItem:hover i{opacity:.8;transition:.8s;transition-delay:.15s;transform:scale(1.03) rotate(0);font-size:2.5rem;filter:blur(0)}@media screen and (min-width:1300px){.categoryItem:hover i{transform:scale(1.03) rotate(0)}}#categoryList>a:nth-child()>i{padding-right:8px}.cate-button-text{box-shadow:var(--heo-shadow-black)}@media screen and (max-width:768px){div#categoryList{display:none}}.recent-post-top .categoryGroup{display:flex;flex-direction:column;justify-content:space-between;min-width:200px}.categoryGroup .categoryItem:nth-child(3){display:none}@media screen and (min-width:1300px){.recent-post-top .categoryGroup{flex-direction:row;height:24%}.categoryItem{width:calc(100% / 3 - .33rem);height:100%;margin-right:.5rem}.categoryItem:last-child{margin-right:0}.categoryItem:hover{width:50%}.categoryGroup .categoryItem:nth-child(3){display:flex}}a.categoryButton.bikan{background:linear-gradient(to right,#358bff,#15c6ff);background-size:200%}a.categoryButton.remen{background:linear-gradient(to right,#f65,#ffbf37);background-size:200%}a.categoryButton.shiyong{background:linear-gradient(to right,#18e7ae,#1eebeb);background-size:200%}[data-theme=dark] a.categoryButton.bikan{background:linear-gradient(to right,#0653b8,#2fcbff);background-size:200%}[data-theme=dark] a.categoryButton.remen{background:linear-gradient(to right,#e22a16,#da980c);background-size:200%}[data-theme=dark] a.categoryButton.shiyong{background:linear-gradient(to right,#099e74,#0ea4a4);background-size:200%}a.categoryButton:hover{background-position:100% 0}#category-bar{padding:.4rem 1rem .4rem .5rem;background:var(--heo-card-bg);border-radius:12px;display:flex;white-space:nowrap;overflow:hidden;margin-bottom:1rem;border:var(--style-border);transition:.3s;width:100%;justify-content:space-between}@media screen and (min-width:1300px){#category-bar:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}.category-in-bar-tips{margin-bottom:.25rem}}@media screen and (max-width:768px){#category-bar{border-radius:0;background:var(--heo-background);margin-bottom:0;position:-webkit-sticky;position:sticky;top:60px;z-index:1;padding:0 1rem 0 16px;height:50px;margin-top:0;align-items:center}}#category #category-bar{padding:0;border:none;box-shadow:none}#category a.category-bar-item.select a{display:none}.category-in-bar{display:flex;white-space:nowrap;align-items:center}.category-in-bar-tips{margin-right:1rem}.category-bar-items{white-space:nowrap;overflow-x:scroll;display:flex}.category-in-bar .category-in-bar-tips{margin-bottom:0}.category-in-bar #category-bar{margin-bottom:0}.category-bar-items::-webkit-scrollbar{display:none}.category-bar-item a{padding:.1rem .5rem;margin:0 4px;font-weight:700;border-radius:8px}.category-bar-item:hover a{background:var(--heo-theme);color:var(--heo-white)}.category-bar-item.select a{background:var(--heo-theme);color:var(--heo-white);border-radius:8px}@media screen and (max-width:768px){.category-bar-item.select a{border-radius:8px}.category-bar-item a{border-radius:8px}.category-in-bar{position:-webkit-sticky;position:sticky;top:60px;background:var(--heo-background);z-index:1002}}.category-bar-more{margin-left:1rem;font-weight:700}.category-bar-more:hover{color:var(--heo-lighttext)}#bber-talk{width:100%;height:25px;line-height:25px;display:flex;flex-direction:column}#bbtalk{overflow:hidden;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bber-talk .li-style{width:auto;max-width:100%;height:25px;text-align:center;overflow:hidden;text-overflow:ellipsis;transition:.3s;font-weight:700;margin:auto;cursor:pointer;white-space:nowrap}#bbTimeList .li-style:hover{color:var(--heo-theme);transition:.3s}li,ul{list-style:none;display:block;margin:0;padding:0}#bbTimeList{background:var(--heo-card-bg);color:var(--heo-fontcolor);padding:.5rem 1rem;border-radius:12px;box-shadow:var(--heo-shadow-lightblack);display:flex;transition:.3s;margin-bottom:1rem;border:var(--style-border);align-items:center;height:50px}#bbTimeList:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}@media screen and (min-width:1300px){#bbTimeList{margin-bottom:1rem}}.bber-gotobb{line-height:25px;margin-left:1rem;transition:.3s;cursor:pointer}.bber-gotobb:hover{opacity:.8;color:var(--heo-theme)}.icon-logo-moment{font-size:2rem;font-size:2rem;line-height:22px;margin-right:1rem;transition:.3s;cursor:pointer}.icon-logo-moment:hover{opacity:.8;color:var(--heo-theme)}#recent-posts>.recent-post-item>.recent-post-info{padding:0}.recent-post-item .recent-post-info .recent-post-info-top{position:relative;transition:.3s;padding:32px;width:100%}.recent-post-item .recent-post-info .recent-post-info-top .article-title{line-height:30px;margin-top:0;font-weight:700;color:var(--heo-fontcolor);margin-bottom:0;width:100%;transition:.3s;font-size:1rem;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}@media screen and (min-width:1300px){#recent-posts>.recent-post-item .pinned-post{display:flex;color:var(--heo-lighttext);font-size:.5rem;position:relative}#recent-posts .recent-post-item.pinned-post-item .recent-post-info-top{padding-top:16px}.recent-post-item .recent-post-info .recent-post-info-top .article-title{font-size:22px;-webkit-line-clamp:2}.recent-post-item:hover .recent-post-info .recent-post-info-top .article-title{-webkit-line-clamp:2}#recent-posts>.recent-post-item .post_cover{transition:1s!important;height:225px;width:100%}.recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content{opacity:.8!important;-webkit-line-clamp:2!important}.recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content{opacity:1!important}}.recent-post-item .recent-post-info .recent-post-info-top .content{transition:.3s;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;color:var(--heo-secondtext);margin-top:.5rem}@media screen and (min-width:768px){.recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content{opacity:1;-webkit-line-clamp:4}.recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content{-webkit-line-clamp:6}}@media screen and (max-width:768px){.recent-post-item .recent-post-info .recent-post-info-top{padding:0 20px;top:20px}.recent-post-item .recent-post-info .recent-post-info-top .content{opacity:1;-webkit-line-clamp:2}#recent-posts .recent-post-item .recent-post-info .article-title{font-size:19px}}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a{color:var(--heo-fontcolor)}.ai-btn-box{font-size:15.5px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-btn-item{padding:5px 10px;margin:10px 16px 0 5px;width:fit-content;line-height:1;background:rgba(48,52,63,.75);color:#fff;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;cursor:pointer}.ai-btn-item:hover{background:var(--heo-main)}.ai-recommend{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-recommend .ai-recommend-item{width:calc(50% - 20px);margin:10px;background:var(--heo-secondbg);border-radius:4px;padding:10px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;-webkit-animation:slide-in .6s .1s backwards;-moz-animation:slide-in .6s .1s backwards;-o-animation:slide-in .6s .1s backwards;-ms-animation:slide-in .6s .1s backwards;animation:slide-in .6s .1s backwards}.ai-recommend .ai-recommend-item span.index{padding:4px}.ai-recommend .ai-recommend-item:hover{color:var(--heo-white);background:var(--heo-main)}.ai-recommend .ai-recommend-item:hover a{color:var(--heo-white)}@media screen and (max-width:768px){.ai-btn-box{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.ai-recommend .ai-recommend-item{width:100%}}.ai-title i{font-weight:800;font-size:20px;line-height:20px}.ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right{font-size:14px;margin-left:4px;cursor:pointer}.post-ai{background:var(--heo-secondbg);border-radius:12px;padding:12px;line-height:1.3;border:var(--style-border-always);margin-top:16px}@media screen and (max-width:768px){.post-ai{margin-top:22px}}.ai-title{display:flex;color:var(--heo-lighttext);border-radius:8px;align-items:center;padding:0 12px;cursor:default;user-select:none}.ai-title-text{font-weight:700;margin-left:8px;line-height:1}.ai-explanation{margin-top:12px;padding:8px 12px;background:var(--heo-card-bg);border-radius:8px;border:var(--style-border-always);font-size:15px;line-height:1.4;display:none}.ai-suggestions{display:flex;flex-wrap:wrap}.ai-suggestions .ai-suggestions-item{margin-top:12px;padding:8px 12px;background:var(--heo-card-bg);border-radius:8px 8px 8px 0;border:var(--style-border-always);font-size:15px;line-height:1.4;display:flex;width:fit-content;margin-right:12px;cursor:pointer;transition:.3s}.ai-suggestions .ai-suggestions-item:hover{background:var(--heo-main);color:var(--heo-white)}.blinking-cursor{background-color:var(--heo-main);width:10px;height:16px;display:inline-block;vertical-align:middle;animation:blinking-cursor .5s infinite;-webkit-animation:blinking-cursor .5s infinite;margin-left:4px;margin-bottom:3px}@keyframes blinking-cursor{0%{opacity:1}40%{opacity:1}50%{opacity:0}90%{opacity:0}100%{opacity:1}}.ai-tag{font-size:12px;background-color:var(--heo-lighttext);color:var(--heo-card-bg);font-weight:700;border-radius:4px;margin-left:auto;line-height:1;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.ai-tag:hover{background:var(--heo-fontcolor);color:var(--heo-card-bg)}ins.adsbygoogle{margin:16px 0;background:var(--heo-card-bg);border-radius:12px;overflow:hidden;border:var(--style-border-always)}#ai-Toggle{font-size:12px;background:var(--heo-lighttext);color:var(--heo-card-bg);padding:4px;border-radius:4px;margin-left:6px;transform:scale(.8);cursor:pointer;transition:.3s;font-weight:700}#ai-Toggle:hover{background:var(--heo-fontcolor);color:var(--heo-card-bg)}#recent-post-top .recent-post-item .post_cover{width:100%}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i{margin:0 .4rem 0 0}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky{color:var(--heo-fontcolor)}#recent-posts .recent-post-item{height:fit-content;background:var(--heo-card-bg);border-radius:12px;cursor:pointer;border:var(--style-border)}#recent-posts .recent-post-item:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:12px}@media screen and (min-width:1300px){#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media screen and (max-width:768px){#recent-posts .recent-post-item:hover{border:none;box-shadow:none}}@media screen and (max-width:1300px){#recent-posts>.recent-post-item .left_radius,#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:12px;width:75%;display:flex;height:200px}#recent-posts>.recent-post-item:hover .post_cover img.post_bg{transform:scale(1.03);transition:.3s ease-in-out;filter:brightness(.85);border-radius:12px 0 0 12px}#recent-posts>.recent-post-item.post-card-large:hover .post_cover img.post_bg{transform:scale(1.03)}#recent-posts>.recent-post-item .post_cover img.post_bg{min-width:100%;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transition:.3s ease-in-out;min-height:100%}#recent-posts>.recent-post-item:hover>.recent-post-info{transition:all .3s;position:relative}#recent-posts>.recent-post-item>.recent-post-info{transition:all .3s}}#recent-posts>.recent-post-item:hover .post_cover img.post_bg{transform:scale(1.03);transition:.3s ease-in-out;filter:brightness(.85);border-radius:12px 0 0 12px}@media screen and (min-width:1300px){#recent-posts>.recent-post-item .left_radius,#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;display:flex}}#recent-posts>.recent-post-item .left_radius a,#recent-posts>.recent-post-item .right_radius a{min-height:100%;min-width:100%}#recent-posts>.recent-post-item>.recent-post-info{display:inline-block;overflow:hidden}.recent-top-post-group{border-radius:12px;overflow:hidden;overflow-x:auto;width:100%;margin-bottom:0}.recent-post-top{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;overflow-x:scroll}.recent-post-top::-webkit-scrollbar{display:none}.recent-post-top .recent-post-item{display:flex;width:200px;flex-direction:column;align-items:flex-start;margin-left:.5rem;background:var(--heo-card-bg);border-radius:12px;overflow:hidden;min-width:200px;height:164px;max-height:164px;border:var(--style-border-always);transition:.3s;position:relative;box-shadow:var(--heo-shadow-border)}@media screen and (max-width:768px){.recent-post-top .recent-post-item{border-radius:8px;box-shadow:none;clip-path:inset(0 0 0 0 round 8px)}.recent-post-top .recent-post-item:last-child{margin-right:1rem}}@media screen and (min-width:1300px){.recent-post-top .recent-post-item{margin-right:0;margin-bottom:.5rem}.recent-post-top .recent-post-item:active{transform:scale(.97)}.recent-post-top{overflow-x:visible}.recent-top-post-group{overflow:visible;overflow-x:visible}}span.recent-post-top-text{position:absolute;top:0;left:-40px;display:flex;z-index:1;background:var(--heo-theme);color:var(--heo-white);padding:2px 8px;font-size:.6rem;border-radius:12px 0 12px 0;transition:.3s;cursor:pointer}.recent-post-item:hover .recent-post-top-text{left:0}@media screen and (min-width:1300px){.recent-post-top .recent-post-item:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main);transform:scale(1.03)}.recent-post-top .recent-post-item:active{transform:scale(.97)}}@media screen and (max-width:768px){.recent-top-post-group{border-radius:0;background:var(--heo-background)}.recent-post-top-text{display:none!important}.recent-post-top .recent-post-item .post_cover img{border-radius:8px 8px 0 0!important}}.recent-post-top .recent-post-item .post_cover a{height:100px;overflow:hidden;display:flex}.recent-post-top .recent-post-item .post_cover img{object-fit:cover;width:100%;background:var(--heo-secondbg);border-radius:12px 12px 0 0}.recent-post-top .recent-post-item:hover .post_cover img{transform:scale(1)}.recent-post-item .post_cover{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}.recent-post-top .recent-post-item .recent-post-info{padding:.3rem .5rem .3rem .5rem!important;transition:.3s}.recent-post-top .recent-post-item:hover .recent-post-info a{color:var(--heo-fontcolor)}@media screen and (max-width:1300px){.recent-post-top .recent-post-item:hover .recent-post-info a{color:var(--heo-theme);transition:.3s}}.recent-post-top .recent-post-item .recent-post-info .article-title{-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5;justify-content:center;align-items:flex-end;align-content:center;padding-top:.5rem;font-weight:700;font-size:.8rem!important;padding:0!important}.title-and-tips{display:flex;margin-top:1rem;align-items:center}.title-and-tips .page-title{line-height:1;margin:0}.title-and-tips .page-tips{background:var(--heo-yellow-op);color:var(--heo-yellow);margin-bottom:auto;border-radius:8px;padding:2px 6px;font-size:.5rem;margin-left:8px}#aside-content .card-widget{box-shadow:var(--heo-shadow-border);background:var(--heo-card-bg);border:var(--style-border);transition:.3s;border-radius:12px;transition:.3s;position:relative;overflow:hidden;margin-top:1rem;padding:1rem 1.2rem}#recent-posts>.recent-post-item{box-shadow:var(--heo-shadow-light2black);display:flex;-webkit-box-orient:horizontal;-webkit-box-align:center;align-items:center;transition:all .3s ease 0s}#recent-posts>.recent-post-item:not(:first-child){margin-top:.5rem;margin-bottom:1rem;position:relative;overflow:hidden}#recent-posts>.recent-post-item.left,.recent-post-item.alternate.odd{flex-direction:row!important}#recent-posts>.recent-post-item.left .cover_radius,.recent-post-item.alternate.odd .cover_radius{border-radius:12px 0 0 12px!important}#recent-posts>.recent-post-item.right,.recent-post-item.alternate.even{flex-direction:row-reverse!important}#recent-posts>.recent-post-item.right .cover_radius,.recent-post-item.alternate.even .cover_radius{border-radius:0 12px 12px 0!important}@media screen and (min-width:1300px){#recent-posts>.recent-post-item{flex-direction:column}#recent-posts>.recent-post-item:not(:first-child){margin-top:.25rem;margin-bottom:.75rem;box-shadow:var(--heo-shadow-border);clip-path:inset(0 0 0 0 round 12px)}#recent-posts>.recent-post-item:not(:first-child):active{transform:scale(.97)}#recent-posts>.recent-post-item.col1{width:calc(100% - .5rem)}#recent-posts>.recent-post-item.col2{width:calc(100% / 2 - .5rem)}#recent-posts>.recent-post-item.col3{width:calc(100% / 3 - .5rem)}#recent-posts>.recent-post-item.col4{width:calc(100% / 4 - .5rem)}#category-bar{margin-bottom:.75rem;box-shadow:var(--heo-shadow-border)}#recent-posts{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}}@media screen and (max-width:768px){#recent-posts>.recent-post-item{border-radius:0}#recent-posts>.recent-post-item:not(:first-child){margin:1.5rem 1rem;border-radius:12px;margin-top:.5rem;border:var(--style-border-always);box-shadow:var(--heo-shadow-border);display:block;position:relative;clip-path:inset(0 0 0 0 round 12px)}#recent-posts .recent-post-item .post_cover{border-radius:0!important;width:100%}#bbTimeList{margin-top:0;border-radius:0;background:var(--heo-background);padding:.5rem 20px}a.article-meta__categories{left:12px!important;top:12px!important;border-radius:4px!important;padding:2px 9px!important;font-size:12px}#bbTimeList{margin-bottom:0}}@media screen and (min-width:1300px){.topGroup .recent-post-item:nth-child(7){display:none}}@media screen and (max-width:768px){#sidebar-menus>div.author-avatar{display:none}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{bottom:.5rem!important}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time{display:absolute;right:0}#rightside{display:none}#web_bg{background:0 0!important}#recent-posts>.recent-post-item .post_cover img.post_bg{border-radius:12px 12px 0 0!important}#recent-posts>.recent-post-item .post_cover img.post_bg:hover{transform:scale(1)}#recent-posts>.recent-post-item:hover img.post_bg{transform:scale(1)}.recent-post-top .recent-post-item:hover .post_cover img{transform:scale(1)}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap,#recent-posts>.recent-post-item>.recent-post-info>.article-title,#recent-posts>.recent-post-item>.recent-post-info>.content{padding:0 20px!important}}.article-meta__categories{position:absolute;top:8px;left:8px;display:flex}a.article-meta__category{display:block;padding:2px 6px;background:var(--heo-black-op);border-radius:6px;margin:0 5px 0 0;font-size:12px;margin-left:4px;font-weight:700;color:var(--heo-white);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}a.article-meta__category:hover{background:var(--heo-theme)!important;color:var(--heo-white)!important;box-shadow:var(--heo-shadow-theme)}#recent-posts>.recent-post-item>.recent-post-info>.article-title{line-height:1.4;margin-top:0;font-weight:700;color:var(--heo-fontcolor);margin-bottom:0;position:absolute;width:100%;left:0;padding:0 40px;transition:.3s}#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover{color:var(--heo-fontcolor)}@media screen and (min-width:768px){#recent-posts>.recent-post-item>.recent-post-info>.article-title{top:40px}#recent-posts>.recent-post-item:hover>.recent-post-info>.article-title{top:20px}#recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-title{top:30px}#recent-posts .recent-post-item:hover .recent-post-info .article-title{color:var(--heo-theme)}}.article-meta-wrap{color:var(--heo-secondtext)!important}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date{right:0;text-align:right}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date i{display:none}.post-meta-date .far{opacity:.6}.post-meta-date .article-meta-label{display:none}.post-meta-date{margin-right:.8rem}#aside-content #card-toc .toc-content .toc-link.active{line-height:1.2;border-radius:12px;border-left-color:var(--heo-hovertext);background-color:var(--heo-card-bg);color:var(--heo-lighttext);font-weight:700;font-size:20px}[data-theme=dark].toc .toc-item.active .toc-link .toc-text{color:var(--heo-white)}#aside-content #card-toc .toc-content .toc-item.active .toc-link{opacity:1;border-radius:8px}#aside-content #card-toc .toc-content .toc-link{line-height:1.2;padding:8px;border-left:0 solid transparent;border-radius:12px;color:var(--heo-secondtext);cursor:default}#aside-content #card-toc .toc-content .toc-link:not(.active) span{opacity:.6;cursor:pointer;filter:blur(1px);transition:.3s}#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span{filter:blur(0);opacity:1}#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover{color:var(--heo-lighttext)}#card-toc{padding:.5rem .5rem!important}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator{display:none}.article-meta{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis}.article-meta__link{display:none}.article-meta__tags{margin-right:4px;padding:0 .2rem 0 0}#recent-posts>div>i .post_cover{display:none}#recent-posts>.recent-post-item>.recent-post-info{height:174px;width:100%;cursor:pointer;position:relative}@media screen and (max-width:768px){#recent-posts .recent-post-item .recent-post-info{height:7rem}}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{position:absolute;bottom:16px;transition:.3s;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;left:0;padding:0 32px;white-space:nowrap}@media screen and (min-width:1300px){#recent-posts>.recent-post-item:hover>.recent-post-info>.article-meta-wrap{bottom:30px}#recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-meta-wrap{bottom:30px}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{bottom:30px}}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover{background-color:var(--heo-none);color:var(--heo-lighttext);cursor:pointer;border-radius:4px}#home_top{max-width:1400px;margin:auto;margin-top:.5rem;padding:0 1.5rem}@media screen and (max-width:768px){#home_top{padding:0;margin-top:0}}#aside-content .card-tag-cloud a[href*="/tags/Sketch/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a[href*="/tags/%E8%AE%BE%E8%AE%A1/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a[href*="/tags/%E5%B9%B2%E8%B4%A7/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a[href*="/tags/%E6%95%99%E7%A8%8B/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a sup{opacity:.4;margin-left:2px}#recent-posts>.recent-post-item>.recent-post-info>.content{line-height:1.4;color:var(--heo-secondtext);margin-top:0;cursor:pointer;transition:.3s;opacity:1;position:absolute;width:100%;left:0;padding:0 40px}@media screen and (min-width:768px){#recent-posts>.recent-post-item>.recent-post-info>.content{opacity:0;top:120px}#recent-posts>.recent-post-item:hover>.recent-post-info>.content{opacity:1;top:90px}@media screen and (max-width:1300px){#recent-posts>.post-card-large>.recent-post-info>.content{opacity:1!important}#recent-posts>.post-card-large:hover>.recent-post-info>.content{top:110px}#recent-posts>.post-card-large>.recent-post-info>.content{-webkit-line-clamp:3!important}#recent-posts>.post-card-large:hover>.recent-post-info>.content{-webkit-line-clamp:5!important}#recent-posts>.post-card-large{height:20em!important}}}@media screen and (max-width:768px){#recent-posts>.recent-post-item>.recent-post-info>.content{top:5rem}}#recent-posts>.recent-post-item>.recent-post-info>.content{-webkit-line-clamp:2}div#author-info__sayhi{text-align:left;color:var(--heo-white);background:var(--heo-white-op);font-size:12px;margin-right:auto;padding:2px 8px;border-radius:12px;width:fit-content}#aside-content .card-info .author-info__name{text-align:left;font-weight:700;color:var(--heo-white);font-size:28px;line-height:1.1;margin-top:.8rem;margin-bottom:1rem}#aside-content>.card-widget:first-child{transition:.3s;border:none;box-shadow:none;background:var(--heo-main);margin-top:0}#aside-content>.card-widget.card-info{background:var(--heo-card-bg);box-shadow:var(--heo-shadow-black);position:relative}#aside-content>.card-widget.card-info::before{background:linear-gradient(-25deg,var(--heo-main),var(--heo-main-op-deep),var(--heo-main),var(--heo-main-op-deep));background-size:400%;position:absolute;width:100%;height:100%;left:0;top:0;content:'';animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media screen and (max-width:1300px){#aside-content>.card-widget:first-child{min-height:329px}}#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description{line-height:1.38;margin:.3rem 0;text-align:justify;color:rgba(255,255,255,.8)}#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description b{color:var(--heo-white)}.author-info__description2{line-height:1.38;margin:.3rem 0;text-align:justify;width:100%;z-index:2;color:rgba(255,255,255,.8)}.author-info__description2 b{color:var(--heo-white)}.card-widget.card-info .banner-button-group{position:absolute;right:1rem;bottom:1rem;display:flex}.card-widget.card-info .banner-button-group .banner-button{padding:8px 12px;background:var(--heo-white-op);border-radius:12px;color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer}.card-widget.card-info .banner-button-group .banner-button:hover{background:var(--heo-white);color:var(--heo-black)}.card-widget.card-info .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}#aside-content .card-info .card-info-data{display:none}#aside-content .card-info a img{border-radius:0;height:200px;display:inherit;filter:drop-shadow(-5px 14px 8px #00000008);position:absolute;right:-24px;bottom:-82px;width:auto;z-index:0;transition:cubic-bezier(.48,-.21,0,1.5) .3s}#aside-content .card-info a img:hover{bottom:-42px}[data-theme=light] #aside-content .card-info a img{filter:drop-shadow(-5px 14px 8px #ffffff08)}.card-widget.card-info{padding:0!important}#aside-content>div.card-widget.card-info>div.card-content{padding:1rem 1.2rem;min-height:330px;position:relative}#aside-content>div.card-widget.card-info>div.card-info-avatarimg{overflow:hidden;background:var(--heo-yellow);transition:1.5s;min-height:160px;position:relative;box-shadow:var(--heo-shadow-yellow)}#aside-content>div.card-widget.card-info>div.card-info-avatarimg:hover img{transform:scale(1.03)}#aside-content>div.card-widget.card-info>div>div.card-info-data>div:nth-child()>a>div.headline{font-weight:700}@media screen and (max-width:900px){#aside-content .card-announcement{display:none}#aside-content #card-funds{display:none}}#aside-content .card-info #card-info-btn{display:none}#aside-content .card-info .card-info-social-icons{margin:0;padding-top:10px;display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;cursor:pointer;position:absolute;bottom:1rem;left:1rem}#aside-content .card-info .card-info-social-icons .social-icon{margin:0;margin-right:8px}#aside-content .card-info .card-info-social-icons i{background:var(--heo-white-op);color:var(--heo-white);font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center}#aside-content .card-info .card-info-social-icons i:hover{background:var(--heo-secondbg);transform:scale(.97);color:var(--heo-main);box-shadow:none}#aside-content .card-info .banner-button{height:40px;width:124px;border-radius:20px;justify-content:center}@media screen and (min-width:1300px){#aside-content .card-info .card-info-social-icons i{color:var(--heo-white)}[data-theme=dark] #aside-content .card-info .card-info-social-icons i{color:var(--heo-white)}}#aside-content .card-info .card-info-data>.card-info-data-item:hover{background:var(--heo-post-blockquote-bg);transform:scale(.97)}#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.headline,#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.length-num{color:var(--heo-blue)}.announcement_content p{margin:.5rem 0 0 0;line-height:1.38}#aside-content .item-headline{padding-bottom:0;margin-left:8px;font-size:1em;font-weight:700}#aside-content .item-headline i{min-width:19.5px}#aside-content .item-headline+div,#aside-content .item-headline+ul{padding:0}@media screen and (min-width:1300px){#aside-content .card-widget{margin-top:1rem}}@media screen and (max-width:768px){#aside-content .card-widget{border-radius:12px}}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center{margin-top:8px;background:var(--heo-card-btn-bg);border-radius:8px;transition:.3s!important}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover{color:var(--heo-white);background:var(--heo-blue);border-radius:8px;transition:.3s!important}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item.more span,#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span{transition:.3s!important}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item:hover.more span,#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span{transition:.3s!important}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover span{background:0 0}#web_bg{width:100%;height:100%;top:0;left:0;opacity:1;position:fixed;z-index:-999;background:var(--heo-background)}#aside-content .card-tag-cloud a{color:var(--heo-fontcolor)!important;font-size:.8rem;border-radius:8px}#aside-content .card-tag-cloud a:hover{background:var(--heo-theme);color:var(--heo-white)!important;box-shadow:var(--heo-shadow-theme)}#aside-content .card-tag-cloud a.tags-cloud-more{width:100%;text-align:center;border-radius:8px!important;border:var(--style-border);margin-top:8px;font-size:var(--global-font-size)!important}@media screen and (min-width:1300px){#aside-content .card-tag-cloud a:hover{transform:scale(1.03)}#aside-content .card-tag-cloud a:active{transform:scale(.97)}}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover{color:var(--heo-white);background-color:var(--heo-theme);box-shadow:var(--heo-shadow-theme);border-radius:8px;padding:.15rem .5rem;border:var(--style-border-hover)}@media screen and (min-width:1300px){#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover{transform:scale(1.03)}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:active,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:active{transform:scale(.97)}}a.extend.next{right:0}a.extend.prev{left:0}@media screen and (max-width:768px){#pagination{margin-bottom:0;margin-top:0}}@media screen and (min-width:1300px){#pagination{margin-top:.25rem}}.lg-container{display:none}#page-header.post-bg::before{transition:.3s;opacity:.93;height:20rem;background-color:var(--heo-main);opacity:1;position:absolute;top:0;left:0;display:block;width:100%;content:""}@media screen and (max-width:768px){#page-header.post-bg{height:30rem!important;margin-bottom:-12px}#page-header.post-bg:before{height:15rem}.post-bg #post-cover{min-height:15rem!important;height:70%!important;opacity:1!important}}@media screen and (min-width:1300px){#page-header.post-bg{height:25rem}#page-header{height:25rem}#page-header.post-bg:before{height:25rem;background-color:var(--heo-main);animation:slide-in-op .6s 0s forwards}#post-info .post-title{width:1100px;font-size:2.6rem!important}}#page-header.post-bg{background-color:var(--heo-background);transition:.6s;overflow:hidden}.post-bg #post-cover{width:100%;height:100%;object-fit:cover;min-width:50vw;min-height:20rem;opacity:.8}.coverdiv{width:70%;height:100%;position:relative;margin:0 -20% 0 auto;overflow:hidden;margin-bottom:0;transform:rotate(10deg) translateY(-10%) scale(2);filter:blur(10px)}.coverdiv.loaded{display:block}.coverdiv:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;box-shadow:110px -130px 300px 60px var(--heo-main) inset}@media screen and (max-width:768px){.coverdiv{margin:0 0 0 auto;transform:rotate(0) translateY(0) scale(1);filter:blur(0);width:100%;position:fixed;height:30rem;z-index:1}.coverdiv:after{box-shadow:0 0 205px 59px var(--heo-main) inset}}@media screen and (min-width:1300px){.coverdiv{width:70%;height:100%;position:relative;margin:0 -20% 0 auto;overflow:hidden;margin-bottom:0;transform:rotate(10deg) translateY(-8%) scale(1.8);filter:blur(10px);opacity:0}.coverdiv.loaded{display:block;opacity:.5;animation:showCover 1s .3s backwards;transform:rotate(10deg) translateY(-10%) scale(2)}}@media screen and (min-width:768px){.coverdiv{width:70%;height:100%;position:relative;margin:0 -20% 0 auto;overflow:hidden;margin-bottom:0;transform:rotate(10deg) translateY(-8%) scale(1.8);filter:blur(10px);opacity:0}.coverdiv.loaded{display:block;opacity:.5;animation:showCover 1s .3s backwards;transform:rotate(10deg) translateY(-10%) scale(2)}@keyframes showCover{from{opacity:0;transform:rotate(10deg) translateY(-8%) scale(1.8)}to{opacity:.5;transform:rotate(10deg) translateY(-10%) scale(2)}}}#page-header{background-image:none!important;display:flex;justify-content:center}#post-cover-rgb{position:absolute;width:100%!important;height:100%!important;background:var(--heo-lighttext)}.layout>div:first-child:not(.recent-posts){box-shadow:var(--heo-shadow-border);padding:1rem 2rem;border-radius:12px;background:var(--heo-card-bg);border:var(--style-border);width:calc(100% - 300px);align-self:flex-start;animation:slide-in .6s .1s backwards}#page{box-shadow:none}.post-comment{background:var(--heo-card-bg)}.layout>div:first-child:not(.recent-posts):hover{box-shadow:var(--heo-shadow-border)}@media screen and (max-width:768px){.layout>div:first-child:not(.recent-posts){border-radius:0;padding:0 1rem!important;box-shadow:none!important;background:var(--heo-background)}.layout{padding:0 1.5rem}}@media screen and (max-width:768px){.layout{padding:0}.layout>div:first-child:not(.recent-posts){z-index:10}.post .layout>div:first-child:not(.recent-posts){border-radius:12px 12px 0 0}.post .layout#content-inner{background:var(--heo-main)}.page .layout#content-inner{background:var(--heo-background)}#aside-content{z-index:2;background:var(--heo-background);padding:0 1rem;display:flex;flex-direction:column;width:100%}}.layout#content-inner{max-width:1400px}.full_page #post-cover{display:none}#page-header #post-info{top:0;position:absolute;padding:0 3rem;margin:0 auto;z-index:10;color:var(--heo-white);max-width:1400px;display:flex;flex-direction:column;align-items:flex-start;height:calc(100% + 0px);justify-content:center;animation:slide-in .6s 0s backwards}@media screen and (max-width:768px){#page-header #post-info{padding:0 6%;justify-content:normal;padding-top:18rem}}@media screen and (min-width:1300px){#page-header #post-info{height:calc(100% + 0px);top:0;display:flex;justify-content:center}}#post-info #post-meta>.meta-secondline>span:first-child{margin-right:.8rem}.meta-secondline span{display:flex;align-items:center;line-height:1}@media screen and (max-width:768px){.meta-secondline span{line-height:1.5}}#post-firstinfo{text-align:left;display:flex;white-space:nowrap;-webkit-user-select:none}#post-firstinfo .post-meta__tags{color:var(--heo-white);opacity:.8;margin-right:8px}#post-firstinfo .post-meta__tags:hover{color:var(--heo-white);opacity:1}span.post-meta-categories{background-color:var(--heo-white-op);padding:0 .5rem;border-radius:8px;line-height:32px;height:32px;transition:.3s}span.post-meta-categories:not(:first-child){margin-left:8px}span.post-meta-categories:hover{background-color:var(--heo-white)}a.post-meta-categories{color:var(--heo-white);font-size:.7rem;width:100%;height:100%;display:flex}span.post-meta-categories:hover a.post-meta-categories{color:var(--heo-main)}.meta-firstline .tag_share{margin-left:1rem}#post-firstinfo .meta-firstline{display:flex;align-items:center;height:32px}@media screen and (max-width:768px){#post-firstinfo .meta-firstline{margin-bottom:.4rem}}.meta-avatar img{width:30px;border-radius:30px;height:30px}a.post-meta-original{background:var(--heo-white-op)!important;color:var(--heo-white)!important;padding:0 .5rem;font-size:.7rem;margin:auto;border-radius:8px;font-weight:700;height:32px;line-height:32px;width:100%;height:100%;display:flex}a.post-meta-original:hover{color:var(--heo-main)!important;background:var(--heo-white)!important;border-radius:8px!important}.meta-avatar img:hover{transform:rotate(360deg)}@media screen and (max-width:768px){.meta-share-time{display:none!important}#post-info #post-meta{z-index:1}#post-info:after{position:absolute;content:'';width:100%;height:100%;bottom:0;left:0;box-shadow:0 -214px 287px 45px var(--heo-main) inset;z-index:0}.meta-secondline{justify-content:center!important}.post-meta__tag-list{display:none}.typed-cursor{display:none}.meta-avatar{display:none!important}#post-firstinfo{white-space:nowrap;margin:0 auto;z-index:1}.meta-firstline .tag_share{display:none}}.post-meta__tag-list::-webkit-scrollbar{display:none}.meta-share-time a:hover{background:0 0!important}.meta-share-time .meta-avatar-name{opacity:1;color:var(--heo-white)!important;font-weight:700}.meta-share-time{display:flex}.meta-share-time .meta-info{margin:0 .5rem}.meta-secondline{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.meta-avatar{display:flex}.meta-avatar .meta-avatar-name{margin:0 .5rem}#post-info #post-meta .fab{margin-bottom:3px;font-size:15px}span.post-meta-pv-cv{margin-left:.8rem}span.post-meta-wechat{margin-right:.8rem;opacity:.6;transition:.3s;cursor:pointer}.post-meta-wechat:hover{opacity:1}span.post-meta-position{margin-right:.8rem;opacity:.6}#post-info #post-meta .post-meta-label{display:none}#post-info #post-meta .post-meta-icon{margin-right:.4rem}#post-info #post-meta .post-meta-separator{margin:0 .4rem}.post-meta-pv-cv #visit{font-weight:800}#post-meta>div>span.post-meta-wordcount>span.word-count{font-weight:800}#post-meta>div>span.post-meta-wordcount>span:nth-child(7){font-weight:800}#post-firstinfo>div>span.post-meta-categories>a{font-weight:800}.post-meta-wordcount{opacity:.6;margin-right:.8rem}@media screen and (max-width:768px){.post-meta-wordcount{margin-left:0}}.post-meta-date{opacity:.6}.post-meta-pv-cv{opacity:.6}.post-meta-pv{opacity:.6;margin-right:.8rem}.post-meta-commentcount{opacity:.6;cursor:pointer;transition:.3s}.post-meta-commentcount:hover{opacity:1}#twikoo-count{font-weight:800;color:var(--heo-white)}#comment-count{font-weight:800;color:var(--heo-white)}.el-textarea .el-input__count{color:var(--heo-secondtext)!important}.post-meta-commentcount i{margin-right:.5rem}.inline-image{display:flex;margin:8px auto;width:fit-content;justify-content:center}.inline-image a:hover{background:0 0!important;box-shadow:none!important}.inline-image img{margin:0;display:inline-flex;margin-bottom:0!important}#post-info .post-title{color:var(--heo-white);font-weight:700;font-size:2.3rem;line-height:1.2;text-align:left;margin:1rem 0 1rem 0!important;-webkit-line-clamp:2;padding:0;overflow:hidden}@media screen and (max-width:768px){#post-info .post-title{font-size:1.2rem;-webkit-line-clamp:3;margin:.2rem auto!important;text-align:center;z-index:1}}#post-meta>div{text-align:left}#post-info #post-meta{color:var(--heo-white);margin-top:.4rem;transition:.3s;display:flex;-webkit-user-select:none}#post-info #post-meta a{text-decoration:none;color:var(--heo-fontcolor);line-height:1}#post-info #post-meta a:hover{text-decoration:none;color:var(--heo-blue);border-radius:12px}#article-container h1:before,#article-container h2:before,#article-container h3:before,#article-container h4:before,#article-container h5:before,#article-container h6:before{top:calc(50% - .45rem);content:''}#article-container h1:hover:before,#article-container h2:hover:before,#article-container h3:hover:before,#article-container h4:hover:before,#article-container h5:hover:before,#article-container h6:hover:before{color:var(--heo-lighttext)}#article-container h1:hover,#article-container h2:hover,#article-container h3:hover,#article-container h4:hover,#article-container h5:hover,#article-container h6:hover{padding-left:1.3rem}#article-container ul>li:not(.tab):before{border:.21em solid var(--heo-lighttext);background:var(--heo-lighttext)}#article-container ol,#article-container ul{padding:0}#article-container .tabs{margin:1rem 0!important;border-radius:12px;overflow:hidden;box-shadow:var(--heo-shadow-border);padding:8px;background:var(--heo-card-bg);border:var(--style-border)}#article-container .tabs .nav-tabs{background:var(--heo-card-bg);padding:16px;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row}@media screen and (max-width:768px){#article-container .tabs .nav-tabs{padding:0;margin-bottom:8px}}#article-container .tabs>.nav-tabs>.tab.active button{border:var(--style-border-hover-always);background:var(--heo-background);border-radius:8px}#article-container .tabs>.nav-tabs>.tab button{transition:all 0s;-webkit-transition:all 0s;background:var(--heo-secondbg);transition:.3s;border:var(--style-border-always);border-radius:8px;font-size:14px;padding:8px 16px;display:block;line-height:1;width:100%;color:var(--heo-fontcolor)}#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover{background:var(--heo-main);color:var(--heo-white);transition:.3s;border:var(--style-border-hover-always)}.tab-item-content{background:var(--heo-card-bg)}#article-container .tabs{border:3px solid var(--heo-secondbg)!important}#article-container .tabs>.tab-contents .tab-item-content.active{animation:tabshow 0s;-webkit-animation:tabshow 0s;padding:1.2rem 1.2rem;border-radius:8px}@media screen and (max-width:768px){#article-container .tabs>.tab-contents .tab-item-content.active{padding:.5rem .5rem}}.tab-contents{border-radius:8px;overflow:hidden}details:not(.tk-admin-config-group){display:block;position:relative;margin-bottom:1rem;min-height:54px;overflow:hidden;border-radius:12px;border:var(--style-border);transition:border .3s}details:not(.tk-admin-config-group):hover{border:var(--style-border-hover-always)}details:not(.tk-admin-config-group) summary{position:absolute;padding:.5rem 1rem;background:var(--heo-card-bg);margin:0;transition:.3s;box-shadow:var(--heo-shadow-border);position:absolute;left:0;width:100%;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}details:not(.tk-admin-config-group)>:nth-child(2){margin-top:calc(54px + 1rem)!important}details[open]:not(.tk-admin-config-group) summary{background:var(--heo-main);color:var(--heo-white)}details:not(.tk-admin-config-group) summary::before{content:'';padding:4px}details:not(.tk-admin-config-group) summary:hover{cursor:pointer;background:var(--heo-main);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-main)}details:not(.tk-admin-config-group) summary:focus{outline:0}details:not(.tk-admin-config-group) summary::marker{color:var(--heo-main);transition:.3s}details[open]:not(.tk-admin-config-group) summary::marker{color:var(--heo-white)}details:not(.tk-admin-config-group) summary:hover::marker{color:var(--heo-white)}details[open]:not(.tk-admin-config-group){border-radius:12px;border:var(--style-border-hover-always);padding:0 1.5rem;background:var(--heo-card-bg)}details:not(.tk-admin-config-group) summary:hover:after{position:absolute;content:'+';text-align:center;top:calc(50% - 2px);transform:translateY(-50%);right:16px;line-height:1}details[open]:not(.tk-admin-config-group)>summary:hover:after{content:'-'}@media screen and (max-width:768px){details[open]:not(.tk-admin-config-group){padding:0 16px}}#article-container ul>li:not(.tab):hover:before{border-color:var(--heo-none)}#article-container a{text-decoration:none;border-bottom:2px solid var(--heo-lighttext);color:var(--heo-fontcolor);font-weight:700;padding:0 4px;border-radius:4px 4px 0 0}#article-container a:not(.fancybox):hover{text-decoration:none;border-bottom:2px solid var(--heo-none);color:var(--heo-white);background:var(--heo-main);border-radius:4px;box-shadow:var(--heo-shadow-main)}#article-container a.fancybox{border-bottom:0;padding:0;margin:auto;display:contents;width:fit-content}#article-container a.fancybox img{cursor:zoom-in}.site-card-avatar a.fancybox{padding:0!important}#article-container p{margin:1rem 0;text-align:left;letter-spacing:.6px}.table-wrap{margin:1rem 0;border-radius:8px}table td,table th{border:var(--style-border-always)}table thead{background:var(--heo-secondbg)}b,strong{color:var(--heo-lighttext)}#article-container p{font-size:.9rem;line-height:1.7;font-weight:400}#article-container.post-content h1,#article-container.post-content h2,#article-container.post-content h3,#article-container.post-content h4{align-items:center;justify-content:space-between;flex-direction:row-reverse}#article-container.post-content h1{font-size:1.5rem;line-height:1.3}#article-container.post-content h2{font-size:1.3rem;line-height:1.3;border-top:1px dashed var(--heo-theme-op);padding-top:1.5rem}#article-container.post-content h3{font-size:1.1rem;line-height:1.3}#article-container.post-content h4{font-size:1rem;line-height:1.3}@media screen and (max-width:768px){#article-container p{line-height:1.5}}.note.warning:not(.no-icon):not(.modern)::before{display:flex;align-items:center;height:30px;color:var(--heo-yellow)}.note.warning:not(.modern){border-radius:8px;border-width:1px;border-color:var(--heo-yellow);box-shadow:var(--heo-shadow-border);background:var(--card-bg)}#article-container .tag-Link{background:var(--heo-secondbg);border-radius:8px!important;display:flex;border:var(--style-border);flex-direction:column;padding:.5rem 1rem;border-width:1px!important;margin-top:1rem}#article-container .tag-Link:hover{border:var(--style-border-hover)}#article-container .tag-Link .tag-link-tips{border-bottom:var(--style-border-always);padding-bottom:4px;font-size:.6rem;color:var(--heo-gray);font-weight:400;pointer-events:none}#article-container .tag-Link:hover .tag-link-tips{color:var(--heo-white)}#article-container .tag-Link .tag-link-bottom{display:flex;margin-top:.5rem;align-items:center;justify-content:space-around;pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-left{width:60px;min-width:60px;height:60px;background-size:cover!important;border-radius:60px;background:var(--heo-card-bg);pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-right{margin-left:1rem;pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-title{font-size:1rem;line-height:1.2;pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-sitename{font-size:.7rem;color:var(--heo-gray);font-weight:400;margin-top:4px;pointer-events:none}#article-container .tag-Link:hover .tag-link-bottom .tag-link-right .tag-link-sitename{color:var(--heo-white)}#article-container .tag-Link .tag-link-bottom i{margin-left:auto;padding-left:.5rem;pointer-events:none}h1,h2,h3,h4,h5,h6{margin-top:1rem;padding-top:0;padding-left:0!important;font-weight:weight}#post h2{margin-top:1.5rem}#article-container>h1:nth-child(1),#article-container>h2:nth-child(1){margin:0}#aside-content #card-toc .toc-content:before{display:none}blockquote{border:var(--style-border-always);background-color:var(--heo-secondbg);color:var(--heo-secondtext);border-radius:8px;margin:1rem 0;padding:.5rem .8rem}blockquote p{padding:0}#article-container .headerlink::before{content:"\f0c1";font-family:"Font Awesome 5 Free"}#article-container .headerlink{float:right;opacity:.08;border-bottom-style:none;border-bottom:none;position:relative;padding:0;border:none;border-radius:8px!important;line-height:1;font-size:1rem}#article-container .headerlink:hover{background:0 0!important;opacity:1;border-bottom:none!important;box-shadow:none!important;background:var(--heo-none);color:var(--heo-lighttext)!important;text-decoration:none}#sidebar{background:var(--heo-maskbg)}#article-container img{border-radius:12px;margin-bottom:.5rem;object-fit:cover}.doge-inner-player{border-radius:12px!important}#article-container ol li:before,#article-container ul li:before{background:var(--heo-theme);cursor:default}#article-container ol li:hover:before,#article-container ul li:hover:before{transform:rotate(0)}#article-container .gutter{opacity:.6}#article-container .code-lang{margin-left:6px}#article-container .code-expand-btn i{color:var(--heo-fontcolor);font-size:1rem}#article-container .code-expand-btn{background-color:var(--heo-mask);background:var(--heo-secondbg);transition:.3s;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}#article-container .code-expand-btn:hover{background:var(--heo-main)}#article-container .code-expand-btn:hover i{color:var(--heo-white)}#readmore-talk{text-align:center;color:var(--heo-lighttext);padding:8px;border-radius:12px;background:#f2b94b0c}.relatedPosts>.relatedPosts-list .cover::after{content:' ';display:block;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:url(../images/404.gif) 50%;background-size:cover}.relatedPosts>.relatedPosts-list a{display:flex;width:100%;height:100%}@media screen and (min-width:768px){#post>div.relatedPosts>div.relatedPosts-list>div{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}#post>div.relatedPosts>div.relatedPosts-list>div{border-radius:12px}.relatedPosts>.headline{font-size:.8em}@media screen and (max-width:1300px){#post>div.relatedPosts>div.relatedPosts-list>div:nth-child(7){display:none}#post>div.relatedPosts>div.relatedPosts-list>div:nth-child(8){display:none}}}.relatedPosts>.headline{margin-bottom:.8rem!important;font-size:1.2em}#post .tag_share .post-meta__tags{background:var(--heo-card-bg);border:var(--style-border-always);color:var(--heo-fontcolor);border-radius:8px;margin:0;display:flex;align-items:center;white-space:nowrap;height:34px}#post .tag_share .post-meta__tags:not(:last-child){margin:0 .5rem 0 0}#post .tag_share .post-meta__tags:hover{background:var(--heo-lighttext);box-shadow:var(--heo-shadow-main);color:var(--heo-white)}@media screen and (min-width:1300px){#post .tag_share .post-meta__tags{background:var(--heo-card-bg);border:var(--style-border)}#post .tag_share .post-meta__tags:hover{border:var(--style-border-hover)}}#post .post-copyright{background:var(--heo-card-bg);padding:1rem 1.3rem;overflow:hidden;border:var(--style-border);border-width:1px;transition:.3s;position:relative;margin:1.5rem 0 .5rem;border-radius:12px}#post .post-copyright:after{position:absolute;right:22px;top:-77px;content:"\e00d";font-size:180px;font-family:heofont;color:var(--heo-fontcolor);opacity:.1;filter:blur(7px)}@media screen and (max-width:768px){#post .post-copyright{padding:1rem 1.3rem}}.post-copyright__author{display:flex;align-items:center}.post-copyright__original{background:var(--heo-fontcolor);color:var(--heo-card-bg);padding:.2rem .5rem;font-size:.7rem;border-radius:8px;margin-right:.5rem;font-weight:700;line-height:1.5;white-space:nowrap}.post-copyright__original:hover{background:var(--heo-main);color:var(--heo-white)}@media screen and (max-width:768px){#post .post-copyright{box-shadow:var(--heo-shadow-border)}.post-copyright .post-meta-original{display:none}.post-copyright__original{display:none}#post .post-copyright:after{display:none}}.post-copyright-copybtn{margin-left:.5rem;color:var(--heo-fontcolor);opacity:.4;transition:.3s}.post-copyright-copybtn:hover{opacity:1;transition:.3s}#post .post-copyright .post-copyright-info a{padding:0;color:var(--heo-fontcolor);font-weight:700}#post .post-copyright .post-copyright__notice .post-copyright-info a{padding:0 4px}#post .post-copyright .post-copyright-info a:hover{color:var(--heo-lighttext)}#post .post-copyright .post-copyright-info{padding-left:0;color:var(--heo-fontcolor);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#post .post-copyright .post-copyright-title{padding-left:0;color:var(--heo-fontcolor);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:1rem;font-weight:700}#post .post-copyright .post-copyright-title:hover{color:var(--heo-lighttext)}#post>div.post-copyright>div.post-copyright__author>span>span{padding:0;color:var(--heo-fontcolor);font-weight:700;font-size:1rem;line-height:1.38;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:768px){#post>div.post-copyright>div.post-copyright__author>span>span{-webkit-line-clamp:3}#post .post-copyright .post-copyright-info{-webkit-line-clamp:2}#post .post-copyright .post-copyright-title{-webkit-line-clamp:3;line-height:1.2}}#post>div.post-copyright>div.post-copyright__type{line-height:16px;display:flex;margin-top:8px}#post>div.post-copyright>div.post-copyright__type>span>a{font-size:14px;opacity:.6;line-height:16px}#post>div.post-copyright>div.post-copyright__type>span>a:hover{opacity:1;background:0 0}#post-copyright-url a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#post>div.post-copyright>div.post-copyright__notice{font-size:.7rem;line-height:1rem;margin:.5rem 0}#post .post-copyright:before{display:none}.post-reward .reward-button{background:var(--heo-red);color:var(--heo-white);padding:0;width:133px;height:40px;line-height:39px;box-shadow:var(--heo-shadow-red)}.post-reward:hover .reward-button{color:var(--heo-white);background:var(--heo-theme);box-shadow:none}.share-button .fa-qrcode:before{font-size:1rem}.post-qr-code-img{box-shadow:var(--heo-shadow-lightblack);border-radius:12px;border:var(--style-border-always)}.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc{padding-top:0;margin-top:-8px;margin-bottom:8px}.post-reward .reward-main .reward-all{border-radius:12px;background:var(--heo-background);border:var(--style-border-always);padding:.8rem;display:flex;box-shadow:var(--heo-shadow-border);flex-direction:column;align-items:center}.reward-dec{font-size:.6rem}.reward-text{margin-bottom:0;font-weight:700}a.reward-main-btn{background:var(--heo-secondbg);color:var(--heo-fontcolor);display:flex;flex-direction:column;border-radius:12px;padding:4px 0;border:var(--style-border-always);margin:8px;width:100%}a.reward-main-btn:hover{color:var(--heo-white);background:var(--heo-red);background-image:url(../images/hua.gif);box-shadow:var(--heo-shadow-red)}.reward-title{font-weight:700;color:var(--heo-red)}.reward-link.mode{background:var(--heo-green);color:var(--heo-white);padding:0;width:173px;height:40px;line-height:39px;box-shadow:var(--heo-shadow-green);border-radius:8px;margin-left:.5rem;text-align:center;transition:.3s}@media screen and (min-width:1300px){.reward-link.mode:hover{transform:scale(1.03)}.reward-link.mode:active{transform:scale(.97)}}.reward-link.mode a{color:var(--heo-white)}.reward-link.mode i{margin-right:4px}.reward-link.mode:hover{background:var(--heo-theme);box-shadow:none}#quit-box{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.4);top:0;left:0;display:none;z-index:101;margin:0!important}.post-tools-left #quit-box{display:none}@media screen and (max-width:768px){#quit-box{display:none!important}}#pagination .next-post,#pagination .prev-post,.next-post.pull-right,.prev-post.pull-left{background:var(--heo-secondbg)}@media screen and (min-width:768px){#pagination .next-post a{border-left:var(--heo-card-bg);border-left-width:3px;border-left-style:solid;display:flex;align-items:flex-start;height:150px}#pagination .next-post.pull-full a{border-left-width:0}#pagination .prev-post a{border-right:var(--heo-card-bg);border-right-width:3px;border-right-style:solid}#pagination .pagination-info{padding:1rem 1.5rem 1rem 1.5rem;position:relative;display:flex;top:0;transform:none;flex-direction:column;justify-content:center;margin:auto;height:100%}#pagination .next-post a:hover,#pagination .prev-post a:hover{background:var(--heo-main)}#pagination .next-post a:hover div,#pagination .prev-post a:hover div{color:var(--heo-white)!important}}@media screen and (max-width:768px){#pagination .next-post a:hover,#pagination .prev-post a:hover{background:var(--heo-none)}}#pagination img.next-cover,#pagination img.prev-cover{opacity:.15;transform:scale(1.03);transition:.3s;filter:blur(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}#pagination .next-post:hover img.next-cover,#pagination .next-post:hover img.prev-cover,#pagination .prev-post:hover img.next-cover,#pagination .prev-post:hover img.prev-cover{opacity:.25;transform:scale(1.03);filter:blur(5px)}#pagination .next-post .label,#post #pagination .prev-post .label{color:var(--heo-fontcolor)}#pagination .next_info,#post #pagination .prev_info{color:var(--heo-fontcolor);font-weight:700;-webkit-line-clamp:2;white-space:normal;line-height:1.3;font-size:.9rem;display:-webkit-box;-webkit-box-orient:vertical}#post #pagination{overflow:hidden;position:inherit}#pagination.pagination-post{background:var(--heo-card-bg)}@media screen and (max-width:768px){.prev-post.pull-left{border-bottom:var(--style-border-always)}#post #pagination{border-radius:12px;border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}#pagination .next-post .label,#post #pagination .prev-post .label{text-align:left}#pagination .next_info,#post #pagination .prev_info{text-align:left}#pagination .next-post,#pagination .prev-post,.next-post.pull-right,.prev-post.pull-left{background:var(--heo-card-bg)}}@media screen and (max-width:768px){#pagination .page-number{display:none}#pagination .pagination .space{display:none}#pagination .pagination .extend{width:100%;height:2.5rem;margin:.2rem 1rem 1rem 1rem;border-radius:12px;line-height:2.5rem;background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}#pagination .pagination .extend i{display:none}#pagination .pagination .extend:hover{background:var(--heo-theme);color:var(--heo-white)}#pagination .pagination{background:var(--heo-background);transition:.3s;display:flex}}@media screen and (min-width:768px){#pagination .page-number{width:2rem;background:var(--heo-card-bg);height:2rem;line-height:calc(2rem - 2px);border-radius:8px!important;margin:0 .3rem;box-shadow:var(--heo-shadow-border);border:var(--style-border);transition:.3s}#pagination .page-number.current{background:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-theme)}#pagination .page-number.current:hover{background:var(--heo-theme);box-shadow:var(--heo-shadow-theme);color:var(--heo-white)}#pagination .page-number:hover{color:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-main);transform:scale(1.03)}#pagination a.extend.next:hover,#pagination a.extend.prev:hover{color:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-main);transform:scale(1.03)}@media screen and (min-width:1300px){#pagination .page-number:hover{transform:scale(1.03)}#pagination a.extend.next:hover,#pagination a.extend.prev:hover{transform:scale(1.03)}#pagination .page-number:active{transform:scale(.97)}#pagination a.extend.next:active,#pagination a.extend.prev:active{transform:scale(.97)}}#pagination span.space{margin:0 .3rem}#pagination a.extend.next,#pagination a.extend.prev{width:4rem;height:2rem;line-height:1.9rem;border-radius:8px!important;background:var(--heo-card-bg);box-shadow:var(--heo-shadow-border);position:absolute;border:var(--style-border);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.3s}#pagination a.extend.next i,#pagination a.extend.prev i{transition:.3s}#pagination a.extend.next{overflow:hidden}#pagination a.extend.next .pagination_tips_next{margin-left:-32px;transition:.3s;opacity:0}#pagination a.extend.next:hover .pagination_tips_next{margin-left:2px;opacity:1;white-space:nowrap}#pagination a.extend.prev .pagination_tips_prev{margin-right:-32px;transition:.3s;opacity:0}#pagination a.extend.prev:hover .pagination_tips_prev{margin-right:2px;opacity:1;white-space:nowrap}#pagination{overflow:visible}#pagination .pagination{position:relative;display:flex;justify-content:center}}.relatedPosts-list{display:flex;flex-wrap:wrap;justify-content:space-between}.relatedPosts>.relatedPosts-list>div{background:var(--heo-background);transition:.3s;cursor:pointer;overflow:hidden}.relatedPosts>.relatedPosts-list>div:hover{background:var(--heo-main)}@media screen and (max-width:768px){.relatedPosts{display:none}.relatedPosts>.relatedPosts-list>div{border-radius:4px}}@media screen and (min-width:1300px){.relatedPosts>.relatedPosts-list>div{width:calc(25% - 8px)}}.relatedPosts>.relatedPosts-list>div:hover a .title{color:var(--heo-white)}.relatedPosts>.relatedPosts-list .content .title{color:var(--heo-fontcolor);font-weight:700;line-height:1.5;-webkit-line-clamp:4;font-size:.9rem;text-align:left}.relatedPosts>.relatedPosts-list .content .date{color:var(--heo-fontcolor);display:none}#post>hr{display:none}.post-tips{color:var(--heo-gray);font-size:14px;position:absolute;bottom:1rem;left:2rem}.post-tips a{color:var(--heo-gray)!important;border:none!important}.post-tips a:hover{color:var(--heo-main)!important}@media screen and (max-width:768px){.post-tips{left:1rem}}div#post-comment{margin-top:2rem}#post-comment>div.comment-head>div.comment-privacy{display:block;justify-content:space-between;margin-left:8px;font-size:13px;margin-left:auto}#post-comment>div.comment-head>div.comment-privacy a:hover{color:var(--heo-theme)}#post-comment .comment-tips{background-color:rgba(103,194,58,.13);border:var(--style-border-always);border-color:var(--heo-green);color:var(--heo-green);border-radius:8px;padding:8px 12px;margin-top:.5rem;display:none;width:100%}#post-comment .comment-tips.show{display:flex;font-weight:700}.tk-avatar{width:32px!important;height:32px!important;box-shadow:var(--heo-shadow-border)}.tk-avatar.tk-has-avatar{width:32px!important;height:32px!important;border-radius:32px!important}.tk-row .tk-avatar{display:none}.tk-avatar .tk-avatar-img{height:32px!important}.tk-avatar .tk-avatar-img:hover{transform:rotate(360deg)}img.tk-avatar-img{height:32px!important}.tk-avatar{margin-right:.5rem!important}.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before{content:'输入QQ号会自动获取昵称和头像'}.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(2):before{content:'收到回复将会发送到你的邮箱'}.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(3):before{content:'可以通过昵称访问你的网站'}.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before{display:block;animation:commonTipsIn .3s}.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after{display:block;animation:commonTriangleIn .3s}@keyframes commonTipsIn{0%{top:-50px;opacity:0}100%{top:-60px;opacity:1}}@keyframes commonTriangleIn{0%{transform:translate(-50%,-36px);opacity:0}100%{transform:translate(-50%,-46px);opacity:1}}.el-input.el-input--small.el-input-group.el-input-group--prepend::before{display:none;position:absolute;top:-60px;white-space:nowrap;border-radius:10px;left:50%;transform:translate(-50%);padding:14px 18px;background:#444;color:#fff;z-index:100}.el-input.el-input--small.el-input-group.el-input-group--prepend::after{display:none;content:'';position:absolute;border:12px solid transparent;border-top-color:#444;left:50%;transform:translate(-50%,-46px)}.tk-nick{font-size:1rem!important;line-height:32px}.el-input-group__append,.el-input-group__prepend{background-color:var(--heo-card-bg)!important;color:var(--heo-fontcolor)!important;border-color:var(--heo-card-border)!important;border:var(--style-border)!important;font-weight:700}.el-input__inner{background:var(--heo-background)!important;border:1px solid var(--heo-card-border)!important;color:var(--heo-fontcolor)!important;padding-left:8px}.page .el-input__inner{background:var(--heo-card-bg)!important}.el-input__inner:focus{border:1px solid var(--heo-main)!important}.el-textarea__inner{background:var(--heo-background)!important;color:var(--heo-fontcolor)!important;border-radius:12px!important;min-height:100px!important;padding:16px 16px 40px 16px!important;border:var(--style-border-always)!important}@media screen and (max-width:768px){.el-textarea__inner{border-radius:4px!important;background:var(--card-bg)!important}}#page .el-textarea__inner{background:var(--heo-card-bg)!important;box-shadow:var(--heo-shadow-border)}.el-textarea__inner:focus{border:var(--style-border-hover-always)!important;box-shadow:var(--heo-shadow-main)}#page .tk-meta-input .el-input{box-shadow:var(--heo-shadow-border)}#twikoo .tk-row .tk-col{flex-direction:column-reverse!important}#twikoo>div.tk-comments>div.tk-comments-container>div.tk-comments-title>span:nth-child(1){font-size:1rem}.el-loading-mask{background-color:none!important}.tk-tag{transform:translateY(-2px)}.tk-tag-green{border-radius:4px!important;border:0 solid #e1f3d8!important;font-size:.5rem!important}.tk-tag-yellow{border-radius:4px!important;border:0 solid #e1f3d8!important;font-size:.5rem!important}[data-theme=dark] .tk-tag-green{background-color:#3b70fc;border:none;border-radius:4px;color:#fff}.tk-tag-red{border-radius:4px!important;border:0 solid #f3d8d8!important;font-size:.5rem!important}[data-theme=dark] .tk-tag-red{background-color:#c23a3a21!important}.el-button{background-color:var(--heo-fontcolor)!important;border:0 solid var(--heo-main)!important;color:var(--heo-background)!important;border-radius:8px!important}.el-button:hover{background:var(--heo-main)!important;color:var(--heo-white)!important}.el-button.tk-preview{display:none!important}#twikoo>div.tk-comments>div.tk-submit>div.tk-row.actions>a{display:none!important}.twikoo-info{color:var(--heo-secondtext)}.tk-action-link{color:var(--heo-lighttext)!important}.tk-action-icon svg{fill:var(--heo-lighttext)!important}button.el-button.tk-cancel.el-button--default.el-button--small{background:var(--heo-secondbg)!important;border-radius:8px!important;color:var(--heo-fontcolor)!important}.tk-submit-action-icon.__markdown{display:none}.tk-comments .el-button--primary{border-color:var(--heo-fontcolor)!important;color:var(--heo-card-bg)!important;border-radius:4px!important;box-shadow:var(--heo-shadow-black);transition:.3s;width:5rem;position:absolute;top:-53px;right:0;margin-left:.5rem!important;height:32px}.tk-comments .el-button--primary.is-disabled,.tk-comments .el-button--primary.is-disabled:active,.tk-comments .el-button--primary.is-disabled:focus,.tk-comments .el-button--primary.is-disabled:hover{opacity:.4}.tk-row-actions-start{position:absolute;top:-100px;left:17px}@media screen and (max-width:768px){.tk-submit .el-button--primary{width:5rem;height:132px;top:-161px}.tk-row-actions-start{top:-210px}}.tk-extras{margin-top:.5rem;padding-bottom:.5rem}.tk-icon.__comments:first-child{width:.6em}.tk-row.actions{margin-bottom:.5rem!important;margin-left:0!important;margin-top:.5rem!important;justify-content:space-around!important}.tk-meta-input{position:relative!important;margin-top:.8rem;width:calc(100% - 5.5rem)}#post-comment blockquote{background:var(--heo-secondbg);border:var(--style-border);box-shadow:none;margin:0;margin-bottom:.5rem;font-size:.6rem;color:var(--heo-secondtext);border-radius:8px}.tk-content .tk-owo-emotion{width:3em;margin:0 2px 0 2px}.OwO .OwO-body{z-index:102;width:500px}#owo-big{position:fixed;align-items:center;background-color:var(--heo-card-bg);border:var(--style-border-always);border-radius:10px;z-index:9999;display:none;transform:translate(0,-105%);overflow:hidden;animation:owoIn .3s cubic-bezier(.42,0,.3,1.11);padding:1rem}#owo-big img{width:100%}.tk-owo-emotion,.twikoo .OwO-item img{pointer-events:none}@keyframes owoIn{0%{transform:translate(0,-95%);opacity:0}100%{transform:translate(0,-105%);opacity:1}}@media screen and (max-width:768px){.OwO .OwO-body{width:300px}}.tk-extra{background:var(--heo-card-bg);border:var(--style-border-always);padding:1px 5px 1px 2px;border-radius:8px;margin-right:4px!important;color:var(--heo-secondtext)!important;display:inline!important;margin-top:6px!important;font-size:.5rem}.tk-extra .tk-icon{display:none}.tk-expand{background:var(--heo-card-bg)!important;color:var(--heo-fontcolor)!important;border:var(--style-border-always);box-shadow:var(--heo-shadow-border);border-radius:12px}.tk-expand:hover{background:var(--heo-theme)!important;color:var(--heo-white)!important}.tk-time{color:var(--heo-secondtext)!important;font-size:.8rem;margin-left:.5rem}.tk-comments-container>.tk-comment{margin-top:0!important;margin-bottom:.5rem!important;background:var(--heo-card-bg);transition:.3s;border-radius:12px;padding:0;padding-top:.5rem;border:none;border-top:var(--style-border-dashed)}#page .tk-comments-container>.tk-comment{padding:1rem;padding-bottom:1.5rem;border:var(--style-border);border-top:var(--style-border);box-shadow:var(--heo-shadow-border)}@media screen and (max-width:768px){.tk-comments-container>.tk-comment{padding:1rem;border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}}#post-comment .comment-head{font-size:.8em!important;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap}.tk-replies>.tk-comment{background:var(--heo-card-bg);border-top:var(--style-border-dashed);border-radius:12px;padding:0;transition:.3s;padding-top:1rem;margin-top:0}.tk-content p{margin:0!important}.tk-replies .tk-content span:first-child{font-size:.5rem;color:var(--heo-secondtext)}.img-alt{font-size:12px;margin:0;color:var(--heo-secondtext)}.long-img .img-alt{display:none}.long-img img{border-radius:0!important;margin:0!important}.relatedPosts>.relatedPosts-list>div:hover .cover{transform:scale(1);opacity:0}@media screen and (min-width:768px){#pagination.pagination-post{border-radius:12px;margin-top:1rem}.relatedPosts{margin-top:1rem}}@media screen and (min-width:1300px){#pagination.pagination-post{border-radius:12px;margin-top:1rem}.relatedPosts{margin-top:1rem}}.post-tools{display:flex;width:100%;justify-content:space-between;margin-top:2rem;flex-wrap:wrap}.post-reward{margin-top:0;display:flex;justify-content:center}.post-reward:hover>.reward-main{display:none}.post-reward .reward-main{z-index:1003}@media screen and (min-width:768px){.post-reward:hover>.reward-main{display:flex!important;justify-content:left}}@media screen and (max-width:768px){.post-reward .reward-main{justify-content:center!important;position:fixed;bottom:0;left:0;right:0;z-index:102;width:100%;margin:auto;padding:0}.post-reward .reward-main .reward-all{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;padding:30px 0 60px 0;border-radius:12px 12px 0 0}#post .tag_share .post-meta__tags{margin:0 .5rem 0 0}a.reward-main-btn{margin:4px auto}.tk-meta-input .el-input .el-input-group__prepend{padding:0 .3rem!important}.tk-meta-input{display:flex;flex-direction:column;top:0;position:inherit!important}.tk-meta-input .el-input{margin-left:0!important;width:100%!important;margin-bottom:8px}}.post-tools-left{white-space:nowrap;display:flex;text-overflow:ellipsis;flex-wrap:wrap;margin-bottom:.5rem}.post-tools-right{overflow:scroll;overflow-x:overlay;padding-right:0;display:flex;align-items:center;margin-bottom:.5rem}@media screen and (max-width:768px){.post-tools-left>div{margin:8px}.post-tools-left{white-space:nowrap;display:flex;text-overflow:ellipsis;margin-top:1rem;justify-content:center;width:100%}.post-tools-right{margin-top:1rem;width:100%;justify-content:center}}.post-reward .reward-main .reward-all:after{display:none}.reward-group{display:flex;margin-top:.5rem}.post-reward .reward-main .reward-all .reward-item:first-child img{border-color:var(--heo-green)}.post-reward .reward-main .reward-all .reward-item:last-child img{border-color:var(--heo-blue)}.share-link{margin-left:.5rem;display:flex;justify-content:center;position:relative;text-align:center}.share-button{background:var(--heo-card-btn-bg);color:var(--heo-fontcolor);border-radius:8px;cursor:pointer;transition:.3s;width:56px;height:40px}.share-button i{line-height:40px}.share-button i.fab{line-height:42px}@media screen and (min-width:1300px){.share-button{background:var(--heo-card-bg);border:var(--style-border)}.share-button:hover{transform:scale(1.03)}.share-button:active{transform:scale(.97)}.share-button i{line-height:38px}.share-button i.fab{line-height:40px}}.share-button:hover{background:var(--heo-theme);border-color:var(--heo-theme);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-blue)}.share-link.weibo:hover .share-button{background:var(--heo-red);border-color:var(--heo-red);box-shadow:var(--heo-shadow-red)}.share-link.mobile:hover .share-button{background:var(--heo-green);border-color:var(--heo-green);box-shadow:var(--heo-shadow-green);color:var(--heo-white)}.share-main{position:absolute;bottom:40px;z-index:100;display:none;padding-bottom:15px}.share-main-all{padding:12px;border-radius:12px;background:var(--heo-background);animation:donate_effcet .3s .1s ease both;flex-direction:column;border:var(--style-border-always)}#qrcode{width:150px;height:150px;min-width:150px;min-height:150px;background:var(--heo-white);padding:8px;border-radius:8px;margin-bottom:8px;border:var(--style-border-always)}.share-link:hover .share-main{display:flex}.share-qrcode{display:flex;justify-content:center}@media screen and (max-width:768px){.share-link.mobile{display:none}.share-button{background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}}#twikoo>div.tk-comments>div.tk-submit>div.tk-row.actions>div>div.tk-action-icon.OwO.OwO-open>div.OwO-body>div>ul>li>span{line-height:48px;font-size:28px}#page .category-lists .category-title{display:none}.article-sort-item-title{line-height:1.3;-webkit-line-clamp:1}@media screen and (max-width:768px){.article-sort-item-title{-webkit-line-clamp:2}}#page{background:0 0;border:none;padding:0}.article-sort .article-sort-item .article-sort-item-img{border-radius:12px;min-width:151px;min-height:80px;background:var(--heo-secondbg);-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}@media screen and (max-width:768px){.article-sort .article-sort-item .article-sort-item-img{min-width:80px}}#post .tag_share .post-meta__tag-list{display:flex}@media screen and (max-width:768px){#post .tag_share .post-meta__tag-list{display:flex;overflow:scroll;position:absolute;left:0;padding:0 20px 0 20px;width:100%}}#page .tag-cloud-list a{color:var(--heo-fontcolor)!important;font-size:1.4em!important;padding:.2em .5em;background:var(--heo-secondbg);margin:.5em .5em;border-radius:12px;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}#page .tag-cloud-list a:hover{background:var(--heo-blue)!important;box-shadow:var(--heo-shadow-blue);color:var(--heo-white)!important;border:var(--style-border-hover)}span.tagsPageCount{background:var(--heo-card-bg);padding:4px 4px;border-radius:8px;color:var(--heo-secondtext);line-height:1;text-align:center;min-width:35px;display:inline-block;font-size:1rem}#page .tag-cloud-list a:hover span.tagsPageCount{color:var(--heo-lighttext)}#post .tag_share .post-meta__tags span.tagsPageCount,#tag-page-tags .tagsPageCount{padding:2px 4px;background:var(--heo-secondbg);border:var(--style-border-always);min-width:22.5px;display:inline-block;border-radius:4px;text-align:center;font-size:.6rem;color:var(--heo-fontcolor);margin-left:4px}#post .tag_share .post-meta__tags:hover span.tagsPageCount,#tag #tag-page-tags a:hover .tagsPageCount{background:var(--heo-card-bg);color:var(--heo-lighttext)}#tag #tag-page-tags a.select .tagsPageCount{background:var(--heo-card-bg);color:var(--heo-lighttext)}span.tags-punctuation{margin-right:2px}span.tags-punctuation::before{content:"\e608";font-family:anzhiyufont!important;opacity:.4;margin-right:2px}.hide-aside #page span.tags-punctuation::before{font-size:22px}.recent-post-item span.tags-punctuation{margin-right:0;font-size:13px}.category-lists span.tags-punctuation{font-size:18px}.tags-name{margin-left:2px}#article-container h1{padding-left:0}#article-container h1:before{display:none}#article-container h1:hover{padding-left:0}#article-container>div>figure>figcaption>p{margin:0}#page .category-lists ul li::before{display:none}#page .category-lists ul li{margin:0;margin-right:8px;margin-bottom:8px}#page .category-lists ul{display:flex;padding:0;flex-wrap:wrap;flex-direction:row}#page .category-lists ul li{padding:4px 16px;width:200px;border-radius:12px;background:var(--card-bg);border:var(--style-border-always)}figure.gallery-group{border-radius:12px}figure.gallery-group:hover .gallery-group-name::after{display:none}.tag-cloud-title{display:none}.tk-replies .tk-content{margin-top:0!important}#tag #tag-page-tags{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -.75rem;margin-bottom:.5rem}#tag #tag-page-tags a{padding:.1rem .5rem;margin:.25rem .25rem;line-height:1.6;border-radius:8px;color:var(--heo-fontcolor)!important;border:var(--style-border-always);display:flex;align-items:center}#tag #tag-page-tags a.select{color:var(--heo-white)!important;background:var(--heo-theme);box-shadow:var(--heo-shadow-theme)}#tag #tag-page-tags a:hover{color:var(--heo-white)!important;background:var(--heo-theme);box-shadow:var(--heo-shadow-theme)}.article-sort-item:before{display:none}.article-sort-title:before{display:none}.article-sort-title:after{display:none}.article-sort{border:none}.article-sort{margin-left:0;padding-left:0}.article-sort-title{margin-left:0;padding-bottom:0;padding-left:0}.article-sort-item{margin:0 0 1rem 0;overflow:hidden;border-radius:12px}@media screen and (max-width:768px){.article-sort-item-info a{white-space:inherit!important}}.article-sort-item.year{font-size:.8rem;color:var(--heo-secondtext);margin-bottom:.2rem}.article-sort-item-img img:hover{transform:scale(1)}.article-sort-title{font-weight:700;font-size:2em}.article-sort-item-info{padding:0 .8rem;display:flex;flex-direction:column}.article-sort-item-time{order:1;margin-top:4px;color:var(--heo-secondtext)}.article-sort-item-title{order:0;font-weight:700}.article-sort-item-title:hover{transform:translateX(0);color:var(--heo-hovertext)}#random-post{min-height:32px;background:var(--card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border);padding:20px 30px;border-radius:12px;margin-top:8px}.random-friends-post{text-decoration:none;border-bottom:2px solid var(--heo-lighttext);color:var(--heo-fontcolor);font-weight:700;padding:0 4px}.random-friends-post:hover{text-decoration:none;border-bottom:2px solid var(--heo-none);color:var(--heo-white);background:var(--heo-main);border-radius:4px;box-shadow:var(--heo-shadow-main)}.random-post-start{transition-duration:.3s}.random-post-start:hover{color:var(--heo-hovertext)}.flink#article-container .flink-list{padding:0;margin:1rem -6px 0 -6px;overflow-x:hidden}.flink#article-container .flink-desc{margin:0}.flink#article-container .flink-list>.flink-list-item a .flink-item-desc{white-space:normal;padding:5px 10px 16px 0;color:var(--heo-fontcolor);text-align:left;height:40px;text-overflow:ellipsis;opacity:.7;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-desc{color:var(--heo-white)}.flink-list-item .flink-item-info{max-width:136px;overflow:hidden}.flink-list-item:hover .flink-item-info{max-width:100%}.flink#article-container .flink-list>.flink-list-item a .flink-item-name{text-align:left;font-size:19px;color:var(--heo-fontcolor)}.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-name{color:var(--heo-white)}.flink#article-container .flink-list>.flink-list-item a{display:flex;border:none}.flink#article-container .flink-list>.flink-list-item a:hover{background:0 0}.flink#article-container .flink-list>.flink-list-item a img{border-radius:32px;margin:15px 20px 15px 15px;transition:.3s;background:var(--heo-background);min-width:60px;min-height:60px}.flink#article-container .flink-list>.flink-list-item:hover a img{transition:.6s;width:0;height:0;opacity:0;margin:.5rem;min-width:0;min-height:0}.flink#article-container .flink-list>.flink-list-item a span{transition:.3s}.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-desc{overflow:inherit;width:100%}.flink#article-container .flink-list>.flink-list-item{margin:6px 6px;transition:.3s;border-radius:12px;transition-timing-function:ease-in-out;position:relative;width:calc(20% - 12px);border:var(--style-border);box-shadow:var(--heo-shadow-border);background:var(--heo-card-bg)}.flink#article-container .flink-list>.flink-list-item:hover{transform:scale(1);background:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}@media screen and (min-width:1300px){.flink#article-container .flink-list>.flink-list-item:hover{transform:scale(1.03)}.flink#article-container .flink-list>.flink-list-item:active{transform:scale(.97)}}.gallery-group figcaption p{line-height:1.5!important}.flink#article-container .site-card .info .title{color:var(--heo-fontcolor);text-align:left}.flink#article-container .site-card:hover .info .title{color:var(--heo-white);box-shadow:var(--heo-shadow-blue)}.flink#article-container .site-card:hover .info{height:120px}.flink#article-container .site-card .site-card-text{display:flex;flex-direction:column;align-items:flex-start}.flink#article-container .site-card .info .desc{font-size:.7rem;color:var(--heo-fontcolor);opacity:.7;transition:.3s;text-align:left}.flink#article-container .site-card:hover .info .desc{-webkit-line-clamp:4}.flink#article-container .site-card:hover .info .desc{transition:.3s;color:var(--heo-white);width:100%}.flink#article-container .site-card:hover .info{background:var(--heo-theme)}.flink#article-container .site-card{border:var(--style-border);border-radius:12px;transition:.3s;transition-timing-function:ease-in-out;overflow:hidden;height:200px;position:relative;width:calc(100% / 7 - 16px);background:var(--heo-card-bg);box-shadow:var(--heo-shadow-border)}@media screen and (min-width:1300px){.flink#article-container .site-card:hover{transform:scale(1.03)}.flink#article-container .site-card:active{transition:.95}}.site-card-tag{position:absolute;top:0;left:0;padding:4px 8px;background-color:var(--heo-main);box-shadow:var(--heo-shadow-main);color:var(--heo-white);z-index:1;border-radius:12px 0 12px 0;transition:.3s;font-size:.6rem}.site-card-tag.vip{/*! Edit and share this gradient: https://html5kit.com/gradient-editor/?preset=d48f16,100;e5b085,0 */background:-moz-linear-gradient(38deg,rgba(229,176,133,1) 0,rgba(212,143,22,1) 100%);background:-webkit-linear-gradient(38deg,rgba(229,176,133,1) 0,rgba(212,143,22,1) 100%);background:linear-gradient(38deg,rgba(229,176,133,1) 0,rgba(212,143,22,1) 100%);overflow:hidden;box-shadow:var(--heo-shadow-yellow)}.light{cursor:pointer;position:absolute;top:0;width:100px;height:50px;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-animation:light_tag 4s both infinite;-moz-animation:light_tag 4s both infinite;-ms-animation:light_tag 4s both infinite;animation:light_tag 4s both infinite}@keyframes light_tag{0%{transform:skewx(0);-o-transform:skewx(0);-moz-transform:skewx(0);-webkit-transform:skewx(0);left:-150px}99%{transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);left:50px}}.site-card-tag.speed{background:var(--heo-green);box-shadow:var(--heo-shadow-green)}.flink#article-container .site-card:hover .site-card-tag{left:-50px}.flink-list-item:hover .site-card-tag{left:-50px}.flink#article-container .site-card .info{display:flex;border:none;padding:.5rem;width:100%;height:90px;margin:0;border-radius:0 0 12px 12px}.flink#article-container .site-card .img img{border-radius:12px 12px 0 0;transform:scale(1.03);transition:.3s}@media screen and (min-width:769px){.flink#article-container .site-card:hover .img img{transform:scale(1.1);filter:brightness(.3)}.flink#article-container .site-card:hover .img{height:80px}}.flink#article-container .site-card .img{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000);border-radius:12px 12px 0 0;height:120px;width:100%;display:flex;border:none;padding:0!important}.flink#article-container .site-card .info img{border-radius:32px;transition:.3s!important;margin:2px 8px 0 0;width:20px;height:20px;min-width:20px;min-height:20px;background:var(--heo-secondbg)}.flink#article-container .site-card-group{padding:20px 0}.flink#article-container .site-card:hover .info img{width:0;height:0;opacity:0;min-width:0;min-height:0}.flink#article-container .site-card:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}.article-sort-item-info a{margin-right:auto;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:768px){#letlink{flex-direction:column!important;text-align:center!important}#letlogo{display:none!important}#footer-wrap{margin-top:1rem!important}}.footer-banner-right{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}#footer-wrap{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px 50px 0 50px;text-align:left!important;max-width:1200px;margin:0 auto}#footer-wrap h1{font-size:1.5rem;margin:0}#footer-wrap h3{padding:0 12px}#footer-wrap p{margin:0 0 0 .2rem;font-size:.8rem;opacity:.8}#footer-wrap i{margin-right:.5rem;width:22px;font-size:18px;display:inline-block}#footer-wrap #letlogo{display:flex;flex-direction:column;margin-right:60px;align-self:center;margin:auto 0;max-width:200px}#footer-wrap #letlink .link_group{display:flex;flex-direction:column;margin-right:20px;min-width:180px}#footer-wrap #letlink{display:flex;flex-direction:row;justify-content:space-around;margin:0 0 1rem 0}#weblogo i{font-size:2rem;line-height:2rem;letter-spacing:-10px}#footer:before{position:absolute!important;width:100%!important;height:100%!important;content:''!important;z-index:-1}#error-wrap .error-content{box-shadow:none!important;border-radius:12px;background:var(--heo-card-bg)!important}#body-wrap.page .errors{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;padding-top:50px;position:relative}#body-wrap.page .errors .aside-list{display:flex;flex-direction:row;flex-wrap:nowrap;margin:1rem;max-width:100%}#body-wrap.page .errors .aside-list .aside-list-group{display:flex;flex-direction:row;flex-wrap:wrap;max-width:800px;margin:0 auto;justify-content:space-between}#body-wrap.page .errors .aside-list .aside-list-item{padding:.5rem 0;width:49%}#body-wrap.page .errors .aside-list .aside-list-item img{width:100%;object-fit:cover;border-radius:12px}#body-wrap.page .errors .aside-list .aside-list-item .thumbnail{overflow:hidden;width:100%;height:200px;background:var(--heo-card-bg);display:flex}#body-wrap.page .errors .aside-list .aside-list-item .content .title{-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5;justify-content:center;align-items:flex-end;align-content:center;padding-top:.5rem;font-size:16px;font-weight:700}#body-wrap.page .errors .aside-list .aside-list-item .content time{display:none}@media screen and (max-width:768px){#body-wrap.page .errors{padding-top:0}#body-wrap.page .errors .aside-list{margin:0}#body-wrap.page .errors .aside-list .aside-list-item .thumbnail{height:100px}}#bber .timeline #waterfall{opacity:0;transition:.3s}#bber .timeline #waterfall.show{opacity:1}#bber .timeline ul li.item{position:relative;width:32%;border:var(--style-border-always);border-radius:12px;padding:1rem;padding-bottom:.5rem;transition:.3s;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;background:var(--heo-card-bg);box-shadow:var(--heo-shadow-border);margin-right:2%}#bber .timeline ul li.item hr{display:flex;position:relative;margin:8px 0;border:1px dashed var(--heo-theme-op);width:100%}@media screen and (max-width:768px){#bber .timeline ul li.item{padding:0}}#bber .timeline ul li.item:hover{border:var(--style-border-hover)}#bber ul.list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#bber li.item{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start}@media screen and (max-width:1300px){#bber .timeline ul li.item{width:49%;margin-right:1%}}@media screen and (max-width:768px){#bber .timeline ul li.item{width:100%;margin-right:0}#bber .timeline ul li.item{padding:16px 20px}}.timeline ul .list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.bb-info{display:inline;float:right;line-height:1;color:var(--heo-secondtext);margin-left:auto;margin-bottom:1rem;margin-right:.5rem}.bb-info:hover{color:var(--heo-hovertext)}#bber{margin-top:1rem;width:100%}#bber div.bber-content{display:flex;flex-direction:initial;flex-wrap:wrap;border-radius:12px;width:100%;height:100%}#bber>section>ul>li.item{margin-bottom:1rem}#bber .bber-info{display:flex;align-items:center}#bber .bber-info .fa-rectangles-mixed{margin-right:8px}#bber .bber-content-link{display:flex;margin-left:.5rem;color:var(--heo-secondtext);font-size:.7rem;align-items:center;background-color:rgba(245,108,108,.13);color:#f56c6c;padding:0 8px;border-radius:20px}#bber .bber-content-link:hover{background-color:var(--heo-main);color:var(--heo-white)}#bber .bber-content-link i{margin-right:3px}#bber .bber-reply{cursor:pointer;padding:0 4px}#bber .bber-bottom{display:flex;justify-content:space-between;width:100%}#bber .count{color:var(--heo-secondtext);font-size:.8rem}#bber p{margin:0}#bber .datafrom i{margin-right:4px}#bber .bber-music{width:100%;height:90px;margin:.5rem 0;border-radius:8px;overflow:hidden;border:var(--style-border-always);background:var(--heo-secondbg)}#bber .aplayer{margin:0}#bber .aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:.8rem;font-weight:700;margin:0;color:var(--heo-black)}#bber .aplayer.aplayer-withlrc .aplayer-pic{height:82px;width:82px;margin:4px;border-radius:4px}#bber .aplayer .aplayer-info .aplayer-music{height:23px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{padding:0}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{background:var(--heo-gray);height:8px;border-radius:12px;transition:.3s;overflow:hidden}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar{height:12px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{height:100%;border-radius:12px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{height:100%;border-radius:12px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{display:none}#bber .aplayer .aplayer-info .aplayer-controller{align-items:center}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time{position:initial}#bber .bber-music .aplayer-lrc{display:none}#bber-tips{font-size:14px;display:flex;justify-content:center;margin-top:1rem}#bber .bber-content-img img{object-fit:cover;max-height:100%;border-radius:12px}#bber .bber-content-img{height:100px;margin:auto;margin-top:.2rem;margin-bottom:.3rem;margin-left:0;border-radius:12px;overflow:hidden;display:flex;position:relative}#bber>section>ul>li>div .bber-info-time{color:var(--heo-fontcolor);font-size:.7rem;background-color:var(--heo-gray-op);padding:0 8px;border-radius:20px;cursor:default;display:flex;align-items:center}#bber>section>ul>li>div .bber-info-time i{margin-right:8px}#bber .bber-content .datacont{order:0;font-size:.8rem;font-weight:700;color:var(--heo-fontcolor);width:100%;line-height:1.38;border-radius:12px;margin-bottom:.5rem;display:flex;flex-direction:column;text-align:justify}#bber>section>ul>li>div .datafrom{order:2;color:var(--heo-secondtext);font-size:.7rem;margin-left:8px}#bber>section>ul>li>div .datafrom small{font-size:.7rem}.load-btn.button-load{background:var(--heo-card-btn-bg);color:var(--heo-fontcolor);padding:12px 12px;margin:1.5rem 0 0 0;width:100%;text-align:center;border-radius:12px;transition:.3s;font-weight:700}.load-btn.button-load:hover{background:var(--heo-blue);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-blue)}#hexo-circle-of-friends-root{margin:0 -8px}.moments-list{display:flex;flex-direction:column}.moments-list .article-sort-item-info{display:flex;flex-direction:column}.article-sort-item-info-more{display:flex;font-size:.7rem;margin-right:auto}.friend_post_time{margin-left:8px;color:var(--heo-secondtext)}.friendlink-avatar{width:3rem;height:3rem;min-width:3rem;min-height:3rem;border-radius:32px;overflow:hidden;background:var(--heo-secondbg);padding:0!important}.friendlink-avatar:hover{border-radius:32px!important;background:var(--heo-secondbg)}.moments-list .article-sort-item-info .article-sort-item-title{color:var(--heo-lighttext)}.moments-list .article-sort-item-info .article-sort-item-title:hover{color:var(--heo-hovertext)}a.bb-link{margin-left:8px;color:var(--heo-secondtext)!important;display:inline;border:none!important}a.bb-link-info{display:inline;float:right;border:none!important;color:var(--heo-secondtext)!important;line-height:2.7rem}a.bb-link-info:hover{color:var(--heo-fontcolor)!important;background:0 0!important}#friend_link_moments{border:none!important}.moments-article-img{height:100%;margin:0!important}.tab-item-content #moments_container .moments-item a{border-bottom:none;padding:0;margin-right:auto;width:auto}.tab-item-content #moments_container .moments-item a:hover{background:0 0;color:var(--heo-lighttext);box-shadow:none}.tab-item-content #moments_container h2{display:none}#friend_moments_list .moments-sort-item{margin:1rem 0}.moments-sort-item-img{border-radius:12px}.moments-item-time{order:1}.moments-sort-item-title{color:var(--heo-lighttext);border-bottom:none!important;padding:0!important}.moments-sort-item-title:hover{color:var(--heo-hovertext)!important;background:0 0!important;box-shadow:none!important}.friendlink-avatar{border-bottom:none!important}.moments_load_button{color:var(--heo-fontcolor)!important;background:var(--heo-card-btn-bg)!important;padding:12px 16px!important;border-radius:12px!important;transition:.3s;width:100%;margin-top:1rem;margin-bottom:1rem;border:0!important}.moments_load_button:hover{color:var(--heo-white)!important;background:var(--heo-main)!important;transition:.3s}.moments-item-title{color:var(--heo-lighttext);font-size:1rem;order:0;width:100%;font-weight:700;-webkit-line-clamp:1!important;overflow:hidden;-webkit-box-orient:vertical}.moments-item-info{display:flex;flex-direction:column}.moments_post_time{display:none}.moments_post_time i{margin-right:8px}.chart{align-items:flex-start;flex:1;width:100px;height:60px;margin:20px}.moments-item-title{font-weight:700}.moments_post_info_number{float:right}@media screen and (max-width:500px){#info_user_pool{padding:10px;flex-direction:column;max-height:200px}.chart{flex:0;width:100%;height:160px;margin:0}}.moments-item-img{width:60px!important;height:60px!important}.moments-item-img img{border-radius:99px;width:80px;height:80px;overflow:hidden}#info_user_pool{background:var(--heo-secondbg);border-radius:12px!important;margin-top:1rem;box-shadow:none!important}.moments-item{margin-left:0!important;box-shadow:none!important}.hexo-douban-item{border-bottom:none!important;background:var(--heo-card-bg);border:var(--style-border);box-shadow:var(--heo-shadow-border);border-radius:12px;margin:8px 0;height:160px;min-height:160px!important;width:49%;overflow:hidden}@media screen and (min-width:1300px){.hexo-douban-item{width:32%}}#hexo-douban-item3{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.hexo-douban-item .hexo-douban-picture a{padding:0!important}.hexo-douban-item .hexo-douban-picture img{margin:0!important;height:100%!important}.hexo-douban-tabs{display:none}.hexo-douban-title a{border-bottom:0!important}.hexo-douban-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hexo-douban-title a:hover{color:var(--heo-lighttext)!important;background:var(--heo-none)!important}.hexo-douban-pagination{margin:auto;width:100%;display:flex;justify-content:center;align-items:center}span.hexo-douban-pagenum{margin:0 .5rem}.hexo-douban-title{font-size:1rem;line-height:1}.hexo-douban-title a{padding:0!important}.hexo-douban-info{padding-left:130px!important;margin-right:.5rem}.hexo-douban-meta{font-size:.7rem!important;color:var(--heo-secondtext);margin-top:.3rem;line-height:1.05}.hexo-douban-comments{line-height:1.2;margin-top:.5rem;font-size:.8rem!important;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.hexo-douban-picture{height:100%;top:0!important;padding:10px 0 10px 10px}.hexo-douban-picture a img{border-radius:8px!important}.hexo-douban-button{width:4rem;height:2rem;line-height:1.9rem;border-radius:8px!important;background:var(--heo-card-bg);box-shadow:var(--heo-shadow-lightblack);border:var(--style-border);margin:0 .2rem;border-bottom:var(--style-border)!important}.article-sort-item-time{display:none}.article-sort-item-tags{margin-top:8px;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis;width:100%;font-size:.7rem}.article-sort-item-tags a{color:var(--heo-fontcolor);transition:.3s}.article-sort-item-tags a:hover{color:var(--heo-theme);transition:.3s}#heo-footer .footer-links{display:flex;flex-direction:column}#heo-footer{display:flex;flex-direction:row;width:100%;max-width:1200px;margin:1rem auto;justify-content:space-between;flex-wrap:wrap;margin-bottom:3rem;padding:0 1rem}#heo-footer .footer-item{font-size:.8rem;line-height:.8rem;margin:.38rem 0;color:var(--heo-fontcolor);margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:120px}#heo-footer .footer-item:hover{color:var(--heo-theme)}#heo-footer .footer-group{min-width:120px}#heo-footer .footer-title-group{display:flex;align-items:center;margin:1rem 0 .7rem 0}#heo-footer .footer-title-group a{margin-left:8px}#heo-footer .footer-title-group i{line-height:1;color:var(--heo-secondtext);transition:.3s;font-size:12px}#heo-footer .footer-title-group a:hover i{color:var(--heo-main)}#heo-footer .footer-title-group .footer-title{margin:0}#heo-footer .random-friends-btn{display:flex}#heo-footer .footer-title{color:var(--heo-secondtext);font-size:.8rem}#footer-banner{padding:1rem;color:var(--heo-fontcolor);margin-top:1rem;background:var(--heo-secondbg);display:flex;overflow:hidden;z-index:1002;transition:.3s}#footer-banner .footer-banner-links{display:flex;justify-content:space-between;max-width:1400px;width:100%;margin:0 auto;flex-wrap:wrap;align-items:center;line-height:1}#footer-banner .footer-banner-left{display:flex;flex-wrap:wrap;min-height:32px;align-items:center}#footer-banner .footer-banner-link{margin-top:8px;margin-bottom:8px;margin-right:1rem;color:var(--heo-fontcolor);font-size:.8rem;font-weight:700;white-space:nowrap}#footer-banner .footer-banner-link.cc{margin-right:0}#footer-banner .footer-banner-link.cc i{margin-right:.5rem;font-size:18px}#footer-banner .footer-banner-link:hover{color:var(--heo-theme)}#footer-banner>div>div.footer-banner-left>span{margin-right:1rem}#footer-banner .footer-banner-right a:hover{color:var(--heo-lighttext)}#footer_deal i{font-size:.9rem;line-height:.9rem;height:.9rem}.la-widget.la-data-widget__container{border-radius:12px;border:var(--style-border)!important;box-shadow:var(--heo-shadow-border);border-color:var(--heo-card-border)}#about-page{display:flex;padding-top:1rem;flex-direction:column;align-items:center}@keyframes floating{0%{transform:translate(0,-4px)}50%{transform:translate(0,4px)}100%{transform:translate(0,-4px)}}#about-page .author-info{display:flex;align-items:center;margin:0 0 16px 0}#about-page .author-tag-left{display:flex;flex-direction:column;align-items:flex-end}#about-page .author-tag-right{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width:768px){#about-page .author-tag-left,#about-page .author-tag-right{display:none}}#about-page .author-tag-left .author-tag:first-child,#about-page .author-tag-left .author-tag:last-child{margin-right:-16px}#about-page .author-tag-right .author-tag:first-child,#about-page .author-tag-right .author-tag:last-child{margin-left:-16px}#about-page .author-tag{transform:translate(0,-4px);padding:1px 8px;background:var(--heo-card-bg);border:var(--style-border-always);border-radius:40px;margin-top:6px;font-size:14px;font-weight:700;box-shadow:var(--heo-shadow-lightblack);animation:6s ease-in-out 0s infinite normal none running floating}#about-page .author-tag:nth-child(1){animation-delay:0s}#about-page .author-tag:nth-child(2){animation-delay:.6s}#about-page .author-tag:nth-child(3){animation-delay:1.2s}#about-page .author-tag:nth-child(4){animation-delay:1.8s}#about-page .author-img{margin:0 30px;border-radius:50%;width:180px;height:180px;position:relative;background:var(--heo-secondbg);user-select:none}#about-page .author-img img{border-radius:200px}#about-page .author-img::before{content:'';-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;width:30px;height:30px;background:var(--heo-green);position:absolute;border-radius:50%;border:5px solid var(--heo-background);bottom:5px;right:10px;z-index:2}@media screen and (max-width:768px){#about-page .author-img{width:120px;height:120px}#about-page .author-img::before{bottom:-5px;right:-5px}}#about-page .author-title{font-size:2rem;font-weight:700;margin:1rem 0;line-height:1}.page-title{display:none}:root{--offset:0px}.inline-word{word-break:keep-all;white-space:nowrap}.author-content{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:1rem}.author-content-item-group.column{display:flex;flex-direction:column;width:49%;justify-content:space-between}.author-content-item{width:49%;border-radius:24px;background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border);position:relative;padding:1rem 2rem;overflow:hidden}.author-content-item.single{width:100%}.author-content-item .author-content-item-title{font-size:36px;font-weight:700;line-height:1}.author-content-item .author-content-item-tips{opacity:.8;font-size:.6rem;margin-bottom:.5rem}@media screen and (max-width:768px){.author-content-item{width:100%!important;margin-top:1rem;padding:1rem}.author-content-item-group.column{width:100%!important}.author-content{margin-top:0}}.card-background-icon{font-size:12rem;opacity:.2;position:absolute;right:0;bottom:-40%;transform:rotate(30deg);transition:2s ease-in-out}.author-content-item:hover .card-background-icon{transform:rotate(20deg)}#about-page .myInfoAndSayHello{display:flex;flex-direction:column;justify-content:center;color:var(--heo-white);background:linear-gradient(120deg,rgba(91,39,255,1) 0,rgba(0,212,255,1) 100%);background-size:200%;animation:gradient 15s ease infinite;width:59%}#about-page .myInfoAndSayHello .title1{opacity:.8;line-height:1.3}#about-page .myInfoAndSayHello .title2{font-size:36px;font-weight:700;line-height:1.1;margin:.5rem 0}.author-content-item-group.column.mapAndInfo{width:59%}.author-content-item.map{background:url(https://img.zhheo.com/i/2022/08/31/630ef8e827401.webp) no-repeat center;min-height:160px;max-height:400px;position:relative;overflow:hidden;margin-bottom:.5rem;height:60%;background-size:100%;transition:1s ease-in-out}[data-theme=dark] .author-content-item.map{background:url(https://img.zhheo.com/i/2022/08/31/630ef8db0fefe.webp) no-repeat center;background-size:100%}.author-content-item.map:hover{background-size:120%;transition:4s ease-in-out;background-position-x:0;background-position-y:36%}.author-content-item.map .map-title{position:absolute;bottom:0;left:0;width:100%;background:var(--heo-maskbg);padding:.5rem 2rem;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);transition:1s ease-in-out;font-size:20px}.author-content-item.map:hover .map-title{bottom:-100%}.author-content-item.map .map-title b{color:var(--heo-fontcolor)}@media screen and (max-width:768px){.author-content-item.map.myphoto{background-size:cover!important}.author-content-item.map .map-title{padding:1rem}}.author-content-item.selfInfo{display:flex;min-height:100px;max-height:400px;justify-content:space-between;align-items:center;flex-wrap:wrap;height:-webkit-fill-available;height:40%}@media screen and (max-width:1300px){.author-content-item.selfInfo{height:70%}}.author-content-item.selfInfo div{display:flex;flex-direction:column;margin:.5rem 2rem .5rem 0}.author-content-item.selfInfo .selfInfo-title{opacity:.8;font-size:.6rem;line-height:1;margin-bottom:8px}.author-content-item.selfInfo .selfInfo-content{font-weight:700;font-size:34px;line-height:1}.author-content-item.myphoto{height:60%;min-height:240px;position:relative;overflow:hidden;width:39%;display:flex;align-items:center;justify-content:center}.author-content-item.myphoto img{position:absolute;height:100%;min-width:100%;object-fit:cover;transition:.6s}.author-content-item.myphoto:hover img{min-width:105%;transition:2s}.author-content-item.myphoto .myphoto-title{position:absolute;bottom:0;left:0;width:100%;background:var(--heo-maskbgdeep);padding:.5rem 2rem;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}.author-content-item.careers{min-height:400px}.author-content-item.careers img{position:absolute;left:0;bottom:20px;width:100%;transition:.6s}.author-content-item.careers .careers-group{margin-top:12px}.author-content-item.careers .careers-item{display:flex;align-items:center}.author-content-item.careers .careers-item .circle{width:16px;height:16px;margin-right:8px;border-radius:16px}.author-content-item.careers .careers-item .name{color:var(--heo-secondtext)}.author-content-item.personalities{overflow:hidden;position:relative;width:59%}.author-content-item.personalities .title2{font-size:36px;font-weight:700;line-height:1.1}.author-content-item.personalities .image{position:absolute;right:-40px;bottom:-10rem;transition:transform 2s cubic-bezier(.13,.45,.21,1.02)}.author-content-item.personalities:hover .image{transform:rotate(-10deg)}@media screen and (max-width:768px){.author-content-item.personalities{min-height:360px}.author-content-item.personalities .image{right:-70px}}.author-content-item.maxim{font-size:36px;font-weight:700;line-height:1.1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;width:39%}.author-content-item.maxim .maxim-title{display:flex;flex-direction:column}.author-content-item.maxim .title1{opacity:.8;font-size:.6rem;margin-bottom:.5rem}.author-content-item.buff{height:200px;font-size:36px;font-weight:700;line-height:1.1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:linear-gradient(120deg,rgba(255,39,232,1) 0,rgba(255,128,0,1) 100%);color:var(--heo-white);background-size:200%;animation:gradient 15s ease infinite;min-height:200px;height:fit-content;width:59%}.author-content-item.buff .card-content{display:flex;flex-direction:column;justify-content:center}.author-content-item.buff .buff-title{display:flex;flex-direction:column}.author-content-item.buff .title1{opacity:.8;font-size:.6rem;margin-bottom:.5rem}.author-content-item.skills{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:49%;min-height:450px}.author-content-item.skills .tags-group-all{display:flex;transform:rotate(0);transition:.3s}.author-content-item.skills .tags-group-wrapper{margin-top:40px;display:flex;flex-wrap:nowrap;animation:rowup 60s linear infinite}.author-content-item.skills .skills-style-group{position:relative}.author-content-item.skills .skills-list{display:flex;opacity:0;transition:.3s;position:absolute;width:100%;top:0;left:0;flex-wrap:wrap;flex-direction:row;margin-top:10px}.author-content-item.skills:hover .skills-style-group .tags-group-all{opacity:0}.author-content-item.skills:hover .skills-style-group .skills-list{opacity:1}.author-content-item.skills .skill-info{display:flex;align-items:center;margin-right:10px;margin-top:10px;background:var(--heo-background);border-radius:40px;padding:4px 12px 4px 8px;border:var(--style-border);box-shadow:var(--heo-shadow-border)}.author-content-item.skills .etc{margin-right:10px;margin-top:10px}.author-content-item.skills .skill-icon{width:32px;height:32px;border-radius:32px;display:flex;align-items:center;justify-content:center;margin-right:8px}.author-content-item.skills .skill-icon img{width:18px;height:18px}.author-content-item.skills .skill-name{font-weight:700}.author-content-item.aboutsiteTips{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:39%}.aboutsiteTips h2{margin-right:auto;font-size:36px;font-family:Helvetica;line-height:1.06;letter-spacing:-.02em;color:var(--heo-fontcolor);margin-top:0}.aboutsiteTips .mask{height:36px;position:relative;overflow:hidden;margin-top:4px}.aboutsiteTips .mask span{display:block;box-sizing:border-box;position:absolute;top:36px;padding-bottom:var(--offset);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat}.aboutsiteTips .mask span[data-show]{transform:translateY(-100%);transition:.5s transform ease-in-out}.aboutsiteTips .mask span[data-up]{transform:translateY(-200%);transition:.5s transform ease-in-out}.aboutsiteTips .mask span:nth-child(1){background-image:linear-gradient(45deg,#0ecffe 50%,#07a6f1)}.aboutsiteTips .mask span:nth-child(2){background-image:linear-gradient(45deg,#18e198 50%,#0ec15d)}.aboutsiteTips .mask span:nth-child(3){background-image:linear-gradient(45deg,#8a7cfb 50%,#633e9c)}.aboutsiteTips .mask span:nth-child(4){background-image:linear-gradient(45deg,#fa7671 50%,#f45f7f)}@media screen and (max-width:768px){.author-content-item.map{margin-bottom:0}}#about-page .about-statistic{min-height:380px;width:39%;background:url(https://img.zhheo.com/i/2022/09/23/632d5d8f37e90.webp) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden}#about-page .about-statistic::after{box-shadow:0 -159px 173px 71px #0f1114 inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}#statistic{font-size:16px;border-radius:15px;width:100%;color:var(--heo-white);display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin-top:1rem;margin-bottom:2rem}#statistic div{display:flex;justify-content:space-between;flex-direction:column;width:50%;margin-bottom:.5rem}#statistic div span:first-child{opacity:.8;font-size:.6rem}#statistic div span:last-child{font-weight:700;font-size:34px;line-height:1;white-space:nowrap}.author-content-item.about-statistic .card-content .banner-button-group .banner-button:hover{background:#998c5a;color:var(--heo-white)}.author-content-item.single.reward .author-content-item .author-content-item-title{color:var(--heo-red)}.author-content-item.single.reward .reward-list-all{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:1rem;margin-bottom:.5rem;margin-left:-.25rem;margin-right:-.25rem}.author-content-item.single.reward .reward-list-all .reward-list-item{padding:1rem;border-radius:12px;border:var(--style-border-always);width:calc((100% / 6) - .5rem);margin:0 .25rem .5rem .25rem;box-shadow:var(--heo-shadow-border)}@media screen and (max-width:1200px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:calc((100% / 4) - .5rem)}}@media screen and (max-width:900px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:calc((100% / 2) - .5rem)}}@media screen and (max-width:768px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:100%}}.author-content-item.single.reward .author-content-item-description{font-size:16px;margin-top:.5rem}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-name{font-size:1rem;font-weight:700;line-height:1;margin-bottom:.5rem}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-bottom-group{display:flex;align-items:center;justify-content:space-between}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-money{padding:4px;background:var(--heo-fontcolor);color:var(--card-bg);font-size:12px;line-height:1;border-radius:4px;margin-right:4px;white-space:nowrap}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-time{font-size:12px;color:var(--heo-secondtext);white-space:nowrap}.author-content-item.single.reward .reward-list-updateDate{color:var(--heo-gray);font-size:14px}.author-content-item.single.reward .post-reward{position:absolute;right:2rem;top:2rem}.author-content-item.single.reward .post-reward .reward-button{padding:8px 12px;background:var(--heo-red);border-radius:12px;color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;box-shadow:none;width:fit-content;height:fit-content;line-height:2}@media screen and (max-width:768px){.author-content-item.single.reward .post-reward .reward-button{display:none}}.author-content-item.single.reward .post-reward .reward-button i{margin-right:8px;font-size:1rem}.author-content-item.single.reward .post-reward .reward-main{top:60px;right:0;left:auto;bottom:auto;width:fit-content;box-shadow:var(--heo-shadow-border)}.author-content-item.single.reward .post-reward .reward-main .reward-all::before{bottom:auto;top:-16px}.author-content-item.single.reward a.reward-main-btn{display:none}.author-content-item.game-lol{background:url(https://img.zhheo.com/i/2022/08/31/630efa7ae39fe.webp) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:var(--heo-white);width:59%}.author-content-item .card-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:flex;flex-direction:column;padding:1rem 2rem}@media screen and (max-width:768px){.author-content-item .card-content{padding:1rem}}.author-content-item.game-lol::after{box-shadow:0 -69px 203px 11px #575d8b inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}.loading-bar{position:absolute;width:500px;height:62.5px;transform:translate(-25%,-50%) scale(.5);transition:all .5s;user-select:none;overflow:hidden}.loading-bar::after{content:"";position:absolute;top:500px;left:0;filter:drop-shadow(0 -500px 0 #ece5d8);width:500px;height:62.5px;background:url(https://img.cdn.yzczi.com/img/64795eaece0fc.png) no-repeat left 100%;background-size:500px 62.5px;background-position-x:0}.author-content-item.game-lol:hover .loading-bar::after{animation:loading-bar 3.5s cubic-bezier(.28,.11,.32,1) infinite forwards}@keyframes loading-bar{0%{width:0;background-size:500px 62.5px}83%{width:475px}83.1%{width:475px}83.2%{width:475px}83.3%{width:475px}83.4%{width:475px}83.5%{width:475px}83.6%{width:475px}83.7%{width:475px}83.8%{width:475px}83.9%{width:475px}84%{width:475px}85%{width:475px}86%{width:475px}87%{width:475px}100%{width:500px}}.author-content-item .content-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.author-content-item .content-bottom .icon-group{display:flex}.author-content-item .content-bottom .icon-group i{display:inline-block;width:22px;height:18px;margin-right:.5rem}.icon-pos-sup{background:url(https://img.zhheo.com/i/2022/08/25/63074b68d9f4c.png)}.icon-pos-mid{background:url(https://img.zhheo.com/i/2022/08/25/63074b54d2731.png)}.author-content-item.game-wolf{width:39%;background:url(https://img.zhheo.com/i/2022/08/31/630efa916a851.webp) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:var(--heo-white)}.author-content-item.game-wolf::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0}.author-content-item.like-technology{background:url(https://img.zhheo.com/i/2022/08/31/630efac3ecef3.webp) no-repeat;background-size:cover;min-height:230px;color:var(--heo-white)}.author-content-item.like-music{background:url(https://img.zhheo.com/i/2022/08/31/630efae141e9a.webp) no-repeat top;background-size:cover;min-height:400px;color:var(--heo-white);overflow:hidden}.author-content-item.like-music::after{box-shadow:0 -69px 203px 11px #453e38 inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}.author-content-item .card-content .author-content-item-title{margin-bottom:.5rem}.author-content-item .card-content .banner-button-group{position:absolute;bottom:1.5rem;right:2rem}.author-content-item .card-content .banner-button-group .banner-button{height:40px;width:124px;border-radius:20px;justify-content:center;background:var(--heo-black-op);color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}.author-content-item .card-content .banner-button-group .banner-button:hover{background:var(--heo-main);color:var(--heo-white)}.author-content-item .card-content .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}@media screen and (max-width:768px){.author-content-item .card-content .banner-button-group{right:1rem;bottom:1rem}.author-content-item .card-content .banner-button-group .banner-button{background:0 0;color:var(--heo-white);padding:0;width:fit-content}.author-content-item .card-content .banner-button-group .banner-button i{margin-right:0;font-size:1.5rem}.author-content-item .card-content .banner-button-group .banner-button-text{display:none}}.author-content-item.single.like-movie{height:19rem;background:url(https://img.zhheo.com/i/2022/09/27/633289920d1c7.webp) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden}.author-content-item.single.like-movie::after{box-shadow:0 21px 133px 81px #1c1c1c inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button{padding:8px 12px;background:var(--heo-white);border-radius:12px;color:var(--heo-black);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;border:none}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button:hover{background:#d0b247;color:var(--heo-white)}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}@media screen and (max-width:768px){#article-container .author-content-item.single.like-movie .banner-button-group{right:1rem;bottom:1rem}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button{background:0 0;color:var(--heo-white);padding:0}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button i{margin-right:0;font-size:1.5rem}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button-text{display:none}}.author-content.author-content-item.toolPage{height:19rem;background:url(https://img.zhheo.com/i/2022/08/26/6308d5778ba3c.jpg) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden;margin-top:0}.author-content.author-content-item.momentsPage{height:19rem;background:url(https://img.zhheo.com/i/2022/08/26/6308d5b137881.jpg) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden;margin-top:0}.author-content.author-content-item.essayPage{height:19rem;background:url(https://img.zhheo.com/i/2022/08/27/6309587509a02.jpg) no-repeat center;background-size:cover;color:var(--heo-white);overflow:hidden;margin-top:0}#console{display:flex;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:9999;justify-content:center;opacity:0;transition:.3s ease-out;flex-direction:column;align-items:center;pointer-events:none}#console.show{opacity:1;pointer-events:all}#console .console-card-group{display:flex;justify-content:space-between;align-items:center;margin:0 30px;max-width:1400px;transform:translateY(20px);transition:.3s;opacity:0}#console.show .console-card-group{transform:translateY(0);opacity:1;transition-delay:.1s}#console .console-card-group-left{margin-right:.5rem;width:40%;height:100%}#console .console-card-group-right{display:flex;flex-direction:column;justify-content:center;height:100%;width:60%;overflow:hidden}@media screen and (max-width:1300px){#console .console-card-group{justify-content:center}#console .console-card-group-left{display:none}#console .console-card-group-right{width:100%;margin:0}#consoleMusic{display:none}#consoleCommentBarrage{display:none}}@media screen and (max-width:768px){#console .console-card-group{display:none}#consoleHideAside{display:none}}@media screen and (max-height:800px){#console .console-card-group{display:none}#consoleMusic{display:none}#consoleCommentBarrage{display:none}}#console .console-card{background:var(--heo-maskbg);border-radius:12px;overflow:hidden;border:var(--style-border);box-shadow:var(--heo-shadow-border);padding:40px}#console .console-card.tags{height:calc(100% - 172px)}#console .console-mask{background:var(--heo-maskbgdeep);backdrop-filter:saturate(100%) blur(0);-webkit-backdrop-filter:blur(0);width:100vw;height:100vh;top:0;left:0;position:absolute;z-index:-1;transition:.3s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}#console.show .console-mask{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}#card-newest-comments .aside-list-item .thumbnail img{width:20px;height:20px;margin-right:8px;border-radius:20px}#card-newest-comments .aside-list-item{background:var(--heo-card-bg);border-radius:12px;border:var(--style-border);padding:12px 16px;width:49%;display:flex;flex-direction:column;height:150px;transition:.3s;position:relative}#card-newest-comments .aside-list-item:hover{background:var(--heo-main);color:var(--heo-white)}#card-newest-comments .aside-list-item:not(:last-child){margin-bottom:.5rem}#card-newest-comments .aside-list-item .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:700}#console .author-content-item-tips{opacity:.8;font-size:.6rem;margin-bottom:.5rem}#console .author-content-item-title{font-size:36px;font-weight:700;line-height:1}#console .aside-list-item .thumbnail{display:flex;align-items:center}#console .aside-list-item:hover .thumbnail{color:var(--heo-white)}#console .aside-list-item .content{display:flex;flex-direction:column;height:100%;margin-top:.5rem}#console .aside-list-item .content .comment{-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-height:24px;font-size:14px}#console .aside-list-item .content .comment::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0}#console .aside-list-item:hover .content .comment{color:var(--heo-white)}#console .aside-list-item .content time{font-size:12px;color:var(--heo-secondtext);margin-top:auto}#console .aside-list-item:hover .content time{color:var(--heo-white)}#console .aside-list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;margin-top:1.5rem}#console .button-group{display:flex;margin:1rem auto 0 auto;justify-content:center;width:fit-content}#console .button-group .console-btn-item{width:60px;height:60px;transition:.3s;cursor:pointer}#console .button-group .console-btn-item:not(:last-child){margin-right:.5rem}#console .button-group .console-btn-item:hover a{background:var(--heo-main)}#console .button-group .console-btn-item a{width:100%;height:100%;background:var(--card-bg);border:var(--style-border);border-radius:60px;display:flex;align-items:center;justify-content:center;color:var(--heo-fontcolor)}#console .button-group .console-btn-item.on a{background:var(--heo-orange);color:var(--heo-white);transition:.3s}#console .button-group .console-btn-item a:hover{background:var(--heo-main)!important}#console .button-group .console-btn-item:hover a{color:var(--heo-white)}.console-card.tags .card-tag-cloud{margin-top:1.5rem;display:flex;flex-wrap:wrap}.console-card.tags .card-tag-cloud a{color:var(--heo-fontcolor)!important;margin:6px 4px;padding:2px 8px;border-radius:8px;background:var(--heo-card-bg);border:var(--style-border);font-size:14px!important;font-weight:700}.console-card.tags .card-tag-cloud a:hover{background:var(--heo-main);color:var(--heo-white)!important}.console-card.tags .card-tag-cloud a sup{opacity:.6}#console .close-btn{width:35px;height:35px;position:fixed;right:100px;top:30px;font-size:35px;color:var(--heo-fontcolor);cursor:pointer;transition:.3s;display:flex}#console .close-btn:hover{color:var(--heo-hovertext)}#console .console-card.history{margin-top:8px;padding:0;background:0 0;box-shadow:none;border:none;overflow:hidden}#console .console-card.history .item-headline{display:none}#console .console-card.history .card-archive-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:164px}#console .console-card.history .card-archive-list li.card-archive-list-item{flex:0 0 24%}#console .console-card.history .card-archive-list .card-archive-list-link{border-radius:8px;margin-top:8px;display:flex;flex-direction:column;align-content:space-between;border:var(--style-border);background:var(--heo-maskbgdeep);padding:8px 16px}#console .console-card.history .card-archive-list .card-archive-list-link:hover{background:var(--heo-main);color:var(--heo-white)}#console #card-newest-comments{height:100%}#console .button-group i{font-size:1rem}#keyboard-tips{position:fixed;top:80px;left:20px;z-index:999;background:var(--heo-maskbgdeep);border-radius:12px;border:var(--style-border);padding:20px;display:flex;flex-direction:column;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:none;box-shadow:var(--heo-shadow-border);opacity:0;transition:.3s}#keyboard-tips.show{opacity:1;transition:.1s}#keyboard-tips .keybordList{display:flex;flex-direction:column;margin-top:8px}#keyboard-tips .keyboardTitle{font-size:12px;color:var(--heo-secondtext);line-height:1}#keyboard-tips .keybordItem{display:flex;margin-top:4px}#keyboard-tips .keyGroup{display:flex;align-items:center;width:90px}#keyboard-tips .keyGroup .key{padding:.2em .4em;font-family:inherit;background-color:var(--card-bg);color:var(--heo-fontcolor);border:var(--style-border);border-color:var(--heo-secondtext);border-bottom:2px solid var(--heo-secondtext);box-shadow:var(--heo-shadow-border);border-radius:.25rem;overflow-wrap:break-word;overflow-x:auto;font-weight:500;font-size:.875em;margin-right:4px;vertical-align:baseline;line-height:1;height:24px}a.toc-link{color:currentColor;height:0%}#aside-content #card-toc .toc-content .is-active-link{font-weight:700;font-size:20px;color:var(--heo-lighttext)}code:not([class]){color:var(--heo-white);padding:.25rem .4rem;border-radius:4px;margin:0 4px;background:var(--heo-pink);line-height:2;box-shadow:var(--heo-shadow-border);font-size:17.5px;font-family:consolas,Menlo,"PingFang SC","Microsoft YaHei",sans-serif!important}#page-header.nav-fixed #nav #page-name-text{display:inline;opacity:1;transition:.3s;line-height:1.6}.nav-fixed #nav #page-name-text:hover{background:var(--heo-main);transition:.3s;border-radius:50px;padding:4px 8px}@media screen and (min-width:900px){#page-header.nav-fixed #nav #page-name-text::after{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:"回到顶部";-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;position:absolute;left:0;right:0;top:48%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:auto;color:#fff!important;font-weight:700;line-height:2;font-size:17px}}#nav #site-name{color:var(--heo-fontcolor);padding:0;transition:.3s;display:flex;height:35px;width:75px;justify-content:center;align-items:center;text-shadow:none;border-radius:40px}#menus>div.menus_items a{font-size:16.8px;font-weight:700}#nav .menus_items .menus_item .menus_item_child{padding:2px 2px 4px 2px;border-radius:55px}#nav .menus_items .menus_item .menus_item_child li a:hover{padding:.2rem .5rem}
\ No newline at end of file
+@charset "UTF-8";:root{--heo-white:#fff;--heo-white-op:rgba(255, 255, 255, 0.2);--heo-black:#000;--heo-black-op:rgba(0, 0, 0, 0.2);--heo-none:#00000000;--heo-gray:#999999;--heo-gray-op:#9999992b;--heo-vip:#e5a80d;--heo-main:var(--heo-theme);--heo-main-op:var(--heo-theme-op);--heo-main-op-deep:var(--heo-theme-op-deep);--heo-main-none:var(--heo-theme-none);--heo-shadow-theme:0 8px 12px -3px var(--heo-theme-op);--heo-shadow-blackdeep:0 2px 16px -3px rgba(0, 0, 0, 0.15);--heo-shadow-main:0 8px 12px -3px var(--heo-main-op);--heo-shadow-blue:0 8px 12px -3px rgba(40, 109, 234, 0.2);--heo-shadow-white:0 8px 12px -3px rgba(255, 255, 255, 0.2);--heo-shadow-black:0 0 12px 4px rgba(0, 0, 0, 0.05);--heo-shadow-yellow:0px 38px 77px -26px rgba(255, 201, 62, 0.12);--heo-shadow-red:0 8px 12px -3px #ee7d7936;--heo-shadow-green:0 8px 12px -3px #87ee7936;--heo-logo-color:linear-gradient(215deg, #4584ff 0%, #cf0db9 100%);--heo-snackbar-time:5s;--style-border:1px solid var(--heo-card-border);--style-border-always:1px solid var(--heo-card-border);--style-border-hover:1px solid var(--heo-main);--style-border-hover-always:1px solid var(--heo-main);--style-border-dashed:1px dashed var(--heo-theme-op)}::selection{background:var(--heo-fontcolor);color:var(--heo-background)}[data-theme=light]{--heo-theme:#425AEF;--heo-theme-op:#4259ef23;--heo-theme-op-deep:#4259efdd;--heo-theme-none:#4259ef01;--heo-blue:#425AEF;--heo-red:#f04a63;--heo-pink:#FF7C7C;--heo-green:#28a63f;--heo-yellow:#c28b00;--heo-yellow-op:#d99c001a;--heo-orange:#e38100;--heo-fontcolor:#363636;--heo-background:#f7f9fe;--heo-reverse:#000;--heo-maskbg:rgba(255, 255, 255, 0.6);--heo-maskbgdeep:rgba(255, 255, 255, 0.85);--heo-hovertext:var(--heo-main);--heo-ahoverbg:#F7F7FA;--heo-lighttext:var(--heo-main);--heo-secondtext:rgba(60, 60, 67, 0.8);--heo-scrollbar:rgba(60, 60, 67, 0.4);--heo-card-btn-bg:#edf0f7;--heo-post-blockquote-bg:#fafcff;--heo-post-tabs-bg:#f2f5f8;--heo-secondbg:#f1f3f8;--heo-shadow-nav:0 5px 12px -5px rgba(102, 68, 68, 0.05);--heo-card-bg:#fff;--heo-card-bg-op:var(--heo-black-op);--heo-card-bg-none:rgba(255, 255, 255, 0);--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-card-border:#e3e8f7;--heo-shadow-border:0 8px 16px -4px #2c2d300c;--style-border-forever:2px solid var(--heo-main)}[data-theme=dark]{--heo-theme:#f2b94b;--heo-theme-op:#f2b94b23;--heo-theme-op-deep:#f2b94bdd;--heo-theme-none:#f2b94b00;--heo-blue:#0084FF;--heo-red:#FF3842;--heo-pink:#d44040;--heo-green:#3e9f50;--heo-yellow:#ffc93e;--heo-yellow-op:#ffc93e30;--heo-orange:#ff953e;--heo-fontcolor:#F7F7FA;--heo-background:#18171d;--heo-reverse:#fff;--heo-maskbg:rgba(0, 0, 0, 0.6);--heo-maskbgdeep:rgba(0, 0, 0, 0.85);--heo-hovertext:#0A84FF;--heo-ahoverbg:#fff;--heo-lighttext:#f2b94b;--heo-secondtext:#a1a2b8;--heo-scrollbar:rgba(200, 200, 223, 0.4);--heo-card-btn-bg:#30343f;--heo-post-blockquote-bg:#000;--heo-post-tabs-bg:#121212;--heo-secondbg:#30343f;--heo-shadow-nav:0 5px 20px 0px rgba(28, 28, 28, 0.4);--heo-card-bg:#1e1e1e;--heo-card-bg-op:var(--heo-white-op);--heo-card-bg-none:#1d1b2600;--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0);--heo-card-border:#3d3d3f;--heo-shadow-border:0 8px 16px -4px #00000050;--style-border-forever:2px solid var(--heo-lighttext)}@media screen and (max-width:768px){:root{--style-border:0px solid var(--heo-card-border);--style-border-hover:0px solid var(--heo-main)}}@keyframes barrageIn{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes barrageOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(20px);opacity:0}}html{line-height:1.15;text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}summary{display:list-item}template{display:none}[hidden]{display:none}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span,#aside-content .card-info .card-info-data>.card-info-data-item a .headline,#pagination .next_info,#pagination .prev_info,#sidebar #sidebar-menus .menus_items .site-page,#sidebar #sidebar-menus .site-data .data-item .data-item-link>a>div,.flink#article-container .flink-list>.flink-list-item a .flink-item-desc,.flink#article-container .flink-list>.flink-list-item a .flink-item-name,.limit-one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#article-container h1::before,#article-container h2::before,#article-container h3::before,#article-container h4::before,#article-container h5::before,#article-container h6::before,#post .post-copyright::before,#post .post-outdate-notice::before,.fontawesomeIcon,.note:not(.no-icon)::before{display:inline-block;font-weight:600;font-style:normal;font-variant:normal;font-family:"Font Awesome 5 Free";text-rendering:auto;-webkit-font-smoothing:antialiased}.card-announcement-animation{color:red;animation:.8s linear 0s infinite normal none running announ_animation}.scroll-down-effects{animation:1.5s ease 0s infinite normal none running scroll-down-effect}.reward-main{animation:.3s ease .1s 1 normal both running donate_effcet}@-webkit-keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;filter:none}100%{top:0;opacity:.4}}@keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;filter:none}100%{top:0;opacity:.4}}@-webkit-keyframes header-effect{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;filter:none;transform:translateY(0)}}@keyframes header-effect{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;filter:none;transform:translateY(0)}}@-webkit-keyframes headerNoOpacity{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes headerNoOpacity{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@-webkit-keyframes bottom-top{0%{opacity:0;margin-top:50px}100%{opacity:1;filter:none;margin-top:0}}@keyframes bottom-top{0%{opacity:0;margin-top:50px}100%{opacity:1;filter:none;margin-top:0}}@-webkit-keyframes titlescale{0%{opacity:0;transform:scale(.7)}100%{opacity:1;filter:none;transform:scale(1)}}@keyframes titlescale{0%{opacity:0;transform:scale(.7)}100%{opacity:1;filter:none;transform:scale(1)}}@-webkit-keyframes search_close{0%{opacity:1;filter:none;transform:scale(1)}100%{opacity:0;transform:scale(.7)}}@keyframes search_close{0%{opacity:1;filter:none;transform:scale(1)}100%{opacity:0;transform:scale(.7)}}@-webkit-keyframes to_show{0%{opacity:0}100%{opacity:1;filter:none}}@keyframes to_show{0%{opacity:0}100%{opacity:1;filter:none}}@-webkit-keyframes to_hide{0%{opacity:1;filter:none}100%{opacity:0}}@keyframes to_hide{0%{opacity:1;filter:none}100%{opacity:0}}@-webkit-keyframes ribbon_to_show{0%{opacity:0}100%{opacity:.6}}@keyframes ribbon_to_show{0%{opacity:0}100%{opacity:.6}}@-webkit-keyframes avatar_turn_around{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes avatar_turn_around{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes sub_menus{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;filter:none;transform:translateY(0)}}@keyframes sub_menus{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;filter:none;transform:translateY(0)}}@-webkit-keyframes donate_effcet{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;filter:none;transform:translateY(0)}}@keyframes donate_effcet{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;filter:none;transform:translateY(0)}}@-webkit-keyframes announ_animation{0%,100%{transform:scale(1);filter:blur(0)}50%{transform:scale(1.2);filter:blur(20px)}}@keyframes announ_animation{0%,100%{transform:scale(1);filter:blur(0)}50%{transform:scale(1.2);filter:blur(20px)}}@-webkit-keyframes sidebarItem{0%{transform:translateX(200px)}100%{transform:translateX(0)}}@keyframes sidebarItem{0%{transform:translateX(200px)}100%{transform:translateX(0)}}:root{--global-font-size:16px;--global-bg:#fff;--font-color:#4c4948;--hr-border:#97bcfb;--hr-before-color:#6ea2f9;--search-bg:#f6f8fa;--search-input-color:#4c4948;--search-result-title:#4c4948;--preloader-bg:#37474f;--preloader-color:#fff;--tab-border-color:#f0f0f0;--tab-botton-bg:#f0f0f0;--tab-botton-color:#1f2d3d;--tab-button-hover-bg:#dcdcdc;--tab-button-active-bg:#fff;--card-bg:#fff;--sidebar-bg:#f6f8fa;--btn-hover-color:#ff7242;--btn-color:#fff;--btn-bg:#307af6;--text-bg-hover:#307af6;--light-grey:#eee;--white:#fff;--text-highlight-color:#1f2d3d;--blockquote-color:#6a737d;--blockquote-bg:rgba(73, 177, 245, 0.1);--reward-pop:#f5f5f5;--toc-link-color:#666261;--card-box-shadow:0 3px 8px 6px rgba(7, 17, 27, 0.06);--card-hover-box-shadow:0 3px 8px 6px rgba(7, 17, 27, 0.15)}html{height:100%;font-size:20px}body{position:relative;min-height:100%;background:var(--heo-background);color:var(--heo-fontcolor);font-size:var(--global-font-size);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei";line-height:2;-webkit-tap-highlight-color:transparent;margin:0}input::placeholder{color:var(--heo-fontcolor)}h1,h2,h3,h4,h5,h6{position:relative;margin:1rem 0 .7rem;color:var(--text-highlight-color);font-weight:700}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:inherit!important}*{box-sizing:border-box}hr{position:relative;margin:2rem auto;border:2px dashed var(--hr-border)}.table-wrap{overflow-x:scroll;margin:0 0 1rem}table{display:table;width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show}table thead{background:rgba(153,169,191,.1)}table td,table th{padding:.3rem .6rem;border:1px solid var(--light-grey);vertical-align:middle}::selection{background:#0079ff;color:#f7f7f7}button{padding:0;outline:0;border:none;background:0 0;cursor:pointer}a{color:#99a9bf;text-decoration:none;transition:all .2s ease 0s;overflow-wrap:break-word}a:hover{color:#307af6}#aside-content .author-info__description,#aside-content .author-info__name,#site-name,#site-subtitle,#site-title{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}.is-center{text-align:center}.copy-true{user-select:all}.pull-left{float:left}.pull-right{float:right}.button--animated{position:relative;z-index:1;transition:color 1s ease 0s}.button--animated::before{position:absolute;inset:0;z-index:-1;background:var(--btn-hover-color);content:"";transition:transform .5s ease-out 0s;transform:scaleX(0);transform-origin:0 50%}.button--animated:hover::before{transition-timing-function:cubic-bezier(.45,1.64,.47,.66);transform:scaleX(1)}img{max-width:100%;transition:all .2s ease 0s}img:not([src]),img[src=""]{opacity:0}.img-alt{margin:-.5rem 0 .5rem;color:#858585}.img-alt:hover{text-decoration:none!important}:root{--hl-color:#eff;--hl-bg:#212121;--hltools-bg:#1c1c1c;--hltools-color:rgba(238, 255, 255, 0.8);--hlnumber-bg:#212121;--hlnumber-color:rgba(238, 255, 255, 0.5);--hlscrollbar-bg:#121212;--hlexpand-bg:linear-gradient(180deg, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0.9))}blockquote{margin:0 0 1rem;padding:.1rem .8rem;border-left:.2rem solid #49b1f5;background-color:var(--blockquote-bg);color:var(--blockquote-color)}blockquote a{word-break:break-all}blockquote p{padding:.5rem 0;margin:0!important}blockquote footer{padding:0 0 .5rem}blockquote footer cite::before{padding:0 .3em;content:"—"}#article-container .gutter{user-select:none}#article-container .gist table{width:auto}#article-container .gist table td{border:none}#article-container pre{border:var(--style-border-always)}@-webkit-keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}@keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}.article-sort{margin-left:.5rem;padding-left:1rem;border-left:2px solid #92b9fa}.article-sort-title{position:relative;margin-left:.5rem;padding-bottom:1rem;padding-left:1rem;font-size:1.72em}.article-sort-title:hover::before{border-color:#ff7242}.article-sort-title::before{position:absolute;top:calc((100% - 1.8rem)/ 2);left:-.45rem;z-index:1;width:.5rem;height:.5rem;border:.25rem solid #307af6;border-radius:.5rem;background:var(--card-bg);content:"";line-height:.5rem;transition:all .2s ease-in-out 0s}.article-sort-title::after{position:absolute;bottom:0;left:0;z-index:0;width:.1rem;height:1.5em;background:#92b9fa;content:""}.article-sort-item{position:relative;display:flex;-webkit-box-align:center;align-items:center;margin:0 0 1rem .5rem;transition:all .2s ease-in-out 0s}.article-sort-item:hover::before{border-color:#ff7242}.article-sort-item::before{position:absolute;left:calc(-1rem - 17px);width:.3rem;height:.3rem;border:.15rem solid #307af6;border-radius:.3rem;background:var(--card-bg);content:"";transition:all .2s ease-in-out 0s}.article-sort-item.no-article-cover{height:80px}.article-sort-item.no-article-cover .article-sort-item-info{padding:0}.article-sort-item.year{font-size:1.43em}.article-sort-item.year:hover::before{border-color:#307af6}.article-sort-item.year::before{border-color:#ff7242}.article-sort-item-time{color:#858585;font-size:95%}.article-sort-item-time time{padding-left:.3rem;cursor:default}.article-sort-item-title{color:var(--heo-fontcolor);font-size:1.1em;transition:all .3s ease 0s;-webkit-line-clamp:2}.article-sort-item-title:hover{color:#307af6;transform:translateX(10px)}.article-sort-item-img{overflow:hidden;width:80px;height:80px}.article-sort-item-img img{width:100%;height:100%;transition:all .6s ease 0s;object-fit:cover}.article-sort-item-img img:hover{transform:scale(1.1)}.article-sort-item-info{-webkit-box-flex:1;flex:1 1 0%;padding:0 .8rem}#page .category-lists{padding:1rem 0 1.5rem}@media screen and (max-width:768px){#page .category-lists{padding:0}}#page .category-lists .category-title{font-size:2.57em}@media screen and (max-width:768px){#page .category-lists .category-title{font-size:2em}}#page .category-lists .category-list a{color:var(--heo-fontcolor)}#page .category-lists .category-list a:hover{color:#307af6}#page .category-lists .category-list .category-list-count{margin-left:.4rem;color:#858585}#page .category-lists .category-list .category-list-count::before{content:"("}#page .category-lists .category-list .category-list-count::after{content:")"}#page .category-lists ul{margin-top:.4rem;padding:0 0 0 1rem;list-style:none;counter-reset:li 0}#page .category-lists ul ul{padding-left:.2rem}#page .category-lists ul li{position:relative;margin:.3rem 0;padding:.12em .4em .12em 1.4em}#page .category-lists ul li::before{position:absolute;left:0;cursor:pointer;transition:all .3s ease-out 0s;top:.7em;width:.43em;height:.43em;border:.215em solid #307af6;border-radius:.43em;background:0 0;content:""}#page .category-lists ul li:hover::before{border-color:#ff7242}.layout{display:flex;margin:0 auto;padding:2rem 15px;max-width:1200px}@media screen and (max-width:900px){.layout{-webkit-box-orient:vertical;flex-direction:column}}@media screen and (max-width:768px){.layout{padding:1rem 5px}}@media screen and (min-width:2000px){.layout{max-width:1500px}}@media screen and (max-width:768px){.layout>div:first-child:not(.recent-posts){padding:1.8rem .7rem!important}}.layout>div:first-child{width:75%;transition:all .3s ease 0s}@media screen and (max-width:900px){.layout>div:first-child{width:100%!important}}.layout.hide-aside{max-width:1000px}@media screen and (min-width:2000px){.layout.hide-aside{max-width:1300px}}.layout.hide-aside>div{width:100%!important}.flink#article-container .flink-desc{margin:.2rem 0 .5rem}.flink#article-container .flink-list{overflow:auto;padding:10px 10px 0;text-align:center}.flink#article-container .flink-list>.flink-list-item{position:relative;float:left;overflow:hidden;margin:15px 7px;width:calc(25% - 12px);height:90px;border-radius:5px;line-height:17px;transform:translateZ(0);transition:all .3s ease 0s}@media screen and (max-width:1200px){.flink#article-container .flink-list>.flink-list-item{width:calc(25% - 12px)!important}}@media screen and (max-width:1024px){.flink#article-container .flink-list>.flink-list-item{width:calc(33.3333% - 12px)!important}}@media screen and (max-width:768px){.flink#article-container .flink-list>.flink-list-item{width:calc(50% - 12px)!important}}@media screen and (max-width:600px){.flink#article-container .flink-list>.flink-list-item{width:calc(100% - 12px)!important}}.flink#article-container .flink-list>.flink-list-item:hover{background:#006cf2;transform:scale(1.05)}.flink#article-container .flink-list>.flink-list-item a{color:var(--heo-fontcolor);text-decoration:none}.flink#article-container .flink-list>.flink-list-item a img{float:left;margin:15px 10px;width:60px;height:60px;border-radius:35px;transition:all .3s ease 0s}.flink#article-container .flink-list>.flink-list-item a .img-alt{display:none}.flink#article-container .flink-list>.flink-list-item a .flink-item-name{display:block;padding:16px 10px 0 0;height:40px;font-weight:700;font-size:1.43em}.flink#article-container .flink-list>.flink-list-item a .flink-item-desc{display:block;padding:16px 10px 16px 0;height:50px;font-size:.93em}.flink#article-container .site-card-group{display:flex;flex-wrap:wrap;-webkit-box-pack:start;justify-content:flex-start;margin:-8px;-webkit-box-align:stretch;align-items:stretch}.flink#article-container .site-card{margin:8px;width:calc(20% - 16px);display:block;line-height:1.4;height:100%}@media screen and (max-width:1200px){.flink#article-container .site-card{width:calc(20% - 16px)!important}}@media screen and (max-width:1024px){.flink#article-container .site-card{width:calc(25% - 16px)!important}}@media screen and (max-width:768px){.flink#article-container .site-card{width:calc(33.3333% - 16px)!important}}@media screen and (max-width:600px){.flink#article-container .site-card{width:calc(50% - 16px)!important}}.flink#article-container .site-card .img{width:100%;height:120px;overflow:hidden;border-radius:12px 12px 0 0;background:#f6f6f6}@media screen and (max-width:500px){.flink#article-container .site-card .img{height:100px}}.flink#article-container .site-card .img img{width:100%;height:100%;transition:transform 2s ease 0s;object-fit:cover}.flink#article-container .site-card .info{margin-top:8px}.flink#article-container .site-card .info img{width:32px;height:32px;border-radius:16px;float:left;margin-right:8px;margin-top:2px}.flink#article-container .site-card .info span{display:block}.flink#article-container .site-card .info .title{font-weight:600;color:#444;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;transition:all .3s ease 0s}.flink#article-container .site-card .info .desc{overflow-wrap:break-word;line-height:1.2;color:#888;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.flink#article-container .site-card .img{transition:all .3s ease 0s}.flink#article-container .site-card .img-alt{display:none}.flink#article-container .site-card:hover .info .title{color:#ff5722}#recent-posts>.recent-post-item:not(:first-child){margin-top:1rem}#recent-posts>.recent-post-item{display:flex;-webkit-box-orient:horizontal;flex-direction:row;-webkit-box-align:center;align-items:center;height:15.5em;border-radius:12px 8px 8px 12px;background:var(--card-bg);box-shadow:var(--card-box-shadow);transition:all .3s ease 0s}@media screen and (max-width:768px){#recent-posts>.recent-post-item{border-radius:12px 12px 8px 8px}}#recent-posts>.recent-post-item:hover{box-shadow:var(--card-hover-box-shadow)}#recent-posts>.recent-post-item:hover img.post_bg{transform:scale(1.1)}#recent-posts>.recent-post-item .left_radius{border-radius:5px 0 0 8px}#recent-posts>.recent-post-item .right_radius{border-radius:5px 0 0 8px}#recent-posts>.recent-post-item.ads-wrap{display:block!important;height:auto!important}#recent-posts>.recent-post-item .post_cover{overflow:hidden;width:45%;height:100%;-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}#recent-posts>.recent-post-item .post_cover img.post_bg{width:100%;height:100%;transition:all .6s ease 0s;object-fit:cover}#recent-posts>.recent-post-item .post_cover img.post_bg:hover{transform:scale(1.1)}#recent-posts>.recent-post-item>.recent-post-info{display:inline-block;overflow:hidden;padding:0 40px;width:55%}#recent-posts>.recent-post-item>.recent-post-info.no-cover{width:100%}#recent-posts>.recent-post-item>.recent-post-info>.article-title{margin-bottom:.3rem;color:var(--text-highlight-color);font-size:1.4em;line-height:1.4;transition:all .2s ease-in-out 0s;-webkit-line-clamp:2}#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover{color:#307af6}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{color:#858585;font-size:90%}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date{cursor:default}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky{color:#ff7242}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i{margin:0 .2rem 0 0}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-label{padding-right:.2rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator{margin:0 .3rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__link{margin:0 .2rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .fa-angle-right{margin:0 .2rem}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time{display:none}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a{color:#858585}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover{color:#307af6;cursor:pointer;border-radius:4px;background-color:rgba(59,130,255,.25)}#recent-posts>.recent-post-item>.recent-post-info>.content{margin-top:.3rem;-webkit-line-clamp:3}#recent-posts>.recent-post-item .recent-post-info .pinned-post{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:var(--heo-lighttext);font-size:.5rem;position:absolute;top:5px}@media screen and (max-width:768px){#recent-posts>.recent-post-item .recent-post-info .pinned-post{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:var(--heo-lighttext);font-size:.5rem;position:absolute;top:-19px}#recent-posts .recent-post-item{-webkit-box-orient:vertical;flex-direction:column;height:auto!important}#recent-posts .recent-post-item .post_cover{width:100%;height:230px;border-radius:5px 8px 0 0;-webkit-box-ordinal-group:1!important;order:1!important}#recent-posts .recent-post-item .recent-post-info{padding:1rem 1rem 1.5rem;width:100%;-webkit-box-ordinal-group:2!important;order:2!important}#recent-posts .recent-post-item .recent-post-info.no-cover{padding:1.5rem 1rem}#recent-posts .recent-post-item .recent-post-info .article-title{font-size:1.43em}#recent-posts .recent-post-item .recent-post-info .content{height:auto}}.tag-cloud-list a{display:inline-block;padding:0 .4rem;transition:all .3s ease 0s}.tag-cloud-list a:hover{transform:scale(1.1);color:#307af6!important}@media screen and (max-width:768px){.tag-cloud-list a{zoom:.85}}.tag-cloud-title{font-size:2.57em}@media screen and (max-width:768px){.tag-cloud-title{font-size:2em}}#error-wrap{display:flex;justify-content:center;margin:0 1rem;width:100%;position:relative}#error-wrap .error-content{display:flex;-webkit-box-orient:horizontal;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 1rem;height:18rem;max-width:800px;border-radius:5px;background:var(--heo-card-bg);box-shadow:var(--card-box-shadow);transition:all .3s ease 0s;border:var(--style-border-always);position:relative;width:100%}#error-wrap .error-content:hover{box-shadow:var(--card-hover-box-shadow)}@media screen and (max-width:768px){#error-wrap .error-content{-webkit-box-orient:vertical;flex-direction:column;margin:0;height:25rem;width:100%}}#error-wrap .error-content .error-img{-webkit-box-flex:1;flex:1 1 0%;height:90%;width:600px;border-top-left-radius:8px;border-bottom-left-radius:8px;background-color:#307af6;background-position:center center;background-size:cover}@media screen and (max-width:768px){#error-wrap .error-content .error-img{-webkit-box-flex:1;flex:1 1 0%;width:100%;border-radius:12px}}#error-wrap .error-content .error-info{-webkit-box-flex:1;flex:1 1 0%;padding:.5rem;text-align:center;font-size:14px;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}#error-wrap .error-content .error-info .error_title{font-size:9em;line-height:1}@media screen and (max-width:768px){#error-wrap .error-content .error-info{-webkit-box-flex:1.1;flex:1.1 1 0%;width:100%;padding-bottom:2rem}#error-wrap .error-content .error-info .error_title{font-size:4rem}}#error-wrap .error-content .error-info .error_subtitle{word-break:break-word;font-size:1.6em;-webkit-line-clamp:2}#error-wrap .error-content .error-info a{display:inline-block;margin-top:.5rem;padding:.3rem 1.5rem;background:var(--btn-bg);color:var(--btn-color)}#error-wrap .error-content .error-info a i{padding-right:.3rem}@media screen and (min-width:900px){#aside-content{padding-left:15px}}@media screen and (max-width:900px){#aside-content{width:100%}}@media screen and (max-width:900px){#aside-content>.card-widget:first-child{margin-top:1rem}}@media screen and (max-width:768px){#aside-content .card-widget:not(#card-toc){display:none}}#aside-content .card-info img{width:110px;height:110px;border-radius:70px;transition:all .5s ease 0s}#aside-content .card-info .author-info__name{font-weight:500;font-size:1.57em}#aside-content .card-info .author-info__description{margin-top:-.3rem}#aside-content .card-info .card-info-data{display:table;margin:.7rem 0 .2rem;width:100%;table-layout:fixed}#aside-content .card-info .card-info-data>.card-info-data-item{display:table-cell}#aside-content .card-info .card-info-data>.card-info-data-item:hover{background:#000;border-radius:5px}#aside-content .card-info .card-info-data>.card-info-data-item a .headline{color:var(--heo-fontcolor);font-size:1em}#aside-content .card-info .card-info-data>.card-info-data-item a .length-num{margin-top:-.3rem;color:var(--text-highlight-color);font-size:1.4em}#aside-content .card-info .card-info-social-icons{margin:.3rem 0 -.3rem}#aside-content .card-info .card-info-social-icons .social-icon{margin:0 .5rem;color:var(--heo-fontcolor);font-size:1.4em;cursor:pointer}#aside-content .card-info .card-info-social-icons i{transition:all .3s ease 0s;padding:8px;border-radius:32px}#aside-content .card-info .card-info-social-icons i:hover{transform:rotate(540deg);background-color:#000;cursor:pointer}#aside-content .card-info #card-info-btn{display:block;margin-top:.7rem;background-color:var(--btn-bg);color:var(--btn-color);text-align:center;line-height:2.4}#aside-content .card-info #card-info-btn span{padding-left:.5rem}#aside-content .item-headline{padding-bottom:.3rem;font-size:1.2em}#aside-content .item-headline span{margin-left:.5rem}@media screen and (min-width:900px){#aside-content .sticky_layout{position:sticky;top:20px;transition:top .3s ease 0s}}#aside-content .card-tag-cloud a{display:inline-block;padding:0 .3rem}#aside-content .card-tag-cloud a:hover{background-color:#fff;cursor:pointer;border-radius:5px;transform:scale(1.1);color:#307af6!important}#aside-content .aside-list>span{display:block;margin-bottom:.5rem;text-align:center}#aside-content .aside-list>.aside-list-item{display:flex;-webkit-box-align:center;align-items:center;padding:.3rem 0}#aside-content .aside-list>.aside-list-item:first-child{padding-top:0}#aside-content .aside-list>.aside-list-item:not(:last-child){border-bottom:1px dashed #f5f5f5}#aside-content .aside-list>.aside-list-item:last-child{padding-bottom:0}#aside-content .aside-list>.aside-list-item .thumbnail{overflow:hidden;width:4.2em;height:4.2em}#aside-content .aside-list>.aside-list-item .thumbnail>img{width:100%;height:100%;transition:all .6s ease 0s;object-fit:cover}#aside-content .aside-list>.aside-list-item .thumbnail>img:hover{transform:scale(1.1)}#aside-content .aside-list>.aside-list-item .content{-webkit-box-flex:1;flex:1 1 0%;padding-left:10px;word-break:break-all}#aside-content .aside-list>.aside-list-item .content>.name{-webkit-line-clamp:1}#aside-content .aside-list>.aside-list-item .content>.name,#aside-content .aside-list>.aside-list-item .content>time{display:block;color:#858585;font-size:85%}#aside-content .aside-list>.aside-list-item .content>.comment,#aside-content .aside-list>.aside-list-item .content>.title{color:var(--heo-fontcolor);font-size:95%;line-height:1.5;-webkit-line-clamp:2}#aside-content .aside-list>.aside-list-item .content>.comment:hover,#aside-content .aside-list>.aside-list-item .content>.title:hover{color:#307af6}#aside-content .aside-list>.aside-list-item.no-cover{min-height:4.4em}#aside-content .card-archives ul.card-archive-list,#aside-content .card-categories ul.card-category-list{margin:0;padding:0;list-style:none}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,#aside-content .card-categories ul.card-category-list>.card-category-list-item a{display:inline-block;padding:.15rem .5rem;width:100%;color:var(--heo-fontcolor);transition:all .4s ease 0s;border-radius:5px}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover{padding:.15rem .85rem;background-color:#fff;color:#427bee;border-radius:5px}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span{display:inline-block;vertical-align:bottom}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child{width:80%}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:last-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:last-child{width:20%;text-align:right}#aside-content .card-categories .card-category-list.child{padding:0 0 0 .8rem}#aside-content .card-categories .card-category-list>.parent>a .card-category-list-name{width:70%!important}#aside-content .card-categories .card-category-list>.parent>a .card-category-list-count{width:calc(30% - 20px);text-align:right}#aside-content .card-categories .card-category-list>.parent i{float:right;margin-right:-.35rem;padding:.35rem;transition:transform .3s ease 0s;transform:rotate(0)}#aside-content .card-categories .card-category-list>.parent i.expand{transform:rotate(-90deg)}#aside-content .card-webinfo .webinfo .webinfo-item{display:flex;-webkit-box-align:center;align-items:center;padding:.1rem .5rem 0}#aside-content .card-webinfo .webinfo .webinfo-item div:first-child{-webkit-box-flex:1;flex:1 1 0%;padding-right:1rem}@media screen and (min-width:901px){#aside-content #card-toc{right:0!important}}@media screen and (max-width:900px){#aside-content #card-toc{position:fixed;right:-100%;bottom:30px;z-index:100;max-height:calc(100% - 60px);width:300px;opacity:0;transform-origin:right bottom}}#aside-content #card-toc .toc-content{overflow-y:auto;max-height:calc(100vh - 120px)}@media screen and (max-width:900px){#aside-content #card-toc .toc-content{max-height:calc(100vh - 140px)}}#aside-content #card-toc .toc-content .toc-child{display:none}@media screen and (max-width:900px){#aside-content #card-toc .toc-content .toc-child{display:block!important}}#aside-content #card-toc .toc-content .toc-item.active .toc-child{display:block}#aside-content #card-toc .toc-content li,#aside-content #card-toc .toc-content ol{list-style:none}#aside-content #card-toc .toc-content>ol{padding:0!important}#aside-content #card-toc .toc-content ol{margin:0;padding-left:.4rem}#aside-content #card-toc .toc-content .toc-link{display:block;padding-left:.3rem;border-left:3px solid transparent;color:var(--toc-link-color);transition:all .2s ease-in-out 0s}#aside-content #card-toc .toc-content .toc-link.active{border-left-color:#0061cc;background:#0079ff;color:#fff}#aside-content #card-toc .toc-content::before{position:absolute;top:.6rem;right:1.2rem;color:#a9a9a9;content:attr(progress-percentage);font-style:italic;font-size:1.2rem}#aside-content :only-child>.card-widget{margin-top:0}#aside-content .card-more-btn{float:right;color:inherit}#aside-content .card-more-btn:hover{animation:1s ease 0s infinite normal none running more-btn-move}@media screen and (min-width:900px){html.hide-aside .layout{-webkit-box-pack:center;justify-content:center}html.hide-aside .layout>.aside-content{display:none}html.hide-aside .layout>div:first-child{width:100%}}.page .sticky_layout{display:flex;-webkit-box-orient:vertical;flex-direction:column}@-webkit-keyframes more-btn-move{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes more-btn-move{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}@-webkit-keyframes toc-open{0%{transform:scale(.7)}100%{transform:scale(1)}}@keyframes toc-open{0%{transform:scale(.7)}100%{transform:scale(1)}}@-webkit-keyframes toc-close{0%{transform:scale(1)}100%{transform:scale(.7)}}@keyframes toc-close{0%{transform:scale(1)}100%{transform:scale(.7)}}#post-comment .comment-head .comment-headline{display:inline-block;vertical-align:middle;font-weight:700;font-size:1.43em}#post-comment .comment-head #comment-switch{display:inline-block;float:right;margin:.1rem auto 0;padding:.2rem .8rem;width:max-content;border-radius:5px;background:#f6f8fa}#post-comment .comment-head #comment-switch .first-comment{color:#307af6}#post-comment .comment-head #comment-switch .second-comment{color:#ff7242}#post-comment .comment-head #comment-switch .switch-btn{position:relative;display:inline-block;margin:-4px .4rem 0;width:42px;height:22px;border-radius:34px;background-color:#307af6;vertical-align:middle;cursor:pointer;transition:all .4s ease 0s}#post-comment .comment-head #comment-switch .switch-btn::before{position:absolute;bottom:4px;left:4px;width:14px;height:14px;border-radius:50%;background-color:#fff;content:"";transition:all .4s ease 0s}#post-comment .comment-head #comment-switch .switch-btn.move{background-color:#ff7242}#post-comment .comment-head #comment-switch .switch-btn.move::before{transform:translateX(20px)}#post-comment .comment-wrap>div:nth-child(2){display:none}#footer{position:relative;background:center bottom/cover local #307af6}#footer-wrap{position:relative;padding:2rem 1rem;color:var(--light-grey);text-align:center}#footer-wrap a{color:var(--light-grey);padding:4px 12px;border-radius:5px}#footer-wrap a:hover{background-color:#fff;color:#3b82ff;cursor:pointer;border-radius:5px}#footer-wrap .footer-separator{margin:0 .2rem}#footer-wrap .icp-icon{padding:0 4px;vertical-align:text-bottom;max-height:1.4em;width:auto}#page-header{position:relative;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all .5s ease 0s}#page-header.full_page{height:20rem;background-attachment:fixed}#page-header.full_page #site-info{position:absolute;top:7.8rem;padding:0 .5rem;width:100%}#page-header #scroll-down .scroll-down-effects,#page-header #site-subtitle,#page-header #site-title{text-align:center;line-height:1.5}#page-header #site-title{margin:0;color:var(--white);font-size:1.85em}@media screen and (min-width:768px){#page-header #site-title{font-size:2.85em}}#page-header #site-subtitle{color:var(--light-grey);font-size:1.15em}@media screen and (min-width:768px){#page-header #site-subtitle{font-size:1.72em}}#page-header #site_social_icons{display:none;margin:0 auto;width:15rem;text-align:center}@media screen and (max-width:768px){#page-header #site_social_icons{display:block}}#page-header #site_social_icons .social-icon{margin:0 .5rem;color:var(--light-grey);text-shadow:rgba(0,0,0,.15) .1rem .1rem .2rem;font-size:1.43em;cursor:pointer}#page-header #scroll-down{position:absolute;bottom:0;width:100%;cursor:pointer;display:none}#page-header #scroll-down .scroll-down-effects{position:relative;width:100%;color:var(--light-grey);font-size:30px}#page-header.not-home-page{height:20rem}@media screen and (max-width:768px){#page-header.not-home-page{height:14rem}}#page-header #page-site-info{position:absolute;top:10rem;padding:0 .5rem;width:100%}@media screen and (max-width:768px){#page-header #page-site-info{top:7rem}}#page-header.post-bg{height:20rem}@media screen and (max-width:768px){#page-header.post-bg{height:18rem;background-color:var(--heo-main)!important;transition:0s}}#page-header #post-info{position:absolute;padding:0 8%;width:100%;text-align:center}@media screen and (max-width:900px){#page-header #post-info{bottom:1.5rem;text-align:left}}@media screen and (max-width:768px){#page-header #post-info{bottom:1.1rem;padding:0 1.1rem}}#page-header.not-top-img{margin-bottom:.5rem;height:60px;background:0 center}#page-header.not-top-img #nav{background:rgba(255,255,255,.8)}#page-header.not-top-img #nav a{color:var(--heo-fontcolor);text-shadow:none}#page-header.nav-fixed #nav{position:fixed;top:-60px;z-index:91;background:rgba(255,255,255,.8);transition:transform .2s ease-in-out 0s,opacity .2s ease-in-out 0s}#page-header.nav-fixed #nav #site-name,#page-header.nav-fixed #nav #toggle-menu,#page-header.nav-fixed #nav a{color:var(--heo-fontcolor);text-shadow:none}#page-header.nav-fixed #nav #site-name:hover,#page-header.nav-fixed #nav #toggle-menu:hover,#page-header.nav-fixed #nav a:hover{color:#307af6}#page-header.nav-visible #nav{transition:all .5s ease 0s;transform:translate3d(0,100%,0)}#page-header.nav-visible+.layout>.aside-content>.sticky_layout{top:70px;transition:top .5s ease 0s}#page h1.page-title{margin:.4rem 0 1rem}#post>#post-info{margin-bottom:1.5rem}#post>#post-info .post-title{padding-bottom:.2rem;border-bottom:1px solid var(--light-grey);color:var(--text-highlight-color)}#post>#post-info .post-title .post-edit-link{float:right}#post>#post-info #post-meta,#post>#post-info #post-meta a{color:#78818a}#post-info .post-title{margin-bottom:.4rem;color:var(--white);font-weight:400;font-size:2.5em;line-height:1.5;-webkit-line-clamp:3}@media screen and (max-width:768px){#post-info .post-title{font-size:1.72em}}#post-info .post-title .post-edit-link{padding-left:.5rem}#post-info #post-meta{color:var(--light-grey);font-size:95%}@media screen and (max-width:768px){#post-info #post-meta{font-size:90%}}#post-info #post-meta .post-meta-separator{margin:0 .25rem}#post-info #post-meta .post-meta-icon{margin-right:.2rem}#post-info #post-meta .post-meta-label{margin-right:.2rem}#post-info #post-meta a{color:var(--light-grey);transition:all .3s ease-out 0s}#post-info #post-meta a:hover{color:#307af6;text-decoration:underline}#nav{position:absolute;top:0;z-index:90;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;padding:0 36px;width:100%;height:60px;font-size:1.3em;opacity:0;transition:all .5s ease 0s;outline:1px solid var(--heo-none)}@media screen and (max-width:768px){#nav{padding:0 16px}}#nav.show{opacity:1;filter:none}#nav #toggle-menu{display:none;padding:.1rem 0 0 .3rem;vertical-align:top}#nav #toggle-menu:hover{color:var(--white)}#nav a{color:var(--light-grey);padding:.3rem .4rem 0;border-radius:5px}#nav a:hover{color:var(--white);background:rgba(0,0,0,.25)}#nav #site-name{text-shadow:rgba(0,0,0,.15) .1rem .1rem .2rem;font-weight:700;cursor:pointer}#nav .menus_items{display:inline}#nav .menus_items .menus_item{position:relative;display:inline-block;padding:0 .4rem 0 0}#nav .menus_items .menus_item:hover .menus_item_child{display:block}#nav .menus_items .menus_item:hover i.expand{transform:rotate(180deg)!important}#nav .menus_items .menus_item i.expand{padding:4px;transition:transform .3s ease 0s}#nav .menus_items .menus_item .menus_item_child{position:absolute;display:none;margin-top:8px;padding:0;background-color:var(--sidebar-bg);box-shadow:rgba(0,0,0,.5) 0 5px 20px -4px;animation:.3s ease .1s 1 normal both running sub_menus;border-radius:5px;white-space:nowrap}#nav .menus_items .menus_item .menus_item_child::before{position:absolute;top:-8px;left:0;width:100%;height:20px;content:""}#nav.hide-menu #toggle-menu{display:inline-block!important}#nav.hide-menu #toggle-menu .site-page{font-size:inherit}#nav.hide-menu .menus_items{position:absolute;left:0;visibility:hidden;opacity:0}#nav.hide-menu #search-button span{display:none!important}#nav #search-button{display:inline;padding:0 .4rem}#nav .site-page{position:relative;padding-bottom:.3rem;text-shadow:rgba(0,0,0,.3) .05rem .05rem .1rem;font-size:.78em;cursor:pointer}.li-style{width:100%;height:25px;text-align:center}li,ul{list-style:none;display:block;margin:0;padding:0}@-webkit-keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}100%{transform:rotate(-315deg)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}100%{transform:rotate(-315deg)}}#pagination{overflow:hidden;margin-top:1rem;width:100%}#pagination .pagination{text-align:center}#pagination .page-number{display:inline-block;margin:0 .2rem;min-width:1.2rem;height:1.2rem;text-align:center;line-height:1.2rem;cursor:pointer}#pagination .page-number.current{background:#0079ff;color:var(--white);cursor:default;border-radius:5px}#pagination img.next-cover,#pagination img.prev-cover{position:absolute;width:100%;height:100%;opacity:.4;transition:all .6s ease 0s;object-fit:cover}#pagination .pagination-info{position:absolute;top:50%;padding:1rem 2rem;width:100%;transform:translate(0,-50%)}#pagination .next_info,#pagination .prev_info{color:var(--white);font-weight:500}#pagination .next-post .pagination-info{text-align:right}#pagination .pull-full{width:100%!important}#pagination .next-post .label,#pagination .prev-post .label{color:var(--light-grey);text-transform:uppercase;font-size:90%}#pagination .next-post,#pagination .prev-post{width:50%}@media screen and (max-width:768px){#pagination .next-post,#pagination .prev-post{width:100%}}#pagination .next-post a,#pagination .prev-post a{position:relative;display:block;overflow:hidden;height:150px}#pagination .next-post:hover img.next-cover,#pagination .next-post:hover img.prev-cover,#pagination .prev-post:hover img.next-cover,#pagination .prev-post:hover img.prev-cover{opacity:.8;transform:scale(1.1)}#pagination.pagination-post{margin-top:2rem;background:#000}#article-container{overflow-wrap:break-word}#article-container a{color:#307af6}#article-container a:hover{text-decoration:underline}#article-container img{display:block;margin:0 auto .8rem}#article-container p{margin:0 0 .8rem}#article-container iframe{margin:0 0 1rem}#article-container kbd{margin:0 3px;padding:3px 5px;border:1px solid #b4b4b4;border-radius:3px;background-color:#f8f8f8;box-shadow:rgba(0,0,0,.25) 0 1px 3px,rgba(255,255,255,.6) 0 2px 1px 0 inset;color:#34495e;white-space:nowrap;font-weight:600;font-size:.9em;font-family:Monaco,"Ubuntu Mono",monospace;line-height:1em}#article-container h1,#article-container h2,#article-container h3,#article-container h4,#article-container h5,#article-container h6{transition:all .2s ease-out 0s}#article-container h1::before,#article-container h2::before,#article-container h3::before,#article-container h4::before,#article-container h5::before,#article-container h6::before{position:absolute;top:calc(50% - .35rem);color:#f2ba4b;content:"";line-height:1;transition:all .2s ease-out 0s}#article-container h1:hover::before,#article-container h2:hover::before,#article-container h3:hover::before,#article-container h4:hover::before,#article-container h5:hover::before,#article-container h6:hover::before{color:#307af6}#article-container h1{padding-left:1.4rem}#article-container h1 code{font-size:1rem}#article-container h1::before{margin-left:-1.2rem;font-size:1rem}#article-container h1:hover{padding-left:1.6rem}#article-container h2{padding-left:1.3rem}#article-container h2 code{font-size:.9rem}#article-container h2::before{margin-left:-1.1rem;font-size:.9rem}#article-container h2:hover{padding-left:1.5rem}#article-container h3{padding-left:1.2rem}#article-container h3 code{font-size:.8rem}#article-container h3::before{margin-left:-1rem;font-size:.8rem}#article-container h3:hover{padding-left:1.4rem}#article-container h4{padding-left:1.1rem}#article-container h4 code{font-size:.7rem}#article-container h4::before{margin-left:-.9rem;font-size:.7rem}#article-container h4:hover{padding-left:1.3rem}#article-container h5{padding-left:1rem}#article-container h5 code{font-size:.6rem}#article-container h5::before{margin-left:-.8rem;font-size:.6rem}#article-container h5:hover{padding-left:1.2rem}#article-container h6{padding-left:1rem}#article-container h6 code{font-size:.6rem}#article-container h6::before{margin-left:-.8rem;font-size:.6rem}#article-container h6:hover{padding-left:1.2rem}#article-container ol,#article-container ul{margin-top:.4rem;padding:0 0 0 .8rem;list-style:none;counter-reset:li 0}@media screen and (max-width:768px){#article-container ol,#article-container ul{padding:0 0 0 .4rem}}#article-container ol p,#article-container ul p{margin:0 0 .5rem}#article-container ol ol,#article-container ol ul,#article-container ul ol,#article-container ul ul{padding-left:.6rem}@media screen and (max-width:768px){#article-container ol ol,#article-container ol ul,#article-container ul ol,#article-container ul ul{padding-left:.2rem}}#article-container ol li:not(.tab),#article-container ul li:not(.tab){position:relative;margin:.2rem 0}#article-container ol li:hover::before,#article-container ul li:hover::before{transform:rotate(360deg)}#article-container ol li::before,#article-container ul li::before{position:absolute;top:0;left:0;background:#307af6;color:#fff;cursor:pointer;transition:all .3s ease-out 0s}#article-container ol>li:not(.tab){padding:.2em .2em .2em 1.8em}#article-container ol>li::before{margin-top:.65em;width:1.45em;height:1.45em;border-radius:.725em;content:counter(li);counter-increment:li 1;text-align:center;font-size:.85em;line-height:1.45em}#article-container ul>li:not(.tab){padding:.2em .2em .2em 1.4em}#article-container ul>li:not(.tab):hover::before{border-color:#ff7242}#article-container ul>li:not(.tab)::before{top:.78em;width:.42em;height:.42em;border:.21em solid #307af6;border-radius:.42em;background:0 0;content:"";line-height:.42em}#article-container>:last-child{margin-bottom:0!important}#post .tag_share .post-meta__tag-list{display:inline-block}#post .tag_share .post-meta__tags{display:inline-block;margin:.4rem .4rem .4rem 0;padding:0 .6rem;width:fit-content;border:1px solid #307af6;border-radius:2rem;font-size:.85em;transition:all .2s ease-in-out 0s;background:#307af6;color:var(--white)}#post .tag_share .post-meta__tags:hover{color:#307af6;background:0 0}#post .tag_share .post_share{display:inline-block;float:right;margin:.4rem 0;width:fit-content}#post .tag_share .post_share .social-share{font-size:.85em}#post .tag_share .post_share .social-share .social-share-icon{margin:0 4px;width:1.85em;height:1.85em;font-size:1.2em;line-height:1.85em}#post .post-copyright::before{position:absolute;top:.1rem;right:.6rem;color:#307af6;content:"";font-size:1rem}#post .post-copyright .post-copyright-meta{color:#307af6;font-weight:700}#post .post-copyright .post-copyright-info{padding-left:.3rem}#post .post-copyright .post-copyright-info a{text-decoration:none;word-break:break-word;color:#3b82ff;padding:0 4px;border-radius:4px}#post .post-copyright .post-copyright-info a:hover{text-decoration:none;background-color:#fff;color:#3b82ff;cursor:pointer;border-radius:4px}#post .post-outdate-notice{position:relative;margin:0 0 1rem;border-radius:3px;background-color:#ffe6e6;color:#f66;padding:.5em 1em .5em 2.6em;border-left:5px solid #ff8080}#post .post-outdate-notice::before{position:absolute;top:50%;left:.9em;color:#ff8080;content:"";transform:translateY(-50%)}#post .ads-wrap{margin:2rem 0}.relatedPosts{margin-top:2rem}.relatedPosts>.headline{margin-bottom:5px;font-weight:700;font-size:1.43em}.relatedPosts>.relatedPosts-list>div{position:relative;display:inline-block;overflow:hidden;margin:3px;width:calc(33.333% - 6px);height:200px;background:var(--heo-main);vertical-align:bottom}.relatedPosts>.relatedPosts-list>div:hover .cover{opacity:.8;transform:scale(1.1)}@media screen and (max-width:768px){.relatedPosts>.relatedPosts-list>div{margin:2px;width:calc(50% - 4px);height:150px}}@media screen and (max-width:600px){.relatedPosts>.relatedPosts-list>div{width:calc(100% - 4px)}}.relatedPosts>.relatedPosts-list .cover{width:100%;height:100%;opacity:.4;transition:all .6s ease 0s;object-fit:cover}.relatedPosts>.relatedPosts-list .content{position:absolute;top:50%;padding:0 1rem;width:100%;transform:translate(0,-50%)}.relatedPosts>.relatedPosts-list .content .date{color:var(--light-grey);font-size:90%}.relatedPosts>.relatedPosts-list .content .title{color:var(--white);-webkit-line-clamp:2}.post-reward{position:relative;margin-top:4rem;text-align:center}.post-reward .reward-button{display:inline-block;padding:.2rem 1.2rem;background:var(--btn-bg);color:var(--btn-color);cursor:pointer;transition:all .4s ease 0s;border-radius:5px}.post-reward:hover>.reward-main{display:block}.post-reward .reward-main{position:absolute;bottom:40px;left:0;z-index:100;display:none;padding:0 0 15px;width:100%}.post-reward .reward-main .reward-all{display:inline-block;margin:0;padding:1rem .5rem;border-radius:4px;background:var(--reward-pop)}.post-reward .reward-main .reward-all::before{position:absolute;bottom:-10px;left:0;width:100%;height:20px;content:""}.post-reward .reward-main .reward-all::after{position:absolute;right:0;bottom:2px;left:0;margin:0 auto;width:0;height:0;border-top:13px solid var(--reward-pop);border-right:13px solid transparent;border-left:13px solid transparent;content:""}.post-reward .reward-main .reward-all .reward-item{display:inline-block;padding:0 8px;list-style-type:none;vertical-align:top}.post-reward .reward-main .reward-all .reward-item img{width:130px;height:130px}.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc{padding-top:.4rem;width:130px;color:#858585}#rightside #rightside-config-hide{transition:transform .4s ease 0s;transform:translate(35px,0)}#rightside #rightside-config-hide.show{transform:translate(0,0)!important}#rightside>div>a,#rightside>div>button{display:block;margin-bottom:2px;width:30px;height:30px;background-color:var(--btn-bg);color:var(--btn-color);text-align:center;font-size:16px}#rightside>div>a:hover,#rightside>div>button:hover{background-color:var(--btn-hover-color)}#rightside #mobile-toc-button{display:none}@media screen and (max-width:900px){#rightside #mobile-toc-button{display:block}}@media screen and (max-width:900px){#rightside #hide-aside-btn{display:none}}#sidebar #menu-mask{position:fixed;z-index:1001;display:none;width:100%;height:100%;background:var(--heo-maskbg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0);animation:.6s ease 0s 1 normal none running to_show}#sidebar #sidebar-menus{position:fixed;top:0;right:-300px;z-index:103;overflow:hidden auto;width:300px;height:100%;background:var(--sidebar-bg);transition:all .5s ease 0s;padding-top:30px;z-index:1001;border-left:var(--style-border-always)}#sidebar #sidebar-menus.open{transform:translate3d(-100%,0,0)}#sidebar #sidebar-menus .back-menu-list-groups{padding:0 16px}#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list-title{font-size:14px;color:var(--heo-secondtext)}#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list{width:calc(100% + 16px);justify-content:flex-start;margin:0 -8px}#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item{background:var(--heo-card-bg);border:var(--style-border-always);border-radius:8px}@media screen and (max-width:768px){#sidebar #sidebar-menus .back-menu-list-groups .back-menu-list .back-menu-item{width:calc(50% - 16px)}}#sidebar #sidebar-menus .back-home-button{display:none}#sidebar #sidebar-menus>.author-avatar{padding:1.3rem 1.5rem 0;text-align:center}#sidebar #sidebar-menus>.author-avatar img{width:110px;height:110px;border-radius:70px;transition:all .5s ease 0s}#sidebar #sidebar-menus>.author-avatar img:hover{transform:rotate(360deg)}#sidebar #sidebar-menus .site-data{display:table;padding:.6rem .5rem 0;width:100%;table-layout:fixed}#sidebar #sidebar-menus .site-data .data-item{display:table-cell}#sidebar #sidebar-menus .site-data .data-item .data-item-link .length-num{color:var(--text-highlight-color);font-size:1.28em}#sidebar #sidebar-menus .site-data .data-item .data-item-link .headline{color:var(--heo-fontcolor)}#sidebar #sidebar-menus hr{margin:1rem auto}#sidebar #sidebar-menus .menus_items{padding:0 16px}#sidebar #sidebar-menus .menus_items .site-page{position:relative;display:block;padding:0;color:var(--heo-fontcolor);font-size:1.15em;cursor:pointer;font-size:14.3px;font-weight:700}#sidebar #sidebar-menus .menus_items .site-page span:hover{color:#307af6}#sidebar #sidebar-menus .menus_item>.site-page{display:flex;font-size:14px;color:var(--heo-secondtext)}#sidebar #sidebar-menus .menus_items .expand{position:absolute;top:.78em;right:.4rem;transition:transform .3s ease 0s}#sidebar #sidebar-menus .menus_items .expand.hide{transform:rotate(90deg)!important}#sidebar #sidebar-menus .menus_items .menus_item_child{margin:0 -4px;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}#sidebar #sidebar-menus .menus_item_child .site-page.child{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;border:var(--style-border-always);background:var(--heo-card-bg)}#sidebar #sidebar-menus .menus_item_child li{width:calc(50% - 8px);margin:4px}#sidebar #sidebar-menus .menus_item_child .site-page.child span{line-height:1;margin-top:8px;font-size:14.3px}#sidebar #sidebar-menus .card-tag-cloud{padding:0 16px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:60px}#sidebar #sidebar-menus .card-tag-cloud a{color:var(--heo-fontcolor)!important;padding:2px 8px 2px 12px;margin:4px;border-radius:8px;border:var(--style-border-always);background:var(--heo-card-bg);font-size:14px}#sidebar #sidebar-menus .card-tag-cloud a sup{opacity:.6;margin-left:4px}#sidebar #sidebar-menus span.sidebar-menu-item-title{font-size:14px;color:var(--heo-secondtext);margin-left:16px}#sidebar #sidebar-menus .sidebar-menu-item{display:flex;flex-direction:column;padding:0 16px}#sidebar #sidebar-menus .sidebar-menu-item a.menu-child{width:100%;background:var(--heo-card-bg);border-radius:8px;border:var(--style-border-always);display:flex;align-items:center;font-size:14.3px}#sidebar #sidebar-menus .sidebar-menu-item a.menu-child i{margin:0 8px}#sidebar #sidebar-menus .webinfo{padding:0 16px;display:flex;white-space:nowrap;flex-direction:column}#sidebar #sidebar-menus .webinfo .webinfo-item{justify-content:space-between}#vcomment,#waline{font-size:1.1em}#vcomment .vbtn,#waline .vbtn{border:none;background:var(--btn-bg);color:var(--btn-color)}#vcomment .vbtn:hover,#waline .vbtn:hover{background:var(--btn-hover-color)}#vcomment .vimg,#waline .vimg{transition:all .3s ease 0s}#vcomment .vimg:hover,#waline .vimg:hover{transform:rotate(360deg)}#vcomment .vcards .vcard .vcontent.expand::after,#vcomment .vcards .vcard .vcontent.expand::before,#waline .vcards .vcard .vcontent.expand::after,#waline .vcards .vcard .vcontent.expand::before{z-index:22}.fireworks{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.medium-zoom-image--opened{z-index:99999!important;margin:0!important}.medium-zoom-overlay{z-index:99999!important}.mermaid{overflow:auto;margin:0 0 1rem;background:#fff;text-align:center;opacity:0;transition:all .3s ease 0s}.mermaid[data-processed]{opacity:1;filter:none}.fb-comments iframe,.utterances{width:100%!important}#gitalk-container .gt-meta{margin:0 0 .8em;padding:.3rem 0 .8em}.katex-wrap{overflow:auto}.katex-wrap::-webkit-scrollbar{display:none}.mathjax-overflow{overflow:auto hidden}mjx-container[jax=CHTML][display=true]{overflow:auto hidden;padding-bottom:.3rem}#article-container .aplayer{margin:0 0 1rem}#article-container .aplayer ol,#article-container .aplayer ul{margin:0;padding:0}#article-container .aplayer ol li,#article-container .aplayer ul li{margin:0;padding:0 15px}#article-container .aplayer ol li::before,#article-container .aplayer ul li::before{content:none}#article-container .btn-center{margin:0 0 1rem;text-align:center}#article-container .btn-beautify{display:inline-block;margin:0 .2rem .3rem;padding:0 1rem;background-color:#777;color:#fff;line-height:2}#article-container .btn-beautify i+span{margin-left:.3rem}#article-container .btn-beautify:not(.block)+.btn-beautify:not(.block){margin:0 .2rem 1rem}#article-container .btn-beautify.block{display:block;margin:0 0 1rem;width:fit-content}#article-container .btn-beautify.block.center{margin:0 auto 1rem}#article-container .btn-beautify.block.right{margin:0 0 1rem auto}#article-container .btn-beautify.larger{padding:.3rem 1.3rem}#article-container .btn-beautify:hover{text-decoration:none}#article-container .btn-beautify.blue{background-color:#428bca}#article-container .btn-beautify.pink{background-color:#ff69b4}#article-container .btn-beautify.red{background-color:red}#article-container .btn-beautify.purple{background-color:#6f42c1}#article-container .btn-beautify.orange{background-color:#ff8c00}#article-container .btn-beautify.green{background-color:#5cb85c}#article-container .btn-beautify.outline{border:1px solid #777;background-color:transparent;color:#777;transition:all .3s ease 0s}#article-container .btn-beautify.outline.button--animated::before{background:#777}#article-container .btn-beautify.outline:hover{color:#fff!important}#article-container .btn-beautify.outline.blue{border-color:#428bca;color:#428bca}#article-container .btn-beautify.outline.blue.button--animated::before{background:#428bca}#article-container .btn-beautify.outline.pink{border-color:#ff69b4;color:#ff69b4}#article-container .btn-beautify.outline.pink.button--animated::before{background:#ff69b4}#article-container .btn-beautify.outline.red{border-color:red;color:red}#article-container .btn-beautify.outline.red.button--animated::before{background:red}#article-container .btn-beautify.outline.purple{border-color:#6f42c1;color:#6f42c1}#article-container .btn-beautify.outline.purple.button--animated::before{background:#6f42c1}#article-container .btn-beautify.outline.orange{border-color:#ff8c00;color:#ff8c00}#article-container .btn-beautify.outline.orange.button--animated::before{background:#ff8c00}#article-container .btn-beautify.outline.green{border-color:#5cb85c;color:#5cb85c}#article-container .btn-beautify.outline.green.button--animated::before{background:#5cb85c}figure.gallery-group{position:relative;float:left;overflow:hidden;margin:.3rem .2rem;width:calc(50% - .4rem);height:250px;border-radius:5px;background:#000;transform:translate3d(0,0,0)}@media screen and (max-width:600px){figure.gallery-group{width:calc(100% - .4rem)}}figure.gallery-group:hover img{opacity:.4;transform:translate3d(0,0,0)}figure.gallery-group:hover .gallery-group-name::after{transform:translate3d(0,0,0)}figure.gallery-group:hover p{opacity:1;filter:none;transform:translate3d(0,0,0)}figure.gallery-group img{position:relative;max-width:none;width:calc(100% + 20px);height:250px;backface-visibility:hidden;opacity:.8;transition:opacity .35s ease 0s,transform .35s ease 0s;transform:translate3d(-10px,0,0);object-fit:cover;margin:0!important}figure.gallery-group figcaption{position:absolute;top:0;left:0;padding:1.5rem;width:100%;height:100%;color:#fff;text-transform:uppercase;backface-visibility:hidden}figure.gallery-group figcaption>a{position:absolute;inset:0;z-index:1000;opacity:0}figure.gallery-group p{margin:0;padding:.4rem 0 0;letter-spacing:1px;font-size:1.1em;line-height:1.5;opacity:0;transition:opacity .35s ease 0s,transform .35s ease 0s;transform:translate3d(100%,0,0);-webkit-line-clamp:4}figure.gallery-group .gallery-group-name{position:relative;margin:0;padding:.4rem 0;font-weight:700;font-size:1.65em;line-height:1.5;-webkit-line-clamp:2}figure.gallery-group .gallery-group-name::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;content:"";transition:transform .35s ease 0s;transform:translate3d(-100%,0,0)}.gallery-group-main{overflow:auto;padding:0 0 .8rem}.justified-gallery{margin:0 0 .8rem}.justified-gallery img{opacity:0}.justified-gallery .img-alt{display:none}.justified-gallery .fancybox{width:auto;text-align:inherit}blockquote.pullquote{position:relative;max-width:45%;font-size:110%}blockquote.pullquote.left{float:left;margin:1em .5em 0 0}blockquote.pullquote.right{float:right;margin:1em 0 0 .5rem}.video-container{position:relative;overflow:hidden;margin-bottom:.8rem;padding-top:56.25%;height:0}.video-container iframe{position:absolute;top:0;left:0;margin-top:0;width:100%;height:100%}.hide-block>.hide-button,.hide-inline>.hide-button{display:inline-block;padding:.3rem 1rem;background:#307af6;color:var(--white)}.hide-block>.hide-button.open,.hide-inline>.hide-button.open{display:none}.hide-block>.hide-button.open+div,.hide-inline>.hide-button.open+div{display:block}.hide-block>.hide-button.open+span,.hide-inline>.hide-button.open+span{display:inline}.hide-block>.hide-content,.hide-inline>.hide-content{display:none}.hide-inline>.hide-button{margin:0 .3rem}.hide-inline>.hide-content{margin:0 .3rem}.hide-block{margin:0 0 .8rem}.hide-toggle{margin-bottom:1rem;border:1px solid #f0f0f0}.hide-toggle>.hide-button{padding:.3rem .5rem;background:#f0f0f0;color:#1f2d3d;cursor:pointer}.hide-toggle>.hide-button>i{font-size:1.2em;transition:all .3s ease 0s}.hide-toggle>.hide-button.open i{transform:rotate(90deg)}.hide-toggle>.hide-button.open+div{display:block}.hide-toggle>.hide-content{display:none;margin:1.5rem 1.2rem}#article-container .inline-img{display:inline;margin:0 3px;height:1.1em;vertical-align:text-bottom}.hl-label{padding:2px 4px;border-radius:3px;color:#fff}.hl-label.default{background-color:#777}.hl-label.blue{background-color:#428bca}.hl-label.pink{background-color:#ff69b4}.hl-label.red{background-color:red}.hl-label.purple{background-color:#6f42c1}.hl-label.orange{background-color:#ff8c00}.hl-label.green{background-color:#5cb85c}.note{position:relative;margin:0 0 1rem;padding:15px;border-radius:3px}.note.icon{padding-left:2.25rem}.note>.note-icon{position:absolute;top:calc(50% - .4rem);left:.7rem;font-size:larger}.note.blue:not(.disabled){border-left-color:#428bca!important}.note.blue:not(.disabled).modern{color:#428bca;border-left-color:transparent!important}.note.blue:not(.disabled):not(.simple){background:#e3eef7!important}.note.blue>.note-icon{color:#428bca}.note.pink:not(.disabled){border-left-color:#ff69b4!important}.note.pink:not(.disabled).modern{color:#ff69b4;border-left-color:transparent!important}.note.pink:not(.disabled):not(.simple){background:#ffe9f4!important}.note.pink>.note-icon{color:#ff69b4}.note.red:not(.disabled){border-left-color:red!important}.note.red:not(.disabled).modern{color:red;border-left-color:transparent!important}.note.red:not(.disabled):not(.simple){background:#ffd9d9!important}.note.red>.note-icon{color:red}.note.purple:not(.disabled){border-left-color:#6f42c1!important}.note.purple:not(.disabled).modern{color:#6f42c1;border-left-color:transparent!important}.note.purple:not(.disabled):not(.simple){background:#e9e3f6!important}.note.purple>.note-icon{color:#6f42c1}.note.orange:not(.disabled){border-left-color:#ff8c00!important}.note.orange:not(.disabled).modern{color:#ff8c00;border-left-color:transparent!important}.note.orange:not(.disabled):not(.simple){background:#ffeed9!important}.note.orange>.note-icon{color:#ff8c00}.note.green:not(.disabled){border-left-color:#5cb85c!important}.note.green:not(.disabled).modern{color:#5cb85c;border-left-color:transparent!important}.note.green:not(.disabled):not(.simple){background:#e7f4e7!important}.note.green>.note-icon{color:#5cb85c}.note.simple{border-width:1px 1px 1px 5px;border-style:solid;border-color:#eee;border-image:initial}.note.modern{background-color:#f5f5f5;color:#4c4948;border:1px solid transparent!important}.note.flat{border-top:initial;border-right:initial;border-bottom:initial;border-image:initial;border-left:5px solid #eee;background-color:#f9f9f9;color:#4c4948}.note h2,.note h3,.note h4,.note h5,.note h6{margin-top:3px;margin-bottom:0;border-bottom:initial;padding-top:0!important}.note blockquote:first-child,.note img:first-child,.note ol:first-child,.note p:first-child,.note pre:first-child,.note table:first-child,.note ul:first-child{margin-top:0!important}.note blockquote:last-child,.note img:last-child,.note ol:last-child,.note p:last-child,.note pre:last-child,.note table:last-child,.note ul:last-child{margin-bottom:0!important;font-size:14px!important}.note:not(.no-icon){padding-left:2.25rem}.note:not(.no-icon)::before{position:absolute;top:calc(50% - 15px);left:.7rem;font-size:larger}.note.default.flat{background:#f7f7f7}.note.default.modern{border-color:#e1e1e1;background:#f3f3f3;color:#666}.note.default.modern a:not(.btn){color:#666}.note.default.modern a:not(.btn):hover{color:#454545}.note.default:not(.modern){border-left-color:#777}.note.default:not(.modern) h2,.note.default:not(.modern) h3,.note.default:not(.modern) h4,.note.default:not(.modern) h5,.note.default:not(.modern) h6{color:#777}.note.default:not(.no-icon)::before{content:""}.note.default:not(.no-icon):not(.modern)::before{color:#777}.note.primary.flat{background:#f5f0fa}.note.primary.modern{border-color:#e1c2ff;background:#f3daff;color:#6f42c1}.note.primary.modern a:not(.btn){color:#6f42c1}.note.primary.modern a:not(.btn):hover{color:#453298}.note.primary:not(.modern){border-left-color:#6f42c1}.note.primary:not(.modern) h2,.note.primary:not(.modern) h3,.note.primary:not(.modern) h4,.note.primary:not(.modern) h5,.note.primary:not(.modern) h6{color:#6f42c1}.note.primary:not(.no-icon)::before{content:""}.note.primary:not(.no-icon):not(.modern)::before{color:#6f42c1}.note.info.flat{background:#eef7fa}.note.info.modern{border-color:#b3e5ef;background:#d9edf7;color:#31708f}.note.info.modern a:not(.btn){color:#31708f}.note.info.modern a:not(.btn):hover{color:#215761}.note.info:not(.modern){border-left-color:#428bca}.note.info:not(.modern) h2,.note.info:not(.modern) h3,.note.info:not(.modern) h4,.note.info:not(.modern) h5,.note.info:not(.modern) h6{color:#428bca}.note.info:not(.no-icon)::before{content:""}.note.info:not(.no-icon):not(.modern)::before{color:#428bca}.note.success.flat{background:#eff8f0}.note.success.modern{border-color:#d0e6be;background:#dff0d8;color:#3c763d}.note.success.modern a:not(.btn){color:#3c763d}.note.success.modern a:not(.btn):hover{color:#32562c}.note.success:not(.modern){border-left-color:#5cb85c}.note.success:not(.modern) h2,.note.success:not(.modern) h3,.note.success:not(.modern) h4,.note.success:not(.modern) h5,.note.success:not(.modern) h6{color:#5cb85c}.note.success:not(.no-icon)::before{content:""}.note.success:not(.no-icon):not(.modern)::before{color:#5cb85c}.note.warning.flat{background:#fdf8ea}.note.warning.modern{border-color:#fae4cd;background:#fcf4e3;color:#8a6d3b}.note.warning.modern a:not(.btn){color:#8a6d3b}.note.warning.modern a:not(.btn):hover{color:#714f30}.note.warning:not(.modern){border-left-color:#f0ad4e}.note.warning:not(.modern) h2,.note.warning:not(.modern) h3,.note.warning:not(.modern) h4,.note.warning:not(.modern) h5,.note.warning:not(.modern) h6{color:#f0ad4e}.note.warning:not(.no-icon)::before{content:""}.note.warning:not(.no-icon):not(.modern)::before{color:#f0ad4e}.note.danger.flat{background:#fcf1f2}.note.danger.modern{border-color:#ebcdd2;background:#f2dfdf;color:#a94442}.note.danger.modern a:not(.btn){color:#a94442}.note.danger.modern a:not(.btn):hover{color:#84333f}.note.danger:not(.modern){border-left-color:#d9534f}.note.danger:not(.modern) h2,.note.danger:not(.modern) h3,.note.danger:not(.modern) h4,.note.danger:not(.modern) h5,.note.danger:not(.modern) h6{color:#d9534f}.note.danger:not(.no-icon)::before{content:""}.note.danger:not(.no-icon):not(.modern)::before{color:#d9534f}#article-container .tabs{position:relative;margin:0 0 1rem;border-right:1px solid var(--tab-border-color);border-bottom:1px solid var(--tab-border-color);border-left:1px solid var(--tab-border-color)}#article-container .tabs>.nav-tabs{display:flex;flex-wrap:wrap;margin:0;padding:0;background:var(--tab-botton-bg)}#article-container .tabs>.nav-tabs>.tab{margin:4px;padding:0;list-style:none}@media screen and (max-width:768px){#article-container .tabs>.nav-tabs>.tab{-webkit-box-flex:1;flex-grow:1}}#article-container .tabs>.nav-tabs>.tab button i{width:1.5em}#article-container .tabs>.nav-tabs>.tab.active button{border-top:2px solid #307af6;background:var(--tab-button-active-bg);cursor:default}#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover{border-top:2px solid var(--tab-button-hover-bg);background:var(--tab-button-hover-bg)}#article-container .tabs>.tab-contents .tab-item-content{position:relative;display:none;padding:1.8rem 1.2rem;background:var(--heo-background);border:var(--style-border-always)}@media screen and (max-width:768px){#article-container .tabs>.tab-contents .tab-item-content{padding:1.2rem .7rem}}#article-container .tabs>.tab-contents .tab-item-content.active{display:block;animation:.5s ease 0s 1 normal none running tabshow}#article-container .tabs .tab-to-top{position:relative;display:block;margin:16px 0 0 auto;color:#99a9bf}@-webkit-keyframes tabshow{0%{transform:translateY(15px)}100%{transform:translateY(0)}}@keyframes tabshow{0%{transform:translateY(15px)}100%{transform:translateY(0)}}[data-theme=dark]{--global-bg:#191919;--font-color:rgba(255, 255, 255, 0.9);--hr-border:rgba(255, 255, 255, 0.3);--hr-before-color:rgba(255, 255, 255, 0.6);--search-bg:#1e1e1e;--search-input-color:rgba(255, 255, 255, 0.8);--search-result-title:rgba(255, 255, 255, 0.1);--preloader-bg:#1e1e1e;--preloader-color:rgba(255, 255, 255, 0.6);--tab-border-color:#2c2c2c;--tab-botton-bg:#2c2c2c;--tab-botton-color:#fff;--tab-button-hover-bg:#444;--tab-button-active-bg:#1e1e1e;--card-bg:#1e1e1e;--sidebar-bg:#1e1e1e;--btn-hover-color:#848484;--btn-color:#fff;--btn-bg:#3f3f3f;--text-bg-hover:#444;--light-grey:#fff;--white:#fff;--text-highlight-color:#fff;--blockquote-color:#fff;--blockquote-bg:#2c2c2c;--reward-pop:#2c2c2c;--toc-link-color:rgba(255, 255, 255, 0.6);--hl-color:rgba(255, 255, 255, 0.7);--hl-bg:#171717;--hltools-bg:#1a1a1a;--hltools-color:#90a4ae;--hlnumber-bg:#171717;--hlnumber-color:rgba(255, 255, 255, 0.4);--hlscrollbar-bg:#1f1f1f;--hlexpand-bg:linear-gradient(180deg, rgba(23, 23, 23, 0.6), rgba(23, 23, 23, 0.9))}[data-theme=dark] #article-container pre>code{background:#171717}[data-theme=dark] #article-container figure.highlight{box-shadow:none}[data-theme=dark] #article-container .note code{background:rgba(27,31,35,.05)}[data-theme=dark] #article-container .aplayer{filter:brightness(.8)}[data-theme=dark] #article-container kbd{border-color:#696969;background-color:#525252;color:#e2f1ff}[data-theme=dark] #page-header.nav-fixed>#nav,[data-theme=dark] #page-header.not-top-img>#nav{box-shadow:rgba(133,133,133,0) 0 5px 6px -5px}[data-theme=dark] .note{filter:brightness(.8)}[data-theme=dark] img{filter:brightness(.8)}[data-theme=dark] #aside-content .aside-list>.aside-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.1)}[data-theme=dark] #gitalk-container{filter:brightness(.8)}[data-theme=dark] #gitalk-container svg{fill:rgba(255,255,255,.9)!important}.search-dialog{position:fixed;top:5rem;left:50%;z-index:1001;display:none;margin-left:-15rem;padding:1rem;width:30rem;background:var(--search-bg);border-radius:5px}@media screen and (max-width:768px){.search-dialog{top:0;left:0;margin:0;width:100%;height:100%}}.search-dialog hr{margin:1rem auto}.search-dialog span.search-close-button{position:absolute;top:.8rem;right:1rem;color:#858585;font-size:1.4em;line-height:1;cursor:pointer;transition:color .2s ease-in-out 0s}.search-dialog span.search-close-button:hover{color:#307af6}.search-dialog__title{padding:0 0 .7rem;color:#307af6;font-size:1.4em;line-height:1}#search-mask{position:fixed;inset:0;z-index:1000;display:none;background:rgba(0,0,0,.6)}#algolia-search .search-dialog{animation:.5s ease 0s 1 normal none running titlescale}#algolia-search .search-dialog .ais-search-box{margin:0 auto;max-width:100%;width:100%}#algolia-search .search-dialog .ais-search-box input{padding:.25rem .7rem;outline:0;border:2px solid #307af6;border-radius:2rem;background:var(--search-bg);color:var(--search-input-color)}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item{position:relative;padding-left:1.2rem}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:hover::before{border-color:#ff7242}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item::before{position:absolute;top:.53em;left:0;width:.5em;height:.5em;border:.15rem solid #307af6;border-radius:.5em;background:0 0;content:"";line-height:.5em;transition:all .2s ease-in-out 0s}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a{display:block;color:var(--search-result-title);cursor:pointer}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover{color:#307af6}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item em{color:#f47466;font-weight:700}#algolia-search .search-dialog .ais-pagination.pagination{margin:.8rem 0 0;padding:0;text-align:center}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item{margin:0 .2rem;padding:0}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item a{display:inline-block;min-width:1.2rem;height:1.2rem;text-align:center;line-height:1.2rem}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a{background:#0079ff;color:#eee;cursor:default}#algolia-search .search-dialog .algolia-logo{padding-top:2px;width:4rem;height:1.5rem}#page{min-height:calc(100vh - 464px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--heo-scrollbar);border-radius:8px;cursor:pointer}::-webkit-scrollbar-thumb:hover{background:var(--heo-main);opacity:1;display:block!important}::-webkit-scrollbar-track{background-color:var(--heo-none)}html{overflow-y:overlay}.layout.hide-aside{max-width:1400px}[data-theme=dark] img{filter:brightness(1)}#nav{flex-wrap:nowrap;justify-content:space-between}#nav .menus_items .menus_item .menus_item_child{padding:6px 4px 8px 4px;border-radius:100px;background-color:var(--heo-card-bg);box-shadow:var(--heo-shadow-black);border:var(--style-border);transition:.3s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);top:35px}#nav .menus_items .menus_item .menus_item_child:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}#page-header.nav-fixed>#nav,#page-header.not-top-img>#nav{box-shadow:none}#sidebar #sidebar-menus .menus_items .site-page span:hover{color:var(--heo-fontcolor)}.site-page i.fa-chevron-down{display:none}.fa,.fa-brands,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat .iconfont{line-height:1}#nav .menus_items .menus_item .menus_item_child:before{top:-10px}#nav .menus_items .menus_item .menus_item_child li a:hover{background:var(--heo-main)!important;color:var(--heo-white)!important;box-shadow:var(--heo-shadow-main);margin:0 auto;transform:scale(1)!important;padding:.3rem .7rem}#nav .menus_items .menus_item .menus_item_child li a i:not(.fa-brands){font-size:1rem;margin-right:8px}#nav .menus_items .menus_item{padding:0 .4rem;display:flex;flex-direction:column;align-items:center;margin:auto}#nav .menus_items .menus_item .menus_item_child li{display:inline-flex;list-style:none;border-radius:5px;margin:0 4px}#nav a{border-radius:8px;color:var(--heo-white)}.nav-fixed #nav a{color:var(--heo-fontcolor);transition:.3s}#assist-open a{padding:0;pointer-events:none}#assist-open{transition:.3s;border-radius:40px}#assist-open:hover{color:var(--heo-white)!important;background:var(--heo-white-op)}#page-header.nav-fixed #assist-open:hover{background:var(--heo-main)}#page-header.nav-fixed #assist-open:hover i,.page #nav #assist-open.nav-button:hover i{color:var(--heo-white)}.page #nav #assist-open:hover{background:var(--heo-main)}.topbar-html{background:#aeaeae!important}@media screen and (max-width:768px){#assist-open{display:none}}#mozi-assist{position:fixed;z-index:999}.topbar-html-content{height:160px!important;align-items:flex-end;padding-bottom:12px}.topbar-html{box-shadow:none!important}.bigtext-html-btn{display:flex;align-items:center;justify-content:center}.topbar-html-content-item img{border-radius:12px!important}#page-header.nav-fixed #nav{top:0;box-shadow:none;background:var(--heo-card-bg);outline:1px solid var(--heo-card-border)}#nav{padding:0}#page-header #nav{box-shadow:none;transition:.3s;display:flex;justify-content:center;z-index:1000!important;-webkit-user-select:none}@media screen and (max-width:768px){#nav{padding:0}#page-header #nav{background:linear-gradient(to top,var(--heo-main-none) 0,var(--heo-main) 100%);transition:0s}}#page-header #nav #nav-group{max-width:1400px;width:100%;display:flex;position:relative;padding:0 1.5rem;align-items:center}#page-header #nav #nav-right{position:absolute;right:0;z-index:102;display:flex;flex-direction:row;height:100%;align-items:center;margin-right:1.5rem;overflow:hidden}#page-header #nav #nav-left{z-index:102;display:flex;flex-direction:row;height:100%;align-items:center;margin-right:1.5rem;overflow:hidden}@media screen and (max-width:1300px){#page-header #nav #nav-left{display:none}}.nav-button{cursor:pointer}#page-header #nav #nav-left .nav-button a,#page-header #nav #nav-right .nav-button a{height:35px;width:35px;display:flex;align-items:center;justify-content:center;border-radius:40px}#page-header #nav #nav-left .nav-button a i,#page-header #nav #nav-right .nav-button a i{line-height:1}#page-header #nav #nav-left div,#page-header #nav #nav-right div{margin-left:.5rem;padding:0}@media screen and (max-width:768px){#nav #menus{display:none!important}#nav.hide-menu #toggle-menu .site-page{width:35px;height:35px;display:flex;align-items:center;justify-content:center}#page-header #nav #nav-group{width:100%;display:flex;position:relative;padding:0 12px}#page-header #nav #nav-right{margin-right:12px}}#nav.show{transform:translate3d(0,0,0)!important;top:0;transition:.2s;position:fixed;z-index:91}#page-header.not-top-img #nav{transition:.3s;background:var(--heo-card-bg)}@media screen and (max-width:768px){#page-header.not-top-img #nav{background:var(--heo-card-bg)!important}#page-header.not-top-img:not(.nav-fixed) #nav{background:var(--heo-background)!important}}#page-header.not-top-img:not(.nav-fixed) #nav{background:var(--heo-none)}#page-header.nav-fixed #nav #menus>div.menus_items{transition:.3s;height:40px;margin:auto 0}#page-header.not-top-img{margin-bottom:0}#nav #toggle-menu{padding:0 .4rem}#page-header.no-top-img{margin-bottom:0}.layout{padding:1rem 1.5rem}@media screen and (min-width:1300px){.layout{display:flex;justify-content:space-between;padding:1rem 1.5rem}}#site-name .iconfont{font-size:20px;font-weight:400;line-height:48px}#site-logo{width:121px}#site-logo:hover{transform:scale(1.03)}#nav-totop{position:relative;width:35px;height:35px;transition:.3s;display:flex;border-radius:40px;transition:all .3s ease-in-out;align-items:center}#nav-totop.long{width:70px}#nav-totop .totopbtn{padding-top:0}#nav-totop .totopbtn i{position:absolute;display:flex;font-size:.8rem;opacity:0}#nav-totop:hover .totopbtn i{opacity:1;color:var(--heo-white);transition:.3s}#nav-totop #percent{font-size:12px;border-radius:35px;display:flex;justify-content:center;align-items:center;transition:.3s;white-space:nowrap}.nav-fixed #nav-totop #percent,.page #nav-totop #percent{font-size:12px;border-radius:35px;display:flex;justify-content:center;align-items:center;transition:.3s;white-space:nowrap}#page-header:not(.nav-fixed) #percent{transition:.3s}#page-header:not(.nav-fixed) #nav-totop{width:0;transform:scale(0);transition:.3s;margin-left:0!important;overflow:hidden;transition:.3s ease-in}#nav-totop:hover #percent{opacity:0;font-weight:700}#page-header #nav #nav-right .nav-button a.totopbtn{width:25px;height:25px;border-radius:40px;background:var(--heo-fontcolor);color:var(--card-bg);position:absolute;top:5px;right:5px;transition:.3s}#page-header #nav #nav-right .nav-button.long a.totopbtn{width:70px}#page-header #nav #nav-right .nav-button:hover a.totopbtn{background:var(--heo-main)}#page-header #nav #nav-right .nav-button:not(.long):hover a.totopbtn{width:35px;height:35px;top:0;right:0}#nav #site-name i{font-size:50px;line-height:35px;padding:0 12px}.back-home-button{display:flex;width:35px;height:35px;padding:0!important;align-items:center;justify-content:center;margin-right:4px;transition:.3s;border-radius:8px;color:var(--heo-white);border-radius:40px}@media screen and (max-width:768px){.back-home-button{display:none}}.nav-fixed #nav .back-home-button{color:var(--heo-fontcolor)}#page-header.not-top-img #nav .back-home-button{color:var(--heo-fontcolor)}.back-home-button:hover{background:var(--heo-main);color:var(--heo-white)!important}.back-menu-list-groups .back-menu-list{display:flex;flex-direction:row;flex-wrap:wrap;width:340px;justify-content:space-between}.back-menu-list-groups .back-menu-list::before{position:absolute;top:-15px;left:0;width:100%;height:20px;content:''}.back-menu-list-groups .back-menu-list .back-menu-item{display:flex;align-items:center;margin:4px 8px;padding:4px 8px!important;transition:.3s;border-radius:8px}.back-menu-list-groups .back-menu-list .back-menu-item:hover{background:var(--heo-main)!important;transform:scale(1)!important}.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-icon{width:24px;height:24px;border-radius:8px;background:var(--heo-none)}.back-menu-list-groups .back-menu-list .back-menu-item .back-menu-item-text{font-size:var(--global-font-size);margin-left:.5rem;color:var(--heo-fontcolor);font-size:14.3px}.back-menu-list-groups .back-menu-list .back-menu-item:hover .back-menu-item-text{color:var(--heo-white)}.back-home-button .back-menu-list-group{display:flex;flex-direction:column}.back-home-button .back-menu-list-groups{position:absolute;top:65px;left:1.5rem;background:var(--heo-card-bg);border-radius:12px;border:var(--style-border);flex-direction:column;font-size:12px;color:var(--heo-secondtext);box-shadow:var(--heo-shadow-border);transition:0s;opacity:0;pointer-events:none}.back-home-button .back-menu-list-groups:hover{border:var(--style-border-hover)}.back-home-button .back-menu-list-group .back-menu-list-title{margin:8px 0 0 16px;transition:.3s}.back-home-button .back-menu-list-group:hover .back-menu-list-title{color:var(--heo-main)}.back-home-button:hover .back-menu-list-groups{display:flex;opacity:1;transition:.3s;top:55px;pointer-events:auto;left:1.5rem}.back-home-button .back-menu-list .back-menu-item{width:150px}@media screen and (max-width:768px){.back-home-button .back-menu-list-groups{left:0}.back-home-button:hover .back-menu-list-groups{padding-bottom:8px;box-shadow:var(--heo-shadow-border);left:0}}#nav #blog_name{flex-wrap:nowrap;height:60px;display:flex;align-items:center;z-index:102;transition:.3s}@media screen and (min-width:900px){#nav #site-name{opacity:1;transition:.3s;overflow:hidden}#nav #site-name i{transition:.3s}#nav #site-name:hover i{opacity:0;transition:.3s}#nav #site-name span{transition:.3s}#nav #site-name:hover span{opacity:0;transition:.3s}#page-header.nav-fixed #nav #site-name{opacity:1;transition:.1s;border-radius:40px}#page-header.nav-visible #nav #site-name{opacity:1;transition:.1s}#nav #site-name:after{background:url(../images/home.webp) no-repeat 50% 50%;opacity:0;position:absolute;display:flex;z-index:1;width:74px;height:58px;content:"";transition:0s;transition-timing-function:ease-in;transform:scale(.4)}.post #nav #site-name:hover{background:var(--heo-white-op)}.nav-fixed #nav #site-name:hover{background:var(--heo-main)}#nav #site-name:hover:after{opacity:1;transform:translateY(0) scale(.3);transition-timing-function:ease-in}#nav .back-home-button:hover{box-shadow:var(--heo-shadow-main)}#nav #page-name-text{display:inline;font-weight:700;padding:4px 8px;opacity:0;transition:.1s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;text-align:center;cursor:pointer;top:0;font-size:.9rem;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}#nav #page-name-text:hover{color:var(--heo-main)!important;background:var(--heo-none);box-shadow:none}#page-header.nav-fixed #nav #page-name-text{display:inline;opacity:1;transition:.3s;line-height:1;border-radius:100px;min-width:100px}#page-header.nav-fixed #nav #page-name-text:hover:after{opacity:1;line-height:36px}#page-header.nav-fixed #nav div.menus_items{transition:.15s;position:relative;top:-60px}#page-header.nav-fixed.nav-visible #nav #page-name-text{display:inline;transition:.15s}#page-header.nav-fixed.nav-visible #nav div.menus_items{opacity:1;transition:.15s;position:relative;top:0}#page-name{align-items:center;display:flex;border-radius:12px;height:40px;position:absolute;top:62px;left:0;right:0;margin:auto;justify-content:center;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}#page-header.nav-fixed #nav #menus{z-index:100}#page-header.nav-fixed.nav-visible #nav #menus{z-index:101}#page-header.nav-fixed #page-name{z-index:101;transition:.3s;top:10px}#page-header.nav-fixed.nav-visible #page-name{z-index:100;top:62px;transition:.3s}#page-name-mask{width:100%;height:100%;position:absolute;overflow:hidden;left:0}}@media screen and (max-width:899px){#nav #page-name-mask{display:none!important}}@media screen and (max-width:1300px){#nav-music{display:none!important}}#nav-music{display:flex;align-items:center;z-index:1001;position:fixed;bottom:20px;left:20px;cursor:pointer;transition:.3s;transform-origin:left bottom;box-shadow:var(--heo-shadow-border);border-radius:40px}#nav-music:active{transform:scale(.97)}#nav-music.playing{box-shadow:0 0 12px -3px var(--heo-none);-webkit-animation:playingShadow 5s linear infinite}@-webkit-keyframes playingShadow{0%{box-shadow:0 0 12px -3px var(--heo-none)}50%{box-shadow:0 0 12px 0 var(--heo-main)}100%{box-shadow:0 0 12px -3px var(--heo-none)}}#nav-music .aplayer.aplayer-withlrc .aplayer-pic{height:25px;width:25px;border-radius:40px;z-index:1;transition:.3s;-webkit-transform:rotate(0) scale(1);border:var(--style-border-always);-webkit-animation:changeright 24s linear infinite;animation-play-state:paused}#nav-music.playing .aplayer.aplayer-withlrc .aplayer-pic{box-shadow:0 0 14px #ffffffa6;-webkit-transform:rotate(0) scale(1.1);border-color:var(--heo-white);animation-play-state:running}@-webkit-keyframes changeright{0%{-webkit-transform:rotate(0) scale(1.1);box-shadow:0 0 2px #ffffff00}25%{-webkit-transform:rotate(90deg) scale(1.1);box-shadow:0 0 14px #fff}50%{-webkit-transform:rotate(180deg) scale(1.1);box-shadow:0 0 2px #ffffff00}75%{-webkit-transform:rotate(270deg) scale(1.1);box-shadow:0 0 14px #fff}100%{-webkit-transform:rotate(360deg) scale(1.1);box-shadow:0 0 2px #ffffff00}}#nav-music .aplayer.aplayer-withlrc .aplayer-info{height:100%;color:var(--heo-fontcolor);margin-left:8px;padding:0;display:flex;align-items:center}#nav-music.playing .aplayer.aplayer-withlrc .aplayer-info{color:var(--heo-white)}#nav-music #nav-music-hoverTips{color:var(--heo-white);background:var(--heo-main);width:100%;height:100%;position:absolute;top:0;left:0;align-items:center;justify-content:center;display:flex;border-radius:40px;opacity:0;font-size:12px;transition:0s;z-index:2;pointer-events:none;transition:.3s}#nav-music:hover:not(.playing) #nav-music-hoverTips{opacity:1}#nav-music.playing #nav-music-hoverTips{opacity:0}#nav-music .aplayer{background:var(--card-bg);border-radius:60px;height:41px;display:flex;margin:0;pointer-events:none;transition:.3s;border:var(--style-border);box-shadow:none}#nav-music.playing .aplayer{background:var(--heo-main-op-deep);border:var(--style-border-hover);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}#nav-music .aplayer .aplayer-notice{display:none}#nav-music .aplayer .aplayer-miniswitcher{display:none}#nav-music .aplayer .aplayer-body{position:relative;display:flex;align-items:center;padding:0 8px;padding-right:12px}#nav-music .aplayer .aplayer-pic .aplayer-play{opacity:0}#nav-music .aplayer-list{display:none}#nav-music .aplayer .aplayer-info .aplayer-music{margin:0;display:flex;align-items:center;padding:0;z-index:1}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-time{display:none}#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-author{display:none}#nav-music .aplayer.aplayer-withlist .aplayer-info{border:none}#nav-music .aplayer .aplayer-pic div{display:none}#nav-music .aplayer .aplayer-info .aplayer-music .aplayer-title{cursor:pointer;line-height:1;display:inline-block;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;transition:.3s}#nav-music .aplayer .aplayer-info .aplayer-controller{position:absolute;width:100%;height:100%;top:0;left:0}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0;padding:0}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{height:100%;background:0 0}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{display:none}#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{height:100%;opacity:.1;background-color:var(--heo-white)!important;-webkit-animation:lightBar 5s ease infinite}@-webkit-keyframes lightBar{0%{opacity:.1}60%{opacity:.3}100%{opacity:.1}}#nav-music .aplayer.aplayer-withlrc .aplayer-lrc{width:0;opacity:0;transition:.3s;margin-left:8px;margin-top:-2px}#nav-music.playing .aplayer.aplayer-withlrc .aplayer-lrc{width:200px;margin-bottom:0;opacity:1}#nav-music .aplayer .aplayer-lrc p.aplayer-lrc-current{color:var(--heo-white);border:none}#nav-music .aplayer .aplayer-lrc:after,#nav-music .aplayer .aplayer-lrc:before{display:none}#nav-music .aplayer .aplayer-lrc p{color:#ffffffb3}i.fab{font-size:20px;vertical-align:middle;margin-bottom:4px}#body-wrap .full_page:before{background-color:var(--heo-none)!important;transition:0s!important}.full_page #page-header:before{display:none!important}.snackbar-container{background:var(--heo-main)!important;color:var(--heo-white)!important;border-radius:0!important;display:flex;justify-content:center!important;max-width:none!important;min-width:100%!important;margin:0!important;left:0!important;height:60px!important;transform:none!important}.snackbar-container p{font-weight:700!important;text-align:center!important;font-size:.8rem!important;display:flex!important;justify-content:center!important}.snackbar-container .action{color:var(--heo-white)!important;padding:4px 6px!important;font-weight:700;border-radius:8px!important;transition:.3s;border:var(--style-border)!important}.snackbar-container .action:hover{color:var(--heo-main)!important;background:var(--heo-white)!important}.snackbar-container::after{position:absolute;width:0;height:100%;left:0;top:0;background:var(--heo-white);opacity:.1;content:"";animation:snackbar-progress var(--heo-snackbar-time) linear forwards;pointer-events:none}@keyframes snackbar-progress{from{width:0}to{width:100%}}#nav a{transition:.3s}#nav a:hover{color:var(--heo-white)!important;background:var(--heo-white-op);transition:.3s}.page #nav a:hover{color:var(--heo-white)!important;background:var(--heo-main);transition:.3s;box-shadow:var(--heo-shadow-main)}.nav-fixed #nav a:hover{background:var(--heo-main);transition:.3s}@media screen and (min-width:768px){.menus_item:hover>a.site-page{color:var(--heo-white)!important;background:var(--heo-white-op);transition:.3s;box-shadow:var(--heo-shadow-main)}.page .menus_item:hover>a.site-page{color:var(--heo-white)!important;background:var(--heo-main);transition:.3s;box-shadow:var(--heo-shadow-main)}.nav-fixed .menus_item:hover>a.site-page{background-color:var(--heo-main)}}@media screen and (max-width:768px){#sidebar #sidebar-menus .menus_items li .site-page:hover{background:var(--heo-main);color:var(--heo-white)}#sidebar #sidebar-menus .menus_items li .site-page span:hover{color:var(--heo-white)}}.nav-fixed #nav #site-name i{color:var(--heo-fontcolor);transition:.3s}#nav #site-name:hover i{color:var(--heo-white)}#search-mask{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--heo-maskbg)}#algolia-search .search-dialog .ais-search-box input{border-radius:8px!important;border:var(--style-border)}#algolia-search .search-dialog .ais-search-box input:focus{border:var(--style-border-hover)}#algolia-search .search-dialog .ais-search-box input::placeholder{opacity:.6}#algolia-input-panel{margin-bottom:8px}.search-dialog{border-radius:12px!important;box-shadow:var(--heo-shadow-lightblack);background:var(--heo-card-bg);border:var(--style-border);transition:.3s}.search-dialog:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-theme)}.search-dialog__title{font-weight:700;color:var(--heo-main)}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover{color:var(--heo-hovertext)}#algolia-search .search-dialog .algolia-logo{display:none}#algolia-tips{padding-top:12px;color:var(--heo-secondtext);right:0;margin:auto}.algolia-tips-text{margin-left:.4rem}#algolia-search-results{padding-top:8px}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:before{display:none}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item{padding-left:0;font-weight:700}#algolia-search .search-dialog .ais-pagination.pagination{margin:.2rem 0 0}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item em{color:var(--heo-theme);font-style:normal}#algolia-search .search-dialog .ais-search-box{padding-top:8px}#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a{border-radius:4px;background:var(--heo-main);color:var(--heo-white)}a{color:var(--heo-fontcolor)}a:hover{color:var(--heo-hovertext)}hr{display:none}#footer-wrap{color:var(--heo-fontcolor)}#footer-wrap a{color:var(--heo-fontcolor);height:44px;line-height:36px}#footer-wrap a:hover{color:var(--heo-hovertext);background-color:var(--heo-none)}div#footer_deal{justify-content:center;display:flex;padding-top:2rem;align-items:center}#card-poem{display:flex;flex-direction:column;padding:.5rem!important;min-height:130px}div#poem_sentence{text-align:center;font-family:serif,cursive;line-height:1.4;margin-bottom:.5rem;padding:1rem;border-radius:12px;background:var(--heo-secondbg);min-height:62px}div#poem_info{display:flex;color:var(--heo-secondtext);font-size:.5rem;justify-content:center;flex-wrap:wrap}div#poem_author{order:1;padding:2px;margin-left:8px}div#poem_dynasty{order:0;padding:2px 4px 2px 6px;background:var(--heo-card-btn-bg);color:var(--heo-fontcolor);border-radius:8px}@media screen and (max-width:768px){img.footer_mini_logo{display:none}div#footer_deal{flex-wrap:wrap;flex-direction:row}}a.deal_link{display:flex;margin:1rem 27px;color:var(--heo-card-bg);border-radius:3rem;width:32px;height:32px;background:var(--heo-fontcolor);justify-content:center;align-items:center;transition:.3s}a.deal_link:hover{color:var(--heo-white);background:var(--heo-main)}img.footer_mini_logo{width:50px;height:50px;margin:0 1rem;cursor:pointer;transition:cubic-bezier(0,0,0,1.29) .5s}img.footer_mini_logo:hover{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}@media screen and (min-width:1300px){img.footer_mini_logo:hover{transform:scale(1.03)}img.footer_mini_logo:active{transform:scale(.97)}}#weblogo{align-self:center}#footer-wrap a#heoblog_footerlogo:hover{background:var(--heo-none)}.heoblog_footerlogo_img{filter:drop-shadow(0 12px 12px #ee7d7936)}.heoblog_footerlogo_img:hover{transform:scale(1.03)}#nav #menus{display:flex;justify-content:center;width:100%;position:absolute;height:60px;left:0;margin:0}#nav .menus_items{position:relative;width:fit-content;text-align:center;left:0;right:0;top:0;display:flex;flex-direction:row;justify-content:center}#menus>div.menus_items>div>a{letter-spacing:.3rem;padding-left:.7rem;font-weight:700;padding-top:0;padding-bottom:0;height:35px;line-height:35px;border-radius:40px}#nav .menus_items .menus_item .menus_item_child li a{letter-spacing:0;display:flex;align-items:center;border-radius:100px;padding:.3rem 1rem;width:100%;color:var(--heo-fontcolor)!important;text-shadow:none!important}#page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items{transform:translateX(-150px)}#travellings_button{display:inline;padding:0 .4rem;transition:.3s}@media screen and (max-width:768px){#page-header.nav-fixed #travellings_button{opacity:0}}#rightMenu{display:none;position:fixed;padding:0 .25rem;width:9rem;height:fit-content;top:10%;left:10%;background-color:var(--heo-maskbgdeep);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--heo-fontcolor);border-radius:12px;z-index:99994;border:var(--style-border);user-select:none;box-shadow:var(--heo-shadow-black)}#rightMenu:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-theme)}#rightMenu .rightMenu-group{padding:.35rem .3rem;transition:.3s}#rightMenu .rightMenu-line{border-top:1px dashed var(--heo-theme-op)}#rightMenu .rightMenu-group.rightMenu-small{display:flex;justify-content:space-between}#rightMenu .rightMenu-group .rightMenu-item{border-radius:8px;transition:.3s;cursor:pointer}#rightMenu .rightMenu-line .rightMenu-item{margin:.25rem 0;padding:.25rem 0}#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item{display:flex}#rightMenu .rightMenu-group .rightMenu-item:hover{background-color:var(--heo-main);color:var(--heo-white);box-shadow:var(--heo-shadow-main)}#rightMenu .rightMenu-group .rightMenu-item:active{transform:scale(.97)}#rightMenu .rightMenu-group .rightMenu-item i{display:inline-block;text-align:center;line-height:1.5rem;width:1.5rem;padding:0 .25rem}#rightMenu .rightMenu-line .rightMenu-item i{margin:0 .25rem}#rightMenu .rightMenu-group .rightMenu-item span{line-height:1.5rem}.rightMenu-small .rightMenu-item{width:30px;height:30px;line-height:30px}#rightmenu-mask{position:fixed;width:100vw;height:100vh;background:0 0;top:0;left:0;display:none;z-index:101;margin:0!important;z-index:99993}#darkmode_navswitch{display:inline;position:relative}#darkmode_navswitch a i{font-size:.9rem}[data-theme=dark] #page-header.not-top-img #nav .darkmode_switchbutton{color:var(--heo-yellow)}a.darkmode_switchbutton{padding:4px 8px!important;cursor:pointer;margin:0!important;font-size:.9rem;color:var(--heo-fontcolor)}[data-theme=dark] a.darkmode_switchbutton{background:var(--heo-orange)!important;color:var(--heo-white)!important}a.console_switchbutton{padding:4px 8px!important;cursor:pointer}@media screen and (max-width:768px){#nav-console{display:none}}#nav .site-page{text-shadow:.05rem .05rem .1rem transparent;border-radius:8px}#nav .site-page{color:var(--heo-white)}.nav-fixed #nav .site-page{color:var(--heo-fontcolor)}.post-bg #nav #site-name{color:var(--heo-white);transition:0s}#nav #site-name{color:var(--heo-fontcolor);padding:0 8px;transition:.3s;display:flex;height:35px;justify-content:center;align-items:center;text-shadow:none;border-radius:40px}#search-button>a>span{display:none}#nav .menus_items .menus_item i.expand{display:none}#rightside{display:none;padding-right:8px;position:fixed;right:-38px;bottom:40px;z-index:100;opacity:0;transition:all .5s ease 0s}#rightside>div>a,#rightside>div>button{margin-bottom:8px;transition:.3s}#rightside>div>a:hover,#rightside>div>button{transition:.3s}#rightside #rightside-config-hide{transform:translate(42px,0)}#footer{background:linear-gradient(180deg,var(--heo-card-bg-none) 0,var(--heo-card-bg) 25%);margin-top:.5rem;display:flex;flex-direction:column}@media screen and (max-width:768px){#footer{background:linear-gradient(180deg,var(--heo-background) 0,var(--heo-card-bg) 25%);margin-top:0;z-index:999}}#algolia-search .ais-hits--item.algolia-hit-item a{color:var(--heo-fontcolor)}.aplayer .aplayer-list ol{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.aplayer .aplayer-lrc:after{display:none!important}.aplayer.aplayer-withlrc.aplayer-withlist{border-radius:12px}#article-container .aplayer{border-radius:12px;min-height:90px;background:var(--heo-card-bg);border:var(--style-border);box-shadow:var(--heo-shadow-border)}#article-container.flink{margin-top:1rem}#article-container.flink h2{margin-top:.5rem;margin-bottom:0}#algolia-hits .tag-list{padding:4px 8px;border-radius:8px;margin-right:.5rem;margin-top:.5rem;border:var(--style-border-always);cursor:pointer}#algolia-hits .tag-list:hover{background:var(--heo-main);color:var(--heo-white)}#mobile-sidebar #mobile-sidebar-menus.open{background:var(--heo-maskbg)}#aside-content .card-info .card-info-data>.card-info-data-item{transition:.3s}#sidebar #sidebar-menus .site-data{margin:1rem 0;padding:.6rem .5rem}#sidebar-menus>hr{display:none}#card-info-btn{border-radius:25px;overflow:hidden}#card-info-btn:before{border-radius:25px}#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a{color:var(--heo-fontcolor);width:auto;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.not-index-bg{height:2rem!important;background-image:none!important;background-color:var(--heo-none)!important}.not-index-bg img{display:none}.not-index-bg #page-site-info{display:none}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2000;position:fixed;margin:auto;top:4px;left:0;right:0;height:8px;border-radius:8px;width:4rem;background:var(--heo-secondbg);border:var(--style-border);overflow:hidden}.pace-inactive .pace-progress{opacity:0;transition:.3s ease-in}.pace .pace-progress{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);max-width:200px;position:fixed;z-index:2000;display:block;position:absolute;top:0;right:100%;height:100%;width:100%;background:var(--heo-logo-color);animation:gradient 2s ease infinite;background-size:200%}.pace.pace-inactive{opacity:0;transition:.3s;top:-8px}@media screen and (max-width:1300px){#aside-content .sticky_layout{top:60px}}@media screen and (min-width:768px){#aside-content .sticky_layout{margin-top:1rem}}@media screen and (min-width:1300px){#aside-content .sticky_layout{margin-top:1rem}}#aside-content .sticky_layout{top:80px;transition:top 0s}#aside-content .sticky_layout .card-widget:first-child{margin-top:0}#aside-content .card-widget:hover{box-shadow:var(--heo-shadow-border)}#aside-content #card-funds{margin-bottom:1rem;min-height:260px}#page-header.nav-visible+.layout>.aside-content>.sticky_layout{top:80px}#aside-content{width:300px}@media screen and (max-width:1300px){#aside-content{width:300px}}@media screen and (max-width:900px){#aside-content{display:none}}.card-widget.card-recent-post{padding:.4rem .6rem!important}#aside-content .aside-list>.aside-list-item .content>time{display:none}#aside-content .aside-list>.aside-list-item .content>.title{-webkit-line-clamp:3;font-weight:700;padding:2px 0}#aside-content .aside-list>.aside-list-item{padding:8px;padding-top:6px!important;padding-bottom:6px!important;border-radius:12px;transition:.3s;margin:4px 0;cursor:pointer}@media screen and (min-width:1300px){#aside-content .aside-list>.aside-list-item:hover{transform:scale(1.03)}#aside-content .aside-list>.aside-list-item:active{transform:scale(.97)}}#aside-content .aside-list>.aside-list-item:hover .thumbnail>img{transform:scale(1)}#aside-content .aside-list>.aside-list-item:not(:last-child){border-bottom:0 dashed var(--heo-background)!important}#aside-content .aside-list>.aside-list-item .thumbnail{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000);border-radius:8px;border:var(--style-border)}#aside-content .aside-list>.aside-list-item:hover{background:var(--heo-main);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-main)}#aside-content .aside-list>.aside-list-item:hover a{color:var(--heo-white)!important}.main-hero-waves-area{width:100%;position:absolute;left:0;bottom:-11px;z-index:5}.waves-area .waves-svg{width:100%;height:60px}.parallax>use{animation:move-forever 30s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;fill:var(--heo-background);opacity:.5}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;fill:var(--heo-background);opacity:.6}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;fill:var(--heo-background);opacity:.7}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;fill:var(--heo-background)}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@media (max-width:768px){.main-hero-waves-area{display:none}}a.card-archive-list-link-more{color:var(--heo-white)!important;background:var(--heo-card-btn-bg);margin-top:8px}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,#aside-content .card-categories ul.card-category-list>.card-category-list-item a{border-radius:8px;margin:4px 0;display:flex;flex-direction:column;align-content:space-between;border:var(--style-border)}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child{width:auto}#aside-content .card-archives ul.card-archive-list,#aside-content .card-categories ul.card-category-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.card-allinfo hr{display:flex;position:relative;margin:1rem 0;border:1px dashed var(--heo-theme-op)}.card-allinfo .item-headline{display:none}span.card-archive-list-count{width:auto;text-align:left;font-size:1.1rem;line-height:.9;font-weight:700}.card-archive-list-count-group{display:flex;flex-direction:row;align-items:baseline}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:last-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:last-child{width:fit-content;margin-left:4px}.card-archive-list-count-unit{width:auto;text-align:left;font-size:14px;font-weight:700}.card-archive-list-date{font-size:14px;opacity:.6}li.card-archive-list-item{width:100%;flex:0 0 48%}.card-category-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.card-category-list-item{width:45%}.card-category-list-count{display:none!important}.card-category-list-name{width:100%!important;text-align:center}.webinfo-item{display:flex;white-space:nowrap}.webinfo-item-title{display:flex}.webinfo-item-title i{line-height:2;margin-right:6px;width:16px;text-align:center}@media screen and (min-width:1300px){#aside-content{padding-left:1rem}#aside-content .sticky_layout{top:calc(60px + .5rem)}#page-header.nav-visible+.layout>.aside-content>.sticky_layout{top:calc(60px + .5rem)}[data-theme=dark] #aside-content>.card-widget.card-info{border:var(--style-border)}.coverdiv{height:130%}}.medium-zoom-overlay{background:var(--heo-maskbg)!important;z-index:99998!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}.medium-zoom-image--opened{border-radius:2px}#toggle-sidebar{bottom:80px}.button--animated{border-radius:8px!important;transition:.3s}#error-wrap .error-content .error-info a:hover{background-color:var(--heo-blue);transition:.3s;box-shadow:var(--heo-shadow-blue)}.button--animated:before{display:none}a.tree-list-post-link{font-size:.8rem;line-height:1.2!important}li.tree-list-item{line-height:1.9;margin:.3rem 0}.title-h2-a{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.title-h2-a a{margin-left:.5rem;color:var(--heo-secondtext);font-weight:700}.title-h2-a a:hover{color:var(--heo-hovertext)}.title-h2-a-left{display:flex;align-items:center}.title-h2-a-left h2{margin-top:0!important;margin-bottom:0!important}#card-funds .funds-list::-webkit-scrollbar{display:none!important}.funds-tips{font-size:.5rem;width:100%;text-align:center;color:var(--heo-secondtext);margin:.5rem 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:.5rem;left:0;padding:0 1rem}.funds-list{height:200px;overflow:scroll}span.fund_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funds-info{margin-left:4px;color:var(--heo-secondtext)}.funds-list-item .content{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap}.fund_dayGrowth{display:inline;float:right}.fund-up{color:var(--heo-red)}.fund-down{color:var(--heo-green)}#aside-content .card-widget#card-music{background:var(--heo-pink);display:flex;justify-content:center;align-content:center;padding:0;cursor:pointer;border:none}#aside-content .card-widget#card-music img{max-height:110px;object-fit:cover}#aside-content .card-widget#card-music:hover img{transform:scale(1.03);transition:.5s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.music-link{display:flex;justify-content:center;align-content:center}#aside-content .card-widget#card-friendlinks{background:var(--heo-main);display:flex;justify-content:center;align-content:center;padding:0;cursor:pointer;border:none}#aside-content .card-widget#card-friendlinks img{max-height:110px;object-fit:cover}#aside-content .card-widget#card-friendlinks:hover img{transform:scale(1.03);transition:.5s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.friend-link{display:flex;justify-content:center;align-content:center}#aside-content .card-widget#card-wechat{background:#07c160;display:flex;justify-content:center;align-content:center;padding:0;cursor:pointer;border:none;height:110px}#aside-content .card-widget#card-wechat img{max-height:110px;object-fit:cover}.friend-link{display:flex;justify-content:center;align-content:center}#flip-wrapper{position:relative;width:235px;height:110px;z-index:1}#flip-wrapper{-webkit-perspective:1000;perspective:1000}#flip-content{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:cubic-bezier(0,0,0,1.29) .3s}#flip-wrapper:hover #flip-content{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-size:100%}.back.face{display:block;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);box-sizing:border-box;background-size:100%}#card-vip-designweekly.card-widget{display:flex!important;padding:0;cursor:pointer}#card-vip-designweekly.card-widget .card-vip-designweekly-img{width:100%;object-fit:cover}.card-vip-tips{display:flex;position:absolute;font-size:12px;bottom:8px;left:8px;padding:1px 6px;background:var(--heo-black-op);border-radius:8px;color:var(--heo-white)}#widget-tree-button{background-color:var(--heo-secondbg)!important;box-shadow:var(--heo-shadow-light2black)!important;color:var(--heo-fontcolor)}#widget-tree:hover #widget-tree-button{opacity:0;left:-1.5rem}#widget-tree{background-color:var(--heo-maskbg)!important}#widget-tree:hover{left:0!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#widget-tree a{-webkit-line-clamp:2;color:var(--heo-fontcolor)!important}#widget-tree a:hover{color:var(--heo-hovertext)!important}.toggle-post-icon,.toggle-toc-icon{color:var(--heo-fontcolor)!important}@media screen and (max-width:768px){#widget-tree{display:none!important}}.guli_top{position:fixed;z-index:99;right:30px;display:flex;transition:.3s;opacity:0;bottom:-25px;width:88px;height:123px;user-select:none}.guli_top.guli-fixed{opacity:1;bottom:25px}#guli_top .guli_body{position:relative;height:123px;z-index:1003}#guli_top .guli_body:hover{cursor:pointer}#guli_top .guli_wing{position:relative;height:64px;z-index:1002;bottom:-120px;transform:scale(.01);box-shadow:var(--heo-shadow-yellow)}#guli_top.open_wing .guli_wing{transform:scale(1.03)}#guli_top.open_wing .guli_body{transform:scale(1)}@media screen and (max-width:1300px){#guli_top{display:none}}#cookies-window{min-width:300px;background:var(--heo-maskbgdeep);color:var(--heo-fontcolor);padding:8px 16px;display:flex;flex-direction:column;bottom:20px;right:20px;position:fixed;border-radius:12px;transition:.3s;z-index:1002;user-select:none;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transform:translateZ(0);border:var(--style-border);animation:barrageIn .6s cubic-bezier(.42,0,.3,1.11)}#cookies-window.cw-hide{opacity:0;animation:barrageOut .6s cubic-bezier(.42,0,.3,1.11);z-index:-1}#cookies-window .cookies-window-title{padding-bottom:4px;border-bottom:var(--style-border);font-size:12px;font-weight:700}#cookies-window .cookies-window-content{font-size:14px;display:flex;justify-content:space-around;align-items:center}.cookie-to{margin-right:4px;font-weight:700}.cookies-link{margin-left:auto;font-size:16px}.cookies-link i.heofont{font-size:16px}@media screen and (max-width:1300px){#cookies-window{display:none}}.heo-tag{padding:1px 6px;border-radius:6px 6px 6px 0;margin-left:4px;height:20px;line-height:19px}.heo-tag-new-view{color:var(--heo-white);background:var(--heo-green)}.heo-tag-hot-view{color:var(--heo-white);background:var(--heo-red)}#page-header.full_page{height:2rem;background-image:none!important;background-color:var(--heo-none)}#page-header.full_page #site-info{display:none}.layout>div:first-child{width:calc(100% - 300px)}.layout.hide-aside>div:first-child{width:100%}.layout.left-aside>div:first-child{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.layout.left-aside .aside-content{padding-right:15px;padding-left:0!important}div#categoryList{display:flex;width:100%;justify-content:space-between}.categoryItem{overflow:hidden;transform:scale(1);transition:all .8s cubic-bezier(.65,.15,.37,1.19);height:48%;border-radius:12px}a.categoryButton{height:100%;width:100%;background:var(--heo-card-bg);border-radius:12px;display:inline-block;text-align:left;line-height:4em;font-weight:700;font-size:.9rem;color:var(--heo-white);transition:all .8s cubic-bezier(.39,.575,.565,1);transform:scale(1);overflow:hidden;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei}a.categoryButton i{transform:scale(1) rotate(15deg)}@media screen and (min-width:1300px){a.categoryButton:active{transform:scale(.97)}}@media screen and (max-width:768px){a.categoryButton{border-radius:8px}.categoryItem{border-radius:0;height:47%;box-shadow:none!important}}a.categoryButton:after{top:50px;width:1rem;left:21px;height:2px;background:var(--heo-white);content:"";border-radius:1px;position:absolute}.categoryButtonText{padding-left:21px}a.categoryButton i{font-size:5rem;opacity:.2;position:absolute;right:0;top:20%;transition:.3s;width:100px;text-align:center;filter:blur(2px)}@media screen and (max-width:768px){a.categoryButton i{display:none}.recent-post-top .categoryGroup{min-width:130px!important;margin-bottom:.5rem;margin-left:1rem;max-height:164px;overflow:hidden;position:relative}}.topGroup{display:flex}#bannerGroup{display:flex}div#banners{display:none}.topGroup .todayCard{display:none}@media screen and (min-width:1300px){.topGroup{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;height:calc(328px + .5rem);align-content:space-between;width:calc(600px + 1.5rem);position:relative}div#bannerGroup{width:calc(100% - 600px - 2rem);margin-right:.5rem;height:calc(328px + .5rem);display:flex;flex-direction:column;justify-content:space-between}div#banners{display:flex;width:100%;height:76%;background:var(--heo-card-bg);margin-bottom:.5rem;border:var(--style-border);border-radius:12px;overflow:hidden;position:relative;box-shadow:var(--heo-shadow-border);flex-direction:column;overflow:hidden;transition:.3s;clip-path:inset(0 0 0 0 round 12px)}div#banners:hover{box-shadow:var(--heo-shadow-main)}#banners.flink{margin-bottom:.5rem}#banners .banner-button-group{position:absolute;right:2rem;top:2rem;display:flex}#banners .banner-button{padding:8px 12px;background:var(--heo-fontcolor);border-radius:12px;color:var(--heo-card-bg);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;box-shadow:var(--heo-shadow-black)}#banners .banner-button.secondary{background:var(--heo-secondbg);border:var(--style-border-always);color:var(--heo-lighttext);margin-right:1rem;box-shadow:var(--heo-shadow-border)}#banners .banner-button:hover{background:var(--heo-theme);color:var(--heo-white)}#banners .banner-button i{margin-right:8px;font-size:1rem}.banners-title{top:2rem;left:1.5rem;position:absolute;display:flex;flex-direction:column}.flink .banners-title{top:1.5rem}.banners-title-big{font-size:36px;line-height:1;font-weight:700;margin-bottom:8px}.banners-title-small{font-size:12px;line-height:1;color:var(--heo-secondtext);margin-top:8px;margin-bottom:.5rem}#banner-hover{position:absolute;width:100%;height:100%;top:0;left:0;background:var(--heo-theme);color:var(--heo-white);padding-left:.5rem;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:cubic-bezier(.71,.15,.16,1.15) .6s}.bannerText{font-size:4rem;line-height:4rem;font-weight:700}.banner-righticon{font-size:4rem;opacity:.6}#banners:hover #banner-hover{opacity:1;padding-left:2rem;background:#4259efc9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transition:.3s;background-size:200%;cursor:pointer}.topGroup .todayCard{position:absolute;width:calc(600px + 1rem);height:100%;z-index:1;top:0;left:0;background:var(--card-bg);border-radius:12px;margin-left:.5rem;overflow:hidden;transition:.3s;display:flex;cursor:pointer;pointer-events:all}.topGroup .todayCard::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0}.topGroup .todayCard.hide{opacity:0;pointer-events:none}.topGroup .todayCard .todayCard-info{position:absolute;bottom:2rem;left:2rem;z-index:2;color:var(--heo-white);max-width:60%;transition:.3s}.topGroup .todayCard.hide .todayCard-info{bottom:1rem;opacity:0}.topGroup .todayCard .todayCard-info .todayCard-tips{opacity:.8;font-size:.6rem}.topGroup .todayCard .todayCard-info .todayCard-title{font-size:28px;font-weight:700;line-height:36px}.topGroup .banner-button-group{position:absolute;right:2rem;bottom:2rem;display:flex;transition:.3s}.topGroup .todayCard.hide .banner-button-group{bottom:1rem}.topGroup .banner-button{background:var(--heo-white-op);border-radius:20px;color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);height:40px;width:124px;justify-content:center}.topGroup .banner-button:hover{background:var(--heo-theme);color:var(--heo-white)}.topGroup .banner-button i{margin-right:8px;font-size:1rem}.topGroup .todayCard .todayCard-cover{position:absolute;min-width:100%;min-height:100%;top:0;left:0;background-size:cover;z-index:-1;transition:.3s}.topGroup .todayCard.hide .todayCard-cover{transform:scale(1.2)}}@keyframes rowup{from{transform:translateX(0)}to{transform:translateX(-50%)}}.tags-group-icon{width:120px;height:120px;border-radius:30px}.tags-group-all{display:flex;transform:rotate(-30deg)}.tags-group-all.nowrapMove{transform:rotate(0);padding-bottom:2rem}.tags-group-wrapper{margin-top:5rem;display:flex;flex-wrap:nowrap;animation:rowup 60s linear infinite}.nowrapMove .tags-group-wrapper{margin-top:7rem;animation:rowup 120s linear infinite}.tags-group-icon-pair .tags-group-icon:nth-child(even){margin-top:1rem;transform:translate(-60px)}.tags-group-icon-pair{margin-left:1rem}.tags-group-icon{display:flex;align-items:center;justify-content:center;color:#fff;font-size:66px;font-weight:700;box-shadow:var(--heo-shadow-blackdeep)}.nowrapMove .tags-group-icon{border-radius:50%}.tags-group-icon img{width:60%}.nowrapMove .tags-group-icon img{min-width:100%;min-height:100%;border-radius:50%;object-fit:cover}#categoryList>div:nth-child(1)>a::before{height:24px;width:44px;content:"";background:url(../images/top.png) no-repeat;background-size:38px 24px;position:absolute;top:0;left:0}.categoryItem:hover i{opacity:.8;transition:.8s;transition-delay:.15s;transform:scale(1.03) rotate(0);font-size:2.5rem;filter:blur(0)}@media screen and (min-width:1300px){.categoryItem:hover i{transform:scale(1.03) rotate(0)}}#categoryList>a:nth-child()>i{padding-right:8px}.cate-button-text{box-shadow:var(--heo-shadow-black)}@media screen and (max-width:768px){div#categoryList{display:none}}.recent-post-top .categoryGroup{display:flex;flex-direction:column;justify-content:space-between;min-width:200px}.categoryGroup .categoryItem:nth-child(3){display:none}@media screen and (min-width:1300px){.recent-post-top .categoryGroup{flex-direction:row;height:24%}.categoryItem{width:calc(100% / 3 - .33rem);height:100%;margin-right:.5rem}.categoryItem:last-child{margin-right:0}.categoryItem:hover{width:50%}.categoryGroup .categoryItem:nth-child(3){display:flex}}a.categoryButton.bikan{background:linear-gradient(to right,#358bff,#15c6ff);background-size:200%}a.categoryButton.remen{background:linear-gradient(to right,#f65,#ffbf37);background-size:200%}a.categoryButton.shiyong{background:linear-gradient(to right,#18e7ae,#1eebeb);background-size:200%}[data-theme=dark] a.categoryButton.bikan{background:linear-gradient(to right,#0653b8,#2fcbff);background-size:200%}[data-theme=dark] a.categoryButton.remen{background:linear-gradient(to right,#e22a16,#da980c);background-size:200%}[data-theme=dark] a.categoryButton.shiyong{background:linear-gradient(to right,#099e74,#0ea4a4);background-size:200%}a.categoryButton:hover{background-position:100% 0}#category-bar{padding:.4rem 1rem .4rem .5rem;background:var(--heo-card-bg);border-radius:12px;display:flex;white-space:nowrap;overflow:hidden;margin-bottom:1rem;border:var(--style-border);transition:.3s;width:100%;justify-content:space-between}@media screen and (min-width:1300px){#category-bar:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}.category-in-bar-tips{margin-bottom:.25rem}}@media screen and (max-width:768px){#category-bar{border-radius:0;background:var(--heo-background);margin-bottom:0;position:-webkit-sticky;position:sticky;top:60px;z-index:1;padding:0 1rem 0 16px;height:50px;margin-top:0;align-items:center}}#category #category-bar{padding:0;border:none;box-shadow:none}#category a.category-bar-item.select a{display:none}.category-in-bar{display:flex;white-space:nowrap;align-items:center}.category-in-bar-tips{margin-right:1rem}.category-bar-items{white-space:nowrap;overflow-x:scroll;display:flex}.category-in-bar .category-in-bar-tips{margin-bottom:0}.category-in-bar #category-bar{margin-bottom:0}.category-bar-items::-webkit-scrollbar{display:none}.category-bar-item a{padding:.1rem .5rem;margin:0 4px;font-weight:700;border-radius:8px}.category-bar-item:hover a{background:var(--heo-theme);color:var(--heo-white)}.category-bar-item.select a{background:var(--heo-theme);color:var(--heo-white);border-radius:8px}@media screen and (max-width:768px){.category-bar-item.select a{border-radius:8px}.category-bar-item a{border-radius:8px}.category-in-bar{position:-webkit-sticky;position:sticky;top:60px;background:var(--heo-background);z-index:1002}}.category-bar-more{margin-left:1rem;font-weight:700}.category-bar-more:hover{color:var(--heo-lighttext)}#bber-talk{width:100%;height:25px;line-height:25px;display:flex;flex-direction:column}#bbtalk{overflow:hidden;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bber-talk .li-style{width:auto;max-width:100%;height:25px;text-align:center;overflow:hidden;text-overflow:ellipsis;transition:.3s;font-weight:700;margin:auto;cursor:pointer;white-space:nowrap}#bbTimeList .li-style:hover{color:var(--heo-theme);transition:.3s}li,ul{list-style:none;display:block;margin:0;padding:0}#bbTimeList{background:var(--heo-card-bg);color:var(--heo-fontcolor);padding:.5rem 1rem;border-radius:12px;box-shadow:var(--heo-shadow-lightblack);display:flex;transition:.3s;margin-bottom:1rem;border:var(--style-border);align-items:center;height:50px}#bbTimeList:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}@media screen and (min-width:1300px){#bbTimeList{margin-bottom:1rem}}.bber-gotobb{line-height:25px;margin-left:1rem;transition:.3s;cursor:pointer}.bber-gotobb:hover{opacity:.8;color:var(--heo-theme)}.icon-logo-moment{font-size:2rem;font-size:2rem;line-height:22px;margin-right:1rem;transition:.3s;cursor:pointer}.icon-logo-moment:hover{opacity:.8;color:var(--heo-theme)}#recent-posts>.recent-post-item>.recent-post-info{padding:0}.recent-post-item .recent-post-info .recent-post-info-top{position:relative;transition:.3s;padding:32px;width:100%}.recent-post-item .recent-post-info .recent-post-info-top .article-title{line-height:30px;margin-top:0;font-weight:700;color:var(--heo-fontcolor);margin-bottom:0;width:100%;transition:.3s;font-size:1rem;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}@media screen and (min-width:1300px){#recent-posts>.recent-post-item .pinned-post{display:flex;color:var(--heo-lighttext);font-size:.5rem;position:relative}#recent-posts .recent-post-item.pinned-post-item .recent-post-info-top{padding-top:16px}.recent-post-item .recent-post-info .recent-post-info-top .article-title{font-size:22px;-webkit-line-clamp:2}.recent-post-item:hover .recent-post-info .recent-post-info-top .article-title{-webkit-line-clamp:2}#recent-posts>.recent-post-item .post_cover{transition:1s!important;height:225px;width:100%}.recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content{opacity:.8!important;-webkit-line-clamp:2!important}.recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content{opacity:1!important}}.recent-post-item .recent-post-info .recent-post-info-top .content{transition:.3s;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;color:var(--heo-secondtext);margin-top:.5rem}@media screen and (min-width:768px){.recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content{opacity:1;-webkit-line-clamp:4}.recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content{-webkit-line-clamp:6}}@media screen and (max-width:768px){.recent-post-item .recent-post-info .recent-post-info-top{padding:0 20px;top:20px}.recent-post-item .recent-post-info .recent-post-info-top .content{opacity:1;-webkit-line-clamp:2}#recent-posts .recent-post-item .recent-post-info .article-title{font-size:19px}}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a{color:var(--heo-fontcolor)}.ai-btn-box{font-size:15.5px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-btn-item{padding:5px 10px;margin:10px 16px 0 5px;width:fit-content;line-height:1;background:var(--heo-main);color:#fff;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;cursor:pointer}.ai-btn-item:hover{background:var(--heo-theme)}.ai-recommend{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-recommend .ai-recommend-item{width:calc(50% - 20px);margin:10px;background:var(--heo-secondbg);border-radius:4px;padding:10px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;-webkit-animation:slide-in .6s .1s backwards;-moz-animation:slide-in .6s .1s backwards;-o-animation:slide-in .6s .1s backwards;-ms-animation:slide-in .6s .1s backwards;animation:slide-in .6s .1s backwards}.ai-recommend .ai-recommend-item span.index{padding:4px}.ai-recommend .ai-recommend-item:hover{color:var(--heo-white);background:var(--heo-main)}.ai-recommend .ai-recommend-item:hover a{color:var(--heo-white)}@media screen and (max-width:768px){.ai-btn-box{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.ai-recommend .ai-recommend-item{width:100%}}.ai-title i{font-weight:800;font-size:20px;line-height:20px}.ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right{font-size:14px;margin-left:4px;cursor:pointer}.post-ai{background:var(--heo-secondbg);border-radius:12px;padding:12px;line-height:1.3;border:var(--style-border-always);margin-top:16px}@media screen and (max-width:768px){.post-ai{margin-top:22px}}.ai-title{display:flex;color:var(--font-color);border-radius:8px;align-items:center;padding:0 12px;cursor:default;user-select:none}.ai-title-text{font-weight:700;margin-left:8px;line-height:1}.ai-explanation{margin-top:12px;padding:8px 12px;background:var(--heo-card-bg);border-radius:8px;border:var(--style-border-always);font-size:15px;line-height:1.4;display:none}.ai-suggestions{display:flex;flex-wrap:wrap}.ai-suggestions .ai-suggestions-item{margin-top:12px;padding:8px 12px;background:var(--heo-card-bg);border-radius:8px 8px 8px 0;border:var(--style-border-always);font-size:15px;line-height:1.4;display:flex;width:fit-content;margin-right:12px;cursor:pointer;transition:.3s}.ai-suggestions .ai-suggestions-item:hover{background:var(--heo-main);color:var(--heo-white)}.blinking-cursor{background-color:var(--heo-main);width:10px;height:16px;display:inline-block;vertical-align:middle;animation:blinking-cursor .5s infinite;-webkit-animation:blinking-cursor .5s infinite;margin-left:4px;margin-bottom:3px}@keyframes blinking-cursor{0%{opacity:1}40%{opacity:1}50%{opacity:0}90%{opacity:0}100%{opacity:1}}.ai-tag{font-size:12px;background-color:var(--heo-lighttext);color:var(--heo-card-bg);font-weight:700;border-radius:4px;margin-left:auto;line-height:1;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.ai-tag:hover{background:var(--heo-fontcolor);color:var(--heo-card-bg)}ins.adsbygoogle{margin:16px 0;background:var(--heo-card-bg);border-radius:12px;overflow:hidden;border:var(--style-border-always)}#ai-Toggle{font-size:12px;background:var(--heo-lighttext);color:var(--heo-card-bg);padding:4px;border-radius:4px;margin-left:6px;transform:scale(.8);cursor:pointer;transition:.3s;font-weight:700}#ai-Toggle:hover{background:var(--heo-fontcolor);color:var(--heo-card-bg)}#recent-post-top .recent-post-item .post_cover{width:100%}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i{margin:0 .4rem 0 0}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky{color:var(--heo-fontcolor)}#recent-posts .recent-post-item{height:fit-content;background:var(--heo-card-bg);border-radius:12px;cursor:pointer;border:var(--style-border)}#recent-posts .recent-post-item:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:12px}@media screen and (min-width:1300px){#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media screen and (max-width:768px){#recent-posts .recent-post-item:hover{border:none;box-shadow:none}}@media screen and (max-width:1300px){#recent-posts>.recent-post-item .left_radius,#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:12px;width:75%;display:flex;height:200px}#recent-posts>.recent-post-item:hover .post_cover img.post_bg{transform:scale(1.03);transition:.3s ease-in-out;filter:brightness(.85);border-radius:12px 0 0 12px}#recent-posts>.recent-post-item.post-card-large:hover .post_cover img.post_bg{transform:scale(1.03)}#recent-posts>.recent-post-item .post_cover img.post_bg{min-width:100%;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transition:.3s ease-in-out;min-height:100%}#recent-posts>.recent-post-item:hover>.recent-post-info{transition:all .3s;position:relative}#recent-posts>.recent-post-item>.recent-post-info{transition:all .3s}}#recent-posts>.recent-post-item:hover .post_cover img.post_bg{transform:scale(1.03);transition:.3s ease-in-out;filter:brightness(.85);border-radius:12px 0 0 12px}@media screen and (min-width:1300px){#recent-posts>.recent-post-item .left_radius,#recent-posts>.recent-post-item .right_radius{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;display:flex}}#recent-posts>.recent-post-item .left_radius a,#recent-posts>.recent-post-item .right_radius a{min-height:100%;min-width:100%}#recent-posts>.recent-post-item>.recent-post-info{display:inline-block;overflow:hidden}.recent-top-post-group{border-radius:12px;overflow:hidden;overflow-x:auto;width:100%;margin-bottom:0}.recent-post-top{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;overflow-x:scroll}.recent-post-top::-webkit-scrollbar{display:none}.recent-post-top .recent-post-item{display:flex;width:200px;flex-direction:column;align-items:flex-start;margin-left:.5rem;background:var(--heo-card-bg);border-radius:12px;overflow:hidden;min-width:200px;height:164px;max-height:164px;border:var(--style-border-always);transition:.3s;position:relative;box-shadow:var(--heo-shadow-border)}@media screen and (max-width:768px){.recent-post-top .recent-post-item{border-radius:8px;box-shadow:none;clip-path:inset(0 0 0 0 round 8px)}.recent-post-top .recent-post-item:last-child{margin-right:1rem}}@media screen and (min-width:1300px){.recent-post-top .recent-post-item{margin-right:0;margin-bottom:.5rem}.recent-post-top .recent-post-item:active{transform:scale(.97)}.recent-post-top{overflow-x:visible}.recent-top-post-group{overflow:visible;overflow-x:visible}}span.recent-post-top-text{position:absolute;top:0;left:-40px;display:flex;z-index:1;background:var(--heo-theme);color:var(--heo-white);padding:2px 8px;font-size:.6rem;border-radius:12px 0 12px 0;transition:.3s;cursor:pointer}.recent-post-item:hover .recent-post-top-text{left:0}@media screen and (min-width:1300px){.recent-post-top .recent-post-item:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main);transform:scale(1.03)}.recent-post-top .recent-post-item:active{transform:scale(.97)}}@media screen and (max-width:768px){.recent-top-post-group{border-radius:0;background:var(--heo-background)}.recent-post-top-text{display:none!important}.recent-post-top .recent-post-item .post_cover img{border-radius:8px 8px 0 0!important}}.recent-post-top .recent-post-item .post_cover a{height:100px;overflow:hidden;display:flex}.recent-post-top .recent-post-item .post_cover img{object-fit:cover;width:100%;background:var(--heo-secondbg);border-radius:12px 12px 0 0}.recent-post-top .recent-post-item:hover .post_cover img{transform:scale(1)}.recent-post-item .post_cover{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}.recent-post-top .recent-post-item .recent-post-info{padding:.3rem .5rem .3rem .5rem!important;transition:.3s}.recent-post-top .recent-post-item:hover .recent-post-info a{color:var(--heo-fontcolor)}@media screen and (max-width:1300px){.recent-post-top .recent-post-item:hover .recent-post-info a{color:var(--heo-theme);transition:.3s}}.recent-post-top .recent-post-item .recent-post-info .article-title{-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5;justify-content:center;align-items:flex-end;align-content:center;padding-top:.5rem;font-weight:700;font-size:.8rem!important;padding:0!important}.title-and-tips{display:flex;margin-top:1rem;align-items:center}.title-and-tips .page-title{line-height:1;margin:0}.title-and-tips .page-tips{background:var(--heo-yellow-op);color:var(--heo-yellow);margin-bottom:auto;border-radius:8px;padding:2px 6px;font-size:.5rem;margin-left:8px}#aside-content .card-widget{box-shadow:var(--heo-shadow-border);background:var(--heo-card-bg);border:var(--style-border);transition:.3s;border-radius:12px;transition:.3s;position:relative;overflow:hidden;margin-top:1rem;padding:1rem 1.2rem}#recent-posts>.recent-post-item{box-shadow:var(--heo-shadow-light2black);display:flex;-webkit-box-orient:horizontal;-webkit-box-align:center;align-items:center;transition:all .3s ease 0s}#recent-posts>.recent-post-item:not(:first-child){margin-top:.5rem;margin-bottom:1rem;position:relative;overflow:hidden}#recent-posts>.recent-post-item.left,.recent-post-item.alternate.odd{flex-direction:row!important}#recent-posts>.recent-post-item.left .cover_radius,.recent-post-item.alternate.odd .cover_radius{border-radius:12px 0 0 12px!important}#recent-posts>.recent-post-item.right,.recent-post-item.alternate.even{flex-direction:row-reverse!important}#recent-posts>.recent-post-item.right .cover_radius,.recent-post-item.alternate.even .cover_radius{border-radius:0 12px 12px 0!important}@media screen and (min-width:1300px){#recent-posts>.recent-post-item{flex-direction:column}#recent-posts>.recent-post-item:not(:first-child){margin-top:.25rem;margin-bottom:.75rem;box-shadow:var(--heo-shadow-border);clip-path:inset(0 0 0 0 round 12px)}#recent-posts>.recent-post-item:not(:first-child):active{transform:scale(.97)}#recent-posts>.recent-post-item.col1{width:calc(100% - .5rem)}#recent-posts>.recent-post-item.col2{width:calc(100% / 2 - .5rem)}#recent-posts>.recent-post-item.col3{width:calc(100% / 3 - .5rem)}#recent-posts>.recent-post-item.col4{width:calc(100% / 4 - .5rem)}#category-bar{margin-bottom:.75rem;box-shadow:var(--heo-shadow-border)}#recent-posts{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}}@media screen and (max-width:768px){#recent-posts>.recent-post-item{border-radius:0}#recent-posts>.recent-post-item:not(:first-child){margin:1.5rem 1rem;border-radius:12px;margin-top:.5rem;border:var(--style-border-always);box-shadow:var(--heo-shadow-border);display:block;position:relative;clip-path:inset(0 0 0 0 round 12px)}#recent-posts .recent-post-item .post_cover{border-radius:0!important;width:100%}#bbTimeList{margin-top:0;border-radius:0;background:var(--heo-background);padding:.5rem 20px}a.article-meta__categories{left:12px!important;top:12px!important;border-radius:4px!important;padding:2px 9px!important;font-size:12px}#bbTimeList{margin-bottom:0}}@media screen and (min-width:1300px){.topGroup .recent-post-item:nth-child(7){display:none}}@media screen and (max-width:768px){#sidebar-menus>div.author-avatar{display:none}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{bottom:.5rem!important}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time{display:absolute;right:0}#rightside{display:none}#web_bg{background:0 0!important}#recent-posts>.recent-post-item .post_cover img.post_bg{border-radius:12px 12px 0 0!important}#recent-posts>.recent-post-item .post_cover img.post_bg:hover{transform:scale(1)}#recent-posts>.recent-post-item:hover img.post_bg{transform:scale(1)}.recent-post-top .recent-post-item:hover .post_cover img{transform:scale(1)}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap,#recent-posts>.recent-post-item>.recent-post-info>.article-title,#recent-posts>.recent-post-item>.recent-post-info>.content{padding:0 20px!important}}.article-meta__categories{position:absolute;top:8px;left:8px;display:flex}a.article-meta__category{display:block;padding:2px 6px;background:var(--heo-black-op);border-radius:6px;margin:0 5px 0 0;font-size:12px;margin-left:4px;font-weight:700;color:var(--heo-white);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}a.article-meta__category:hover{background:var(--heo-theme)!important;color:var(--heo-white)!important;box-shadow:var(--heo-shadow-theme)}#recent-posts>.recent-post-item>.recent-post-info>.article-title{line-height:1.4;margin-top:0;font-weight:700;color:var(--heo-fontcolor);margin-bottom:0;position:absolute;width:100%;left:0;padding:0 40px;transition:.3s}#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover{color:var(--heo-fontcolor)}@media screen and (min-width:768px){#recent-posts>.recent-post-item>.recent-post-info>.article-title{top:40px}#recent-posts>.recent-post-item:hover>.recent-post-info>.article-title{top:20px}#recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-title{top:30px}#recent-posts .recent-post-item:hover .recent-post-info .article-title{color:var(--heo-theme)}}.article-meta-wrap{color:var(--heo-secondtext)!important}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date{right:0;text-align:right}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date i{display:none}.post-meta-date .far{opacity:.6}.post-meta-date .article-meta-label{display:none}.post-meta-date{margin-right:.8rem}#aside-content #card-toc .toc-content .toc-link.active{line-height:1.2;border-radius:12px;border-left-color:var(--heo-hovertext);background-color:var(--heo-card-bg);color:var(--heo-lighttext);font-weight:700;font-size:20px}[data-theme=dark].toc .toc-item.active .toc-link .toc-text{color:var(--heo-white)}#aside-content #card-toc .toc-content .toc-item.active .toc-link{opacity:1;border-radius:8px}#aside-content #card-toc .toc-content .toc-link{line-height:1.2;padding:8px;border-left:0 solid transparent;border-radius:12px;color:var(--heo-secondtext);cursor:default}#aside-content #card-toc .toc-content .toc-link:not(.active) span{opacity:.6;cursor:pointer;filter:blur(1px);transition:.3s}#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span{filter:blur(0);opacity:1}#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover{color:var(--heo-lighttext)}#card-toc{padding:.5rem .5rem!important}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator{display:none}.article-meta{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis}.article-meta__link{display:none}.article-meta__tags{margin-right:4px;padding:0 .2rem 0 0}#recent-posts>div>i .post_cover{display:none}#recent-posts>.recent-post-item>.recent-post-info{height:174px;width:100%;cursor:pointer;position:relative}@media screen and (max-width:768px){#recent-posts .recent-post-item .recent-post-info{height:7rem}}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{position:absolute;bottom:16px;transition:.3s;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;left:0;padding:0 32px;white-space:nowrap}@media screen and (min-width:1300px){#recent-posts>.recent-post-item:hover>.recent-post-info>.article-meta-wrap{bottom:30px}#recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-meta-wrap{bottom:30px}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{bottom:30px}}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover{background-color:var(--heo-none);color:var(--heo-lighttext);cursor:pointer;border-radius:4px}#home_top{max-width:1400px;margin:auto;margin-top:.5rem;padding:0 1.5rem}@media screen and (max-width:768px){#home_top{padding:0;margin-top:0}}#aside-content .card-tag-cloud a[href*="/tags/Sketch/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a[href*="/tags/%E8%AE%BE%E8%AE%A1/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a[href*="/tags/%E5%B9%B2%E8%B4%A7/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a[href*="/tags/%E6%95%99%E7%A8%8B/"]{color:var(--heo-lighttext)!important;font-weight:500}#aside-content .card-tag-cloud a sup{opacity:.4;margin-left:2px}#recent-posts>.recent-post-item>.recent-post-info>.content{line-height:1.4;color:var(--heo-secondtext);margin-top:0;cursor:pointer;transition:.3s;opacity:1;position:absolute;width:100%;left:0;padding:0 40px}@media screen and (min-width:768px){#recent-posts>.recent-post-item>.recent-post-info>.content{opacity:0;top:120px}#recent-posts>.recent-post-item:hover>.recent-post-info>.content{opacity:1;top:90px}@media screen and (max-width:1300px){#recent-posts>.post-card-large>.recent-post-info>.content{opacity:1!important}#recent-posts>.post-card-large:hover>.recent-post-info>.content{top:110px}#recent-posts>.post-card-large>.recent-post-info>.content{-webkit-line-clamp:3!important}#recent-posts>.post-card-large:hover>.recent-post-info>.content{-webkit-line-clamp:5!important}#recent-posts>.post-card-large{height:20em!important}}}@media screen and (max-width:768px){#recent-posts>.recent-post-item>.recent-post-info>.content{top:5rem}}#recent-posts>.recent-post-item>.recent-post-info>.content{-webkit-line-clamp:2}div#author-info__sayhi{text-align:left;color:var(--heo-white);background:var(--heo-white-op);font-size:12px;margin-right:auto;padding:2px 8px;border-radius:12px;width:fit-content}#aside-content .card-info .author-info__name{text-align:left;font-weight:700;color:var(--heo-white);font-size:28px;line-height:1.1;margin-top:.8rem;margin-bottom:1rem}#aside-content>.card-widget:first-child{transition:.3s;border:none;box-shadow:none;background:var(--heo-main);margin-top:0}#aside-content>.card-widget.card-info{background:var(--heo-card-bg);box-shadow:var(--heo-shadow-black);position:relative}#aside-content>.card-widget.card-info::before{background:linear-gradient(-25deg,var(--heo-main),var(--heo-main-op-deep),var(--heo-main),var(--heo-main-op-deep));background-size:400%;position:absolute;width:100%;height:100%;left:0;top:0;content:'';animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media screen and (max-width:1300px){#aside-content>.card-widget:first-child{min-height:329px}}#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description{line-height:1.38;margin:.3rem 0;text-align:justify;color:rgba(255,255,255,.8)}#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description b{color:var(--heo-white)}.author-info__description2{line-height:1.38;margin:.3rem 0;text-align:justify;width:100%;z-index:2;color:rgba(255,255,255,.8)}.author-info__description2 b{color:var(--heo-white)}.card-widget.card-info .banner-button-group{position:absolute;right:1rem;bottom:1rem;display:flex}.card-widget.card-info .banner-button-group .banner-button{padding:8px 12px;background:var(--heo-white-op);border-radius:12px;color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer}.card-widget.card-info .banner-button-group .banner-button:hover{background:var(--heo-white);color:var(--heo-black)}.card-widget.card-info .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}#aside-content .card-info .card-info-data{display:none}#aside-content .card-info a img{border-radius:0;height:200px;display:inherit;filter:drop-shadow(-5px 14px 8px #00000008);position:absolute;right:-24px;bottom:-82px;width:auto;z-index:0;transition:cubic-bezier(.48,-.21,0,1.5) .3s}#aside-content .card-info a img:hover{bottom:-42px}[data-theme=light] #aside-content .card-info a img{filter:drop-shadow(-5px 14px 8px #ffffff08)}.card-widget.card-info{padding:0!important}#aside-content>div.card-widget.card-info>div.card-content{padding:1rem 1.2rem;min-height:330px;position:relative}#aside-content>div.card-widget.card-info>div.card-info-avatarimg{overflow:hidden;background:var(--heo-yellow);transition:1.5s;min-height:160px;position:relative;box-shadow:var(--heo-shadow-yellow)}#aside-content>div.card-widget.card-info>div.card-info-avatarimg:hover img{transform:scale(1.03)}#aside-content>div.card-widget.card-info>div>div.card-info-data>div:nth-child()>a>div.headline{font-weight:700}@media screen and (max-width:900px){#aside-content .card-announcement{display:none}#aside-content #card-funds{display:none}}#aside-content .card-info #card-info-btn{display:none}#aside-content .card-info .card-info-social-icons{margin:0;padding-top:10px;display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;cursor:pointer;position:absolute;bottom:1rem;left:1rem}#aside-content .card-info .card-info-social-icons .social-icon{margin:0;margin-right:8px}#aside-content .card-info .card-info-social-icons i{background:var(--heo-white-op);color:var(--heo-white);font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center}#aside-content .card-info .card-info-social-icons i:hover{background:var(--heo-secondbg);transform:scale(.97);color:var(--heo-main);box-shadow:none}#aside-content .card-info .banner-button{height:40px;width:124px;border-radius:20px;justify-content:center}@media screen and (min-width:1300px){#aside-content .card-info .card-info-social-icons i{color:var(--heo-white)}[data-theme=dark] #aside-content .card-info .card-info-social-icons i{color:var(--heo-white)}}#aside-content .card-info .card-info-data>.card-info-data-item:hover{background:var(--heo-post-blockquote-bg);transform:scale(.97)}#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.headline,#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.length-num{color:var(--heo-blue)}.announcement_content p{margin:.5rem 0 0 0;line-height:1.38}#aside-content .item-headline{padding-bottom:0;margin-left:8px;font-size:1em;font-weight:700}#aside-content .item-headline i{min-width:19.5px}#aside-content .item-headline+div,#aside-content .item-headline+ul{padding:0}@media screen and (min-width:1300px){#aside-content .card-widget{margin-top:1rem}}@media screen and (max-width:768px){#aside-content .card-widget{border-radius:12px}}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center{margin-top:8px;background:var(--heo-card-btn-bg);border-radius:8px;transition:.3s!important}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover{color:var(--heo-white);background:var(--heo-blue);border-radius:8px;transition:.3s!important}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item.more span,#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span{transition:.3s!important}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item:hover.more span,#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span{transition:.3s!important}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover span{background:0 0}#web_bg{width:100%;height:100%;top:0;left:0;opacity:1;position:fixed;z-index:-999;background:var(--heo-background)}#aside-content .card-tag-cloud a{color:var(--heo-fontcolor)!important;font-size:.8rem;border-radius:8px}#aside-content .card-tag-cloud a:hover{background:var(--heo-theme);color:var(--heo-white)!important;box-shadow:var(--heo-shadow-theme)}#aside-content .card-tag-cloud a.tags-cloud-more{width:100%;text-align:center;border-radius:8px!important;border:var(--style-border);margin-top:8px;font-size:var(--global-font-size)!important}@media screen and (min-width:1300px){#aside-content .card-tag-cloud a:hover{transform:scale(1.03)}#aside-content .card-tag-cloud a:active{transform:scale(.97)}}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover{color:var(--heo-white);background-color:var(--heo-theme);box-shadow:var(--heo-shadow-theme);border-radius:8px;padding:.15rem .5rem;border:var(--style-border-hover)}@media screen and (min-width:1300px){#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover{transform:scale(1.03)}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:active,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:active{transform:scale(.97)}}a.extend.next{right:0}a.extend.prev{left:0}@media screen and (max-width:768px){#pagination{margin-bottom:0;margin-top:0}}@media screen and (min-width:1300px){#pagination{margin-top:.25rem}}.lg-container{display:none}#page-header.post-bg::before{transition:.3s;opacity:.93;height:20rem;background-color:var(--heo-main);opacity:1;position:absolute;top:0;left:0;display:block;width:100%;content:""}@media screen and (max-width:768px){#page-header.post-bg{height:30rem!important;margin-bottom:-12px}#page-header.post-bg:before{height:15rem}.post-bg #post-cover{min-height:15rem!important;height:70%!important;opacity:1!important}}@media screen and (min-width:1300px){#page-header.post-bg{height:25rem}#page-header{height:25rem}#page-header.post-bg:before{height:25rem;background-color:var(--heo-main);animation:slide-in-op .6s 0s forwards}#post-info .post-title{width:1100px;font-size:2.6rem!important}}#page-header.post-bg{background-color:var(--heo-background);transition:.6s;overflow:hidden}.post-bg #post-cover{width:100%;height:100%;object-fit:cover;min-width:50vw;min-height:20rem;opacity:.8}.coverdiv{width:70%;height:100%;position:relative;margin:0 -20% 0 auto;overflow:hidden;margin-bottom:0;transform:rotate(10deg) translateY(-10%) scale(2);filter:blur(10px)}.coverdiv.loaded{display:block}.coverdiv:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;box-shadow:110px -130px 300px 60px var(--heo-main) inset}@media screen and (max-width:768px){.coverdiv{margin:0 0 0 auto;transform:rotate(0) translateY(0) scale(1);filter:blur(0);width:100%;position:fixed;height:30rem;z-index:1}.coverdiv:after{box-shadow:0 0 205px 59px var(--heo-main) inset}}@media screen and (min-width:1300px){.coverdiv{width:70%;height:100%;position:relative;margin:0 -20% 0 auto;overflow:hidden;margin-bottom:0;transform:rotate(10deg) translateY(-8%) scale(1.8);filter:blur(10px);opacity:0}.coverdiv.loaded{display:block;opacity:.5;animation:showCover 1s .3s backwards;transform:rotate(10deg) translateY(-10%) scale(2)}}@media screen and (min-width:768px){.coverdiv{width:70%;height:100%;position:relative;margin:0 -20% 0 auto;overflow:hidden;margin-bottom:0;transform:rotate(10deg) translateY(-8%) scale(1.8);filter:blur(10px);opacity:0}.coverdiv.loaded{display:block;opacity:.5;animation:showCover 1s .3s backwards;transform:rotate(10deg) translateY(-10%) scale(2)}@keyframes showCover{from{opacity:0;transform:rotate(10deg) translateY(-8%) scale(1.8)}to{opacity:.5;transform:rotate(10deg) translateY(-10%) scale(2)}}}#page-header{background-image:none!important;display:flex;justify-content:center}#post-cover-rgb{position:absolute;width:100%!important;height:100%!important;background:var(--heo-lighttext)}.layout>div:first-child:not(.recent-posts){box-shadow:var(--heo-shadow-border);padding:1rem 2rem;border-radius:12px;background:var(--heo-card-bg);border:var(--style-border);width:calc(100% - 300px);align-self:flex-start;animation:slide-in .6s .1s backwards}#page{box-shadow:none}.post-comment{background:var(--heo-card-bg)}.layout>div:first-child:not(.recent-posts):hover{box-shadow:var(--heo-shadow-border)}@media screen and (max-width:768px){.layout>div:first-child:not(.recent-posts){border-radius:0;padding:0 1rem!important;box-shadow:none!important;background:var(--heo-background)}.layout{padding:0 1.5rem}}@media screen and (max-width:768px){.layout{padding:0}.layout>div:first-child:not(.recent-posts){z-index:10}.post .layout>div:first-child:not(.recent-posts){border-radius:12px 12px 0 0}.post .layout#content-inner{background:var(--heo-main)}.page .layout#content-inner{background:var(--heo-background)}#aside-content{z-index:2;background:var(--heo-background);padding:0 1rem;display:flex;flex-direction:column;width:100%}}.layout#content-inner{max-width:1400px}.full_page #post-cover{display:none}#page-header #post-info{top:0;position:absolute;padding:0 3rem;margin:0 auto;z-index:10;color:var(--heo-white);max-width:1400px;display:flex;flex-direction:column;align-items:flex-start;height:calc(100% + 0px);justify-content:center;animation:slide-in .6s 0s backwards}@media screen and (max-width:768px){#page-header #post-info{padding:0 6%;justify-content:normal;padding-top:18rem}}@media screen and (min-width:1300px){#page-header #post-info{height:calc(100% + 0px);top:0;display:flex;justify-content:center}}#post-info #post-meta>.meta-secondline>span:first-child{margin-right:.8rem}.meta-secondline span{display:flex;align-items:center;line-height:1}@media screen and (max-width:768px){.meta-secondline span{line-height:1.5}}#post-firstinfo{text-align:left;display:flex;white-space:nowrap;-webkit-user-select:none}#post-firstinfo .post-meta__tags{color:var(--heo-white);opacity:.8;margin-right:8px}#post-firstinfo .post-meta__tags:hover{color:var(--heo-white);opacity:1}span.post-meta-categories{background-color:var(--heo-white-op);padding:0 .5rem;border-radius:8px;line-height:32px;height:32px;transition:.3s}span.post-meta-categories:not(:first-child){margin-left:8px}span.post-meta-categories:hover{background-color:var(--heo-white)}a.post-meta-categories{color:var(--heo-white);font-size:.7rem;width:100%;height:100%;display:flex}span.post-meta-categories:hover a.post-meta-categories{color:var(--heo-main)}.meta-firstline .tag_share{margin-left:1rem}#post-firstinfo .meta-firstline{display:flex;align-items:center;height:32px}@media screen and (max-width:768px){#post-firstinfo .meta-firstline{margin-bottom:.4rem}}.meta-avatar img{width:30px;border-radius:30px;height:30px}a.post-meta-original{background:var(--heo-white-op)!important;color:var(--heo-white)!important;padding:0 .5rem;font-size:.7rem;margin:auto;border-radius:8px;font-weight:700;height:32px;line-height:32px;width:100%;height:100%;display:flex}a.post-meta-original:hover{color:var(--heo-main)!important;background:var(--heo-white)!important;border-radius:8px!important}.meta-avatar img:hover{transform:rotate(360deg)}@media screen and (max-width:768px){.meta-share-time{display:none!important}#post-info #post-meta{z-index:1}#post-info:after{position:absolute;content:'';width:100%;height:100%;bottom:0;left:0;box-shadow:0 -214px 287px 45px var(--heo-main) inset;z-index:0}.meta-secondline{justify-content:center!important}.post-meta__tag-list{display:none}.typed-cursor{display:none}.meta-avatar{display:none!important}#post-firstinfo{white-space:nowrap;margin:0 auto;z-index:1}.meta-firstline .tag_share{display:none}}.post-meta__tag-list::-webkit-scrollbar{display:none}.meta-share-time a:hover{background:0 0!important}.meta-share-time .meta-avatar-name{opacity:1;color:var(--heo-white)!important;font-weight:700}.meta-share-time{display:flex}.meta-share-time .meta-info{margin:0 .5rem}.meta-secondline{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.meta-avatar{display:flex}.meta-avatar .meta-avatar-name{margin:0 .5rem}#post-info #post-meta .fab{margin-bottom:3px;font-size:15px}span.post-meta-pv-cv{margin-left:.8rem}span.post-meta-wechat{margin-right:.8rem;opacity:.6;transition:.3s;cursor:pointer}.post-meta-wechat:hover{opacity:1}span.post-meta-position{margin-right:.8rem;opacity:.6}#post-info #post-meta .post-meta-label{display:none}#post-info #post-meta .post-meta-icon{margin-right:.4rem}#post-info #post-meta .post-meta-separator{margin:0 .4rem}.post-meta-pv-cv #visit{font-weight:800}#post-meta>div>span.post-meta-wordcount>span.word-count{font-weight:800}#post-meta>div>span.post-meta-wordcount>span:nth-child(7){font-weight:800}#post-firstinfo>div>span.post-meta-categories>a{font-weight:800}.post-meta-wordcount{opacity:.6;margin-right:.8rem}@media screen and (max-width:768px){.post-meta-wordcount{margin-left:0}}.post-meta-date{opacity:.6}.post-meta-pv-cv{opacity:.6}.post-meta-pv{opacity:.6;margin-right:.8rem}.post-meta-commentcount{opacity:.6;cursor:pointer;transition:.3s}.post-meta-commentcount:hover{opacity:1}#twikoo-count{font-weight:800;color:var(--heo-white)}#comment-count{font-weight:800;color:var(--heo-white)}.el-textarea .el-input__count{color:var(--heo-secondtext)!important}.post-meta-commentcount i{margin-right:.5rem}.inline-image{display:flex;margin:8px auto;width:fit-content;justify-content:center}.inline-image a:hover{background:0 0!important;box-shadow:none!important}.inline-image img{margin:0;display:inline-flex;margin-bottom:0!important}#post-info .post-title{color:var(--heo-white);font-weight:700;font-size:2.3rem;line-height:1.2;text-align:left;margin:1rem 0 1rem 0!important;-webkit-line-clamp:2;padding:0;overflow:hidden}@media screen and (max-width:768px){#post-info .post-title{font-size:1.2rem;-webkit-line-clamp:3;margin:.2rem auto!important;text-align:center;z-index:1}}#post-meta>div{text-align:left}#post-info #post-meta{color:var(--heo-white);margin-top:.4rem;transition:.3s;display:flex;-webkit-user-select:none}#post-info #post-meta a{text-decoration:none;color:var(--heo-fontcolor);line-height:1}#post-info #post-meta a:hover{text-decoration:none;color:var(--heo-blue);border-radius:12px}#article-container h1:before,#article-container h2:before,#article-container h3:before,#article-container h4:before,#article-container h5:before,#article-container h6:before{top:calc(50% - .45rem);content:''}#article-container h1:hover:before,#article-container h2:hover:before,#article-container h3:hover:before,#article-container h4:hover:before,#article-container h5:hover:before,#article-container h6:hover:before{color:var(--heo-lighttext)}#article-container h1:hover,#article-container h2:hover,#article-container h3:hover,#article-container h4:hover,#article-container h5:hover,#article-container h6:hover{padding-left:1.3rem}#article-container ul>li:not(.tab):before{border:.21em solid var(--heo-lighttext);background:var(--heo-lighttext)}#article-container ol,#article-container ul{padding:0}#article-container .tabs{margin:1rem 0!important;border-radius:12px;overflow:hidden;box-shadow:var(--heo-shadow-border);padding:8px;background:var(--heo-card-bg);border:var(--style-border)}#article-container .tabs .nav-tabs{background:var(--heo-card-bg);padding:16px;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row}@media screen and (max-width:768px){#article-container .tabs .nav-tabs{padding:0;margin-bottom:8px}}#article-container .tabs>.nav-tabs>.tab.active button{border:var(--style-border-hover-always);background:var(--heo-background);border-radius:8px}#article-container .tabs>.nav-tabs>.tab button{transition:all 0s;-webkit-transition:all 0s;background:var(--heo-secondbg);transition:.3s;border:var(--style-border-always);border-radius:8px;font-size:14px;padding:8px 16px;display:block;line-height:1;width:100%;color:var(--heo-fontcolor)}#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover{background:var(--heo-main);color:var(--heo-white);transition:.3s;border:var(--style-border-hover-always)}.tab-item-content{background:var(--heo-card-bg)}#article-container .tabs{border:3px solid var(--heo-secondbg)!important}#article-container .tabs>.tab-contents .tab-item-content.active{animation:tabshow 0s;-webkit-animation:tabshow 0s;padding:1.2rem 1.2rem;border-radius:8px}@media screen and (max-width:768px){#article-container .tabs>.tab-contents .tab-item-content.active{padding:.5rem .5rem}}.tab-contents{border-radius:8px;overflow:hidden}details:not(.tk-admin-config-group){display:block;position:relative;margin-bottom:1rem;min-height:54px;overflow:hidden;border-radius:12px;border:var(--style-border);transition:border .3s}details:not(.tk-admin-config-group):hover{border:var(--style-border-hover-always)}details:not(.tk-admin-config-group) summary{position:absolute;padding:.5rem 1rem;background:var(--heo-card-bg);margin:0;transition:.3s;box-shadow:var(--heo-shadow-border);position:absolute;left:0;width:100%;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}details:not(.tk-admin-config-group)>:nth-child(2){margin-top:calc(54px + 1rem)!important}details[open]:not(.tk-admin-config-group) summary{background:var(--heo-main);color:var(--heo-white)}details:not(.tk-admin-config-group) summary::before{content:'';padding:4px}details:not(.tk-admin-config-group) summary:hover{cursor:pointer;background:var(--heo-main);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-main)}details:not(.tk-admin-config-group) summary:focus{outline:0}details:not(.tk-admin-config-group) summary::marker{color:var(--heo-main);transition:.3s}details[open]:not(.tk-admin-config-group) summary::marker{color:var(--heo-white)}details:not(.tk-admin-config-group) summary:hover::marker{color:var(--heo-white)}details[open]:not(.tk-admin-config-group){border-radius:12px;border:var(--style-border-hover-always);padding:0 1.5rem;background:var(--heo-card-bg)}details:not(.tk-admin-config-group) summary:hover:after{position:absolute;content:'+';text-align:center;top:calc(50% - 2px);transform:translateY(-50%);right:16px;line-height:1}details[open]:not(.tk-admin-config-group)>summary:hover:after{content:'-'}@media screen and (max-width:768px){details[open]:not(.tk-admin-config-group){padding:0 16px}}#article-container ul>li:not(.tab):hover:before{border-color:var(--heo-none)}#article-container a{text-decoration:none;border-bottom:2px solid var(--heo-lighttext);color:var(--heo-fontcolor);font-weight:700;padding:0 4px;border-radius:4px 4px 0 0}#article-container a:not(.fancybox):hover{text-decoration:none;border-bottom:2px solid var(--heo-none);color:var(--heo-white);background:var(--heo-main);border-radius:4px;box-shadow:var(--heo-shadow-main)}#article-container a.fancybox{border-bottom:0;padding:0;margin:auto;display:contents;width:fit-content}#article-container a.fancybox img{cursor:zoom-in}.site-card-avatar a.fancybox{padding:0!important}#article-container p{margin:1rem 0;text-align:left;letter-spacing:.6px}.table-wrap{margin:1rem 0;border-radius:8px}table td,table th{border:var(--style-border-always)}table thead{background:var(--heo-secondbg)}b,strong{color:var(--heo-lighttext)}#article-container p{font-size:.9rem;line-height:1.7;font-weight:400}#article-container.post-content h1,#article-container.post-content h2,#article-container.post-content h3,#article-container.post-content h4{align-items:center;justify-content:space-between;flex-direction:row-reverse}#article-container.post-content h1{font-size:1.5rem;line-height:1.3}#article-container.post-content h2{font-size:1.3rem;line-height:1.3;border-top:1px dashed var(--heo-theme-op);padding-top:1.5rem}#article-container.post-content h3{font-size:1.1rem;line-height:1.3}#article-container.post-content h4{font-size:1rem;line-height:1.3}@media screen and (max-width:768px){#article-container p{line-height:1.5}}.note.warning:not(.no-icon):not(.modern)::before{display:flex;align-items:center;height:30px;color:var(--heo-yellow)}.note.warning:not(.modern){border-radius:8px;border-width:1px;border-color:var(--heo-yellow);box-shadow:var(--heo-shadow-border);background:var(--card-bg)}#article-container .tag-Link{background:var(--heo-secondbg);border-radius:8px!important;display:flex;border:var(--style-border);flex-direction:column;padding:.5rem 1rem;border-width:1px!important;margin-top:1rem}#article-container .tag-Link:hover{border:var(--style-border-hover)}#article-container .tag-Link .tag-link-tips{border-bottom:var(--style-border-always);padding-bottom:4px;font-size:.6rem;color:var(--heo-gray);font-weight:400;pointer-events:none}#article-container .tag-Link:hover .tag-link-tips{color:var(--heo-white)}#article-container .tag-Link .tag-link-bottom{display:flex;margin-top:.5rem;align-items:center;justify-content:space-around;pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-left{width:60px;min-width:60px;height:60px;background-size:cover!important;border-radius:60px;background:var(--heo-card-bg);pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-right{margin-left:1rem;pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-title{font-size:1rem;line-height:1.2;pointer-events:none}#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-sitename{font-size:.7rem;color:var(--heo-gray);font-weight:400;margin-top:4px;pointer-events:none}#article-container .tag-Link:hover .tag-link-bottom .tag-link-right .tag-link-sitename{color:var(--heo-white)}#article-container .tag-Link .tag-link-bottom i{margin-left:auto;padding-left:.5rem;pointer-events:none}h1,h2,h3,h4,h5,h6{margin-top:1rem;padding-top:0;padding-left:0!important;font-weight:weight}#post h2{margin-top:1.5rem}#article-container>h1:nth-child(1),#article-container>h2:nth-child(1){margin:0}#aside-content #card-toc .toc-content:before{display:none}blockquote{border:var(--style-border-always);background-color:var(--heo-secondbg);color:var(--heo-secondtext);border-radius:8px;margin:1rem 0;padding:.5rem .8rem}blockquote p{padding:0}#article-container .headerlink::before{content:"\f0c1";font-family:"Font Awesome 5 Free"}#article-container .headerlink{float:right;opacity:.08;border-bottom-style:none;border-bottom:none;position:relative;padding:0;border:none;border-radius:8px!important;line-height:1;font-size:1rem}#article-container .headerlink:hover{background:0 0!important;opacity:1;border-bottom:none!important;box-shadow:none!important;background:var(--heo-none);color:var(--heo-lighttext)!important;text-decoration:none}#sidebar{background:var(--heo-maskbg)}#article-container img{border-radius:12px;margin-bottom:.5rem;object-fit:cover}.doge-inner-player{border-radius:12px!important}#article-container ol li:before,#article-container ul li:before{background:var(--heo-theme);cursor:default}#article-container ol li:hover:before,#article-container ul li:hover:before{transform:rotate(0)}#article-container .gutter{opacity:.6}#article-container .code-lang{margin-left:6px}#article-container .code-expand-btn i{color:var(--heo-fontcolor);font-size:1rem}#article-container .code-expand-btn{background-color:var(--heo-mask);background:var(--heo-secondbg);transition:.3s;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}#article-container .code-expand-btn:hover{background:var(--heo-main)}#article-container .code-expand-btn:hover i{color:var(--heo-white)}#readmore-talk{text-align:center;color:var(--heo-lighttext);padding:8px;border-radius:12px;background:#f2b94b0c}.relatedPosts>.relatedPosts-list .cover::after{content:' ';display:block;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:url(../images/404.gif) 50%;background-size:cover}.relatedPosts>.relatedPosts-list a{display:flex;width:100%;height:100%}@media screen and (min-width:768px){#post>div.relatedPosts>div.relatedPosts-list>div{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}#post>div.relatedPosts>div.relatedPosts-list>div{border-radius:12px}.relatedPosts>.headline{font-size:.8em}@media screen and (max-width:1300px){#post>div.relatedPosts>div.relatedPosts-list>div:nth-child(7){display:none}#post>div.relatedPosts>div.relatedPosts-list>div:nth-child(8){display:none}}}.relatedPosts>.headline{margin-bottom:.8rem!important;font-size:1.2em}#post .tag_share .post-meta__tags{background:var(--heo-card-bg);border:var(--style-border-always);color:var(--heo-fontcolor);border-radius:8px;margin:0;display:flex;align-items:center;white-space:nowrap;height:34px}#post .tag_share .post-meta__tags:not(:last-child){margin:0 .5rem 0 0}#post .tag_share .post-meta__tags:hover{background:var(--heo-lighttext);box-shadow:var(--heo-shadow-main);color:var(--heo-white)}@media screen and (min-width:1300px){#post .tag_share .post-meta__tags{background:var(--heo-card-bg);border:var(--style-border)}#post .tag_share .post-meta__tags:hover{border:var(--style-border-hover)}}#post .post-copyright{background:var(--heo-card-bg);padding:1rem 1.3rem;overflow:hidden;border:var(--style-border);border-width:1px;transition:.3s;position:relative;margin:1.5rem 0 .5rem;border-radius:12px}#post .post-copyright:after{position:absolute;right:22px;top:-77px;content:"\f25e";font-size:180px;font-family:"Font Awesome 5 Brands";color:var(--heo-fontcolor);opacity:.1;filter:blur(7px)}@media screen and (max-width:768px){#post .post-copyright{padding:1rem 1.3rem}}.post-copyright__author{display:flex;align-items:center}.post-copyright__original{background:var(--heo-fontcolor);color:var(--heo-card-bg);padding:.2rem .5rem;font-size:.7rem;border-radius:8px;margin-right:.5rem;font-weight:700;line-height:1.5;white-space:nowrap}.post-copyright__original:hover{background:var(--heo-main);color:var(--heo-white)}@media screen and (max-width:768px){#post .post-copyright{box-shadow:var(--heo-shadow-border)}.post-copyright .post-meta-original{display:none}.post-copyright__original{display:none}#post .post-copyright:after{display:none}}.post-copyright-copybtn{margin-left:.5rem;color:var(--heo-fontcolor);opacity:.4;transition:.3s}.post-copyright-copybtn:hover{opacity:1;transition:.3s}#post .post-copyright .post-copyright-info a{padding:0;color:var(--heo-fontcolor);font-weight:700}#post .post-copyright .post-copyright__notice .post-copyright-info a{padding:0 4px}#post .post-copyright .post-copyright-info a:hover{color:var(--heo-lighttext)}#post .post-copyright .post-copyright-info{padding-left:0;color:var(--heo-fontcolor);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#post .post-copyright .post-copyright-title{padding-left:0;color:var(--heo-fontcolor);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:1rem;font-weight:700}#post .post-copyright .post-copyright-title:hover{color:var(--heo-lighttext)}#post>div.post-copyright>div.post-copyright__author>span>span{padding:0;color:var(--heo-fontcolor);font-weight:700;font-size:1rem;line-height:1.38;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:768px){#post>div.post-copyright>div.post-copyright__author>span>span{-webkit-line-clamp:3}#post .post-copyright .post-copyright-info{-webkit-line-clamp:2}#post .post-copyright .post-copyright-title{-webkit-line-clamp:3;line-height:1.2}}#post>div.post-copyright>div.post-copyright__type{line-height:16px;display:flex;margin-top:8px}#post>div.post-copyright>div.post-copyright__type>span>a{font-size:14px;opacity:.6;line-height:16px}#post>div.post-copyright>div.post-copyright__type>span>a:hover{opacity:1;background:0 0}#post-copyright-url a{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#post>div.post-copyright>div.post-copyright__notice{font-size:.7rem;line-height:1rem;margin:.5rem 0}#post .post-copyright:before{display:none}.post-reward .reward-button{background:var(--heo-red);color:var(--heo-white);padding:0;width:133px;height:40px;line-height:39px;box-shadow:var(--heo-shadow-red)}.post-reward:hover .reward-button{color:var(--heo-white);background:var(--heo-theme);box-shadow:none}.share-button .fa-qrcode:before{font-size:1rem}.post-qr-code-img{box-shadow:var(--heo-shadow-lightblack);border-radius:12px;border:var(--style-border-always)}.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc{padding-top:0;margin-top:-8px;margin-bottom:8px}.post-reward .reward-main .reward-all{border-radius:12px;background:var(--heo-background);border:var(--style-border-always);padding:.8rem;display:flex;box-shadow:var(--heo-shadow-border);flex-direction:column;align-items:center}.reward-dec{font-size:.6rem}.reward-text{margin-bottom:0;font-weight:700}a.reward-main-btn{background:var(--heo-secondbg);color:var(--heo-fontcolor);display:flex;flex-direction:column;border-radius:12px;padding:4px 0;border:var(--style-border-always);margin:8px;width:100%}a.reward-main-btn:hover{color:var(--heo-white);background:var(--heo-red);background-image:url(../images/hua.gif);box-shadow:var(--heo-shadow-red)}.reward-title{font-weight:700;color:var(--heo-red)}.reward-link.mode{background:var(--heo-green);color:var(--heo-white);padding:0;width:173px;height:40px;line-height:39px;box-shadow:var(--heo-shadow-green);border-radius:8px;margin-left:.5rem;text-align:center;transition:.3s}@media screen and (min-width:1300px){.reward-link.mode:hover{transform:scale(1.03)}.reward-link.mode:active{transform:scale(.97)}}.reward-link.mode a{color:var(--heo-white)}.reward-link.mode i{margin-right:4px}.reward-link.mode:hover{background:var(--heo-theme);box-shadow:none}#quit-box{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.4);top:0;left:0;display:none;z-index:101;margin:0!important}.post-tools-left #quit-box{display:none}@media screen and (max-width:768px){#quit-box{display:none!important}}#pagination .next-post,#pagination .prev-post,.next-post.pull-right,.prev-post.pull-left{background:var(--heo-secondbg)}@media screen and (min-width:768px){#pagination .next-post a{border-left:var(--heo-card-bg);border-left-width:3px;border-left-style:solid;display:flex;align-items:flex-start;height:150px}#pagination .next-post.pull-full a{border-left-width:0}#pagination .prev-post a{border-right:var(--heo-card-bg);border-right-width:3px;border-right-style:solid}#pagination .pagination-info{padding:1rem 1.5rem 1rem 1.5rem;position:relative;display:flex;top:0;transform:none;flex-direction:column;justify-content:center;margin:auto;height:100%}#pagination .next-post a:hover,#pagination .prev-post a:hover{background:var(--heo-main)}#pagination .next-post a:hover div,#pagination .prev-post a:hover div{color:var(--heo-white)!important}}@media screen and (max-width:768px){#pagination .next-post a:hover,#pagination .prev-post a:hover{background:var(--heo-none)}}#pagination img.next-cover,#pagination img.prev-cover{opacity:.15;transform:scale(1.03);transition:.3s;filter:blur(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}#pagination .next-post:hover img.next-cover,#pagination .next-post:hover img.prev-cover,#pagination .prev-post:hover img.next-cover,#pagination .prev-post:hover img.prev-cover{opacity:.25;transform:scale(1.03);filter:blur(5px)}#pagination .next-post .label,#post #pagination .prev-post .label{color:var(--heo-fontcolor)}#pagination .next_info,#post #pagination .prev_info{color:var(--heo-fontcolor);font-weight:700;-webkit-line-clamp:2;white-space:normal;line-height:1.3;font-size:.9rem;display:-webkit-box;-webkit-box-orient:vertical}#post #pagination{overflow:hidden;position:inherit}#pagination.pagination-post{background:var(--heo-card-bg)}@media screen and (max-width:768px){.prev-post.pull-left{border-bottom:var(--style-border-always)}#post #pagination{border-radius:12px;border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}#pagination .next-post .label,#post #pagination .prev-post .label{text-align:left}#pagination .next_info,#post #pagination .prev_info{text-align:left}#pagination .next-post,#pagination .prev-post,.next-post.pull-right,.prev-post.pull-left{background:var(--heo-card-bg)}}@media screen and (max-width:768px){#pagination .page-number{display:none}#pagination .pagination .space{display:none}#pagination .pagination .extend{width:100%;height:2.5rem;margin:.2rem 1rem 1rem 1rem;border-radius:12px;line-height:2.5rem;background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}#pagination .pagination .extend i{display:none}#pagination .pagination .extend:hover{background:var(--heo-theme);color:var(--heo-white)}#pagination .pagination{background:var(--heo-background);transition:.3s;display:flex}}@media screen and (min-width:768px){#pagination .page-number{width:2rem;background:var(--heo-card-bg);height:2rem;line-height:calc(2rem - 2px);border-radius:8px!important;margin:0 .3rem;box-shadow:var(--heo-shadow-border);border:var(--style-border);transition:.3s}#pagination .page-number.current{background:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-theme)}#pagination .page-number.current:hover{background:var(--heo-theme);box-shadow:var(--heo-shadow-theme);color:var(--heo-white)}#pagination .page-number:hover{color:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-main);transform:scale(1.03)}#pagination a.extend.next:hover,#pagination a.extend.prev:hover{color:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-main);transform:scale(1.03)}@media screen and (min-width:1300px){#pagination .page-number:hover{transform:scale(1.03)}#pagination a.extend.next:hover,#pagination a.extend.prev:hover{transform:scale(1.03)}#pagination .page-number:active{transform:scale(.97)}#pagination a.extend.next:active,#pagination a.extend.prev:active{transform:scale(.97)}}#pagination span.space{margin:0 .3rem}#pagination a.extend.next,#pagination a.extend.prev{width:4rem;height:2rem;line-height:1.9rem;border-radius:8px!important;background:var(--heo-card-bg);box-shadow:var(--heo-shadow-border);position:absolute;border:var(--style-border);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.3s}#pagination a.extend.next i,#pagination a.extend.prev i{transition:.3s}#pagination a.extend.next{overflow:hidden}#pagination a.extend.next .pagination_tips_next{margin-left:-32px;transition:.3s;opacity:0}#pagination a.extend.next:hover .pagination_tips_next{margin-left:2px;opacity:1;white-space:nowrap}#pagination a.extend.prev .pagination_tips_prev{margin-right:-32px;transition:.3s;opacity:0}#pagination a.extend.prev:hover .pagination_tips_prev{margin-right:2px;opacity:1;white-space:nowrap}#pagination{overflow:visible}#pagination .pagination{position:relative;display:flex;justify-content:center}}.relatedPosts-list{display:flex;flex-wrap:wrap;justify-content:space-between}.relatedPosts>.relatedPosts-list>div{background:var(--heo-background);transition:.3s;cursor:pointer;overflow:hidden}.relatedPosts>.relatedPosts-list>div:hover{background:var(--heo-main)}@media screen and (max-width:768px){.relatedPosts{display:none}.relatedPosts>.relatedPosts-list>div{border-radius:4px}}@media screen and (min-width:1300px){.relatedPosts>.relatedPosts-list>div{width:calc(25% - 8px)}}.relatedPosts>.relatedPosts-list>div:hover a .title{color:var(--heo-white)}.relatedPosts>.relatedPosts-list .content .title{color:var(--heo-fontcolor);font-weight:700;line-height:1.5;-webkit-line-clamp:4;font-size:.9rem;text-align:left}.relatedPosts>.relatedPosts-list .content .date{color:var(--heo-fontcolor);display:none}#post>hr{display:none}.post-tips{color:var(--heo-gray);font-size:14px;position:absolute;bottom:1rem;left:2rem}.post-tips a{color:var(--heo-gray)!important;border:none!important}.post-tips a:hover{color:var(--heo-main)!important}@media screen and (max-width:768px){.post-tips{left:1rem}}div#post-comment{margin-top:2rem}#post-comment>div.comment-head>div.comment-privacy{display:block;justify-content:space-between;margin-left:8px;font-size:13px;margin-left:auto}#post-comment>div.comment-head>div.comment-privacy a:hover{color:var(--heo-theme)}#post-comment .comment-tips{background-color:rgba(103,194,58,.13);border:var(--style-border-always);border-color:var(--heo-green);color:var(--heo-green);border-radius:8px;padding:8px 12px;margin-top:.5rem;display:none;width:100%}#post-comment .comment-tips.show{display:flex;font-weight:700}.tk-avatar{width:32px!important;height:32px!important;box-shadow:var(--heo-shadow-border)}.tk-avatar.tk-has-avatar{width:32px!important;height:32px!important;border-radius:32px!important}.tk-row .tk-avatar{display:none}.tk-avatar .tk-avatar-img{height:32px!important}.tk-avatar .tk-avatar-img:hover{transform:rotate(360deg)}img.tk-avatar-img{height:32px!important}.tk-avatar{margin-right:.5rem!important}.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before{content:'输入QQ号会自动获取昵称和头像'}.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(2):before{content:'收到回复将会发送到你的邮箱'}.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(3):before{content:'可以通过昵称访问你的网站'}.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before{display:block;animation:commonTipsIn .3s}.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after{display:block;animation:commonTriangleIn .3s}@keyframes commonTipsIn{0%{top:-50px;opacity:0}100%{top:-60px;opacity:1}}@keyframes commonTriangleIn{0%{transform:translate(-50%,-36px);opacity:0}100%{transform:translate(-50%,-46px);opacity:1}}.el-input.el-input--small.el-input-group.el-input-group--prepend::before{display:none;position:absolute;top:-60px;white-space:nowrap;border-radius:10px;left:50%;transform:translate(-50%);padding:14px 18px;background:#444;color:#fff;z-index:100}.el-input.el-input--small.el-input-group.el-input-group--prepend::after{display:none;content:'';position:absolute;border:12px solid transparent;border-top-color:#444;left:50%;transform:translate(-50%,-46px)}.tk-nick{font-size:1rem!important;line-height:32px}.el-input-group__append,.el-input-group__prepend{background-color:var(--heo-card-bg)!important;color:var(--heo-fontcolor)!important;border-color:var(--heo-card-border)!important;border:var(--style-border)!important;font-weight:700}.el-input__inner{background:var(--heo-background)!important;border:1px solid var(--heo-card-border)!important;color:var(--heo-fontcolor)!important;padding-left:8px}.page .el-input__inner{background:var(--heo-card-bg)!important}.el-input__inner:focus{border:1px solid var(--heo-main)!important}.el-textarea__inner{background:var(--heo-background)!important;color:var(--heo-fontcolor)!important;border-radius:12px!important;min-height:100px!important;padding:16px 16px 40px 16px!important;border:var(--style-border-always)!important}@media screen and (max-width:768px){.el-textarea__inner{border-radius:4px!important;background:var(--card-bg)!important}}#page .el-textarea__inner{background:var(--heo-card-bg)!important;box-shadow:var(--heo-shadow-border)}.el-textarea__inner:focus{border:var(--style-border-hover-always)!important;box-shadow:var(--heo-shadow-main)}#page .tk-meta-input .el-input{box-shadow:var(--heo-shadow-border)}#twikoo .tk-row .tk-col{flex-direction:column-reverse!important}#twikoo>div.tk-comments>div.tk-comments-container>div.tk-comments-title>span:nth-child(1){font-size:1rem}.el-loading-mask{background-color:none!important}.tk-tag{transform:translateY(-2px)}.tk-tag-green{border-radius:4px!important;border:0 solid #e1f3d8!important;font-size:.5rem!important}.tk-tag-yellow{border-radius:4px!important;border:0 solid #e1f3d8!important;font-size:.5rem!important}[data-theme=dark] .tk-tag-green{background-color:#3b70fc;border:none;border-radius:4px;color:#fff}.tk-tag-red{border-radius:4px!important;border:0 solid #f3d8d8!important;font-size:.5rem!important}[data-theme=dark] .tk-tag-red{background-color:#c23a3a21!important}.el-button{background-color:var(--heo-fontcolor)!important;border:0 solid var(--heo-main)!important;color:var(--heo-background)!important;border-radius:8px!important}.el-button:hover{background:var(--heo-main)!important;color:var(--heo-white)!important}.el-button.tk-preview{display:none!important}#twikoo>div.tk-comments>div.tk-submit>div.tk-row.actions>a{display:none!important}.twikoo-info{color:var(--heo-secondtext)}.tk-action-link{color:var(--heo-lighttext)!important}.tk-action-icon svg{fill:var(--heo-lighttext)!important}button.el-button.tk-cancel.el-button--default.el-button--small{background:var(--heo-secondbg)!important;border-radius:8px!important;color:var(--heo-fontcolor)!important}.tk-submit-action-icon.__markdown{display:none}.tk-comments .el-button--primary{border-color:var(--heo-fontcolor)!important;color:var(--heo-card-bg)!important;border-radius:4px!important;box-shadow:var(--heo-shadow-black);transition:.3s;width:5rem;position:absolute;top:-53px;right:0;margin-left:.5rem!important;height:32px}.tk-comments .el-button--primary.is-disabled,.tk-comments .el-button--primary.is-disabled:active,.tk-comments .el-button--primary.is-disabled:focus,.tk-comments .el-button--primary.is-disabled:hover{opacity:.4}.tk-row-actions-start{position:absolute;top:-100px;left:17px}@media screen and (max-width:768px){.tk-submit .el-button--primary{width:5rem;height:132px;top:-161px}.tk-row-actions-start{top:-210px}}.tk-extras{margin-top:.5rem;padding-bottom:.5rem}.tk-icon.__comments:first-child{width:.6em}.tk-row.actions{margin-bottom:.5rem!important;margin-left:0!important;margin-top:.5rem!important;justify-content:space-around!important}.tk-meta-input{position:relative!important;margin-top:.8rem;width:calc(100% - 5.5rem)}#post-comment blockquote{background:var(--heo-secondbg);border:var(--style-border);box-shadow:none;margin:0;margin-bottom:.5rem;font-size:.6rem;color:var(--heo-secondtext);border-radius:8px}.tk-content .tk-owo-emotion{width:3em;margin:0 2px 0 2px}.OwO .OwO-body{z-index:102;width:500px}#owo-big{position:fixed;align-items:center;background-color:var(--heo-card-bg);border:var(--style-border-always);border-radius:10px;z-index:9999;display:none;transform:translate(0,-105%);overflow:hidden;animation:owoIn .3s cubic-bezier(.42,0,.3,1.11);padding:1rem}#owo-big img{width:100%}.tk-owo-emotion,.twikoo .OwO-item img{pointer-events:none}@keyframes owoIn{0%{transform:translate(0,-95%);opacity:0}100%{transform:translate(0,-105%);opacity:1}}@media screen and (max-width:768px){.OwO .OwO-body{width:300px}}.tk-extra{background:var(--heo-card-bg);border:var(--style-border-always);padding:1px 5px 1px 2px;border-radius:8px;margin-right:4px!important;color:var(--heo-secondtext)!important;display:inline!important;margin-top:6px!important;font-size:.5rem}.tk-extra .tk-icon{display:none}.tk-expand{background:var(--heo-card-bg)!important;color:var(--heo-fontcolor)!important;border:var(--style-border-always);box-shadow:var(--heo-shadow-border);border-radius:12px}.tk-expand:hover{background:var(--heo-theme)!important;color:var(--heo-white)!important}.tk-time{color:var(--heo-secondtext)!important;font-size:.8rem;margin-left:.5rem}.tk-comments-container>.tk-comment{margin-top:0!important;margin-bottom:.5rem!important;background:var(--heo-card-bg);transition:.3s;border-radius:12px;padding:0;padding-top:.5rem;border:none;border-top:var(--style-border-dashed)}#page .tk-comments-container>.tk-comment{padding:1rem;padding-bottom:1.5rem;border:var(--style-border);border-top:var(--style-border);box-shadow:var(--heo-shadow-border)}@media screen and (max-width:768px){.tk-comments-container>.tk-comment{padding:1rem;border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}}#post-comment .comment-head{font-size:.8em!important;margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap}.tk-replies>.tk-comment{background:var(--heo-card-bg);border-top:var(--style-border-dashed);border-radius:12px;padding:0;transition:.3s;padding-top:1rem;margin-top:0}.tk-content p{margin:0!important}.tk-replies .tk-content span:first-child{font-size:.5rem;color:var(--heo-secondtext)}.img-alt{font-size:12px;margin:0;color:var(--heo-secondtext)}.long-img .img-alt{display:none}.long-img img{border-radius:0!important;margin:0!important}.relatedPosts>.relatedPosts-list>div:hover .cover{transform:scale(1);opacity:0}@media screen and (min-width:768px){#pagination.pagination-post{border-radius:12px;margin-top:1rem}.relatedPosts{margin-top:1rem}}@media screen and (min-width:1300px){#pagination.pagination-post{border-radius:12px;margin-top:1rem}.relatedPosts{margin-top:1rem}}.post-tools{display:flex;width:100%;justify-content:space-between;margin-top:2rem;flex-wrap:wrap}.post-reward{margin-top:0;display:flex;justify-content:center}.post-reward:hover>.reward-main{display:none}.post-reward .reward-main{z-index:1003}@media screen and (min-width:768px){.post-reward:hover>.reward-main{display:flex!important;justify-content:left}}@media screen and (max-width:768px){.post-reward .reward-main{justify-content:center!important;position:fixed;bottom:0;left:0;right:0;z-index:102;width:100%;margin:auto;padding:0}.post-reward .reward-main .reward-all{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;padding:30px 0 60px 0;border-radius:12px 12px 0 0}#post .tag_share .post-meta__tags{margin:0 .5rem 0 0}a.reward-main-btn{margin:4px auto}.tk-meta-input .el-input .el-input-group__prepend{padding:0 .3rem!important}.tk-meta-input{display:flex;flex-direction:column;top:0;position:inherit!important}.tk-meta-input .el-input{margin-left:0!important;width:100%!important;margin-bottom:8px}}.post-tools-left{white-space:nowrap;display:flex;text-overflow:ellipsis;flex-wrap:wrap;margin-bottom:.5rem}.post-tools-right{overflow:scroll;overflow-x:overlay;padding-right:0;display:flex;align-items:center;margin-bottom:.5rem}@media screen and (max-width:768px){.post-tools-left>div{margin:8px}.post-tools-left{white-space:nowrap;display:flex;text-overflow:ellipsis;margin-top:1rem;justify-content:center;width:100%}.post-tools-right{margin-top:1rem;width:100%;justify-content:center}}.post-reward .reward-main .reward-all:after{display:none}.reward-group{display:flex;margin-top:.5rem}.post-reward .reward-main .reward-all .reward-item:first-child img{border-color:var(--heo-green)}.post-reward .reward-main .reward-all .reward-item:last-child img{border-color:var(--heo-blue)}.share-link{margin-left:.5rem;display:flex;justify-content:center;position:relative;text-align:center}.share-button{background:var(--heo-card-btn-bg);color:var(--heo-fontcolor);border-radius:8px;cursor:pointer;transition:.3s;width:56px;height:40px}.share-button i{line-height:40px}.share-button i.fab{line-height:42px}@media screen and (min-width:1300px){.share-button{background:var(--heo-card-bg);border:var(--style-border)}.share-button:hover{transform:scale(1.03)}.share-button:active{transform:scale(.97)}.share-button i{line-height:38px}.share-button i.fab{line-height:40px}}.share-button:hover{background:var(--heo-theme);border-color:var(--heo-theme);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-blue)}.share-link.weibo:hover .share-button{background:var(--heo-red);border-color:var(--heo-red);box-shadow:var(--heo-shadow-red)}.share-link.mobile:hover .share-button{background:var(--heo-green);border-color:var(--heo-green);box-shadow:var(--heo-shadow-green);color:var(--heo-white)}.share-main{position:absolute;bottom:40px;z-index:100;display:none;padding-bottom:15px}.share-main-all{padding:12px;border-radius:12px;background:var(--heo-background);animation:donate_effcet .3s .1s ease both;flex-direction:column;border:var(--style-border-always)}#qrcode{width:150px;height:150px;min-width:150px;min-height:150px;background:var(--heo-white);padding:8px;border-radius:8px;margin-bottom:8px;border:var(--style-border-always)}.share-link:hover .share-main{display:flex}.share-qrcode{display:flex;justify-content:center}@media screen and (max-width:768px){.share-link.mobile{display:none}.share-button{background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}}#twikoo>div.tk-comments>div.tk-submit>div.tk-row.actions>div>div.tk-action-icon.OwO.OwO-open>div.OwO-body>div>ul>li>span{line-height:48px;font-size:28px}#page .category-lists .category-title{display:none}.article-sort-item-title{line-height:1.3;-webkit-line-clamp:1}@media screen and (max-width:768px){.article-sort-item-title{-webkit-line-clamp:2}}#page{background:0 0;border:none;padding:0}.article-sort .article-sort-item .article-sort-item-img{border-radius:12px;min-width:151px;min-height:80px;background:var(--heo-secondbg);-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000)}@media screen and (max-width:768px){.article-sort .article-sort-item .article-sort-item-img{min-width:80px}}#post .tag_share .post-meta__tag-list{display:flex}@media screen and (max-width:768px){#post .tag_share .post-meta__tag-list{display:flex;overflow:scroll;position:absolute;left:0;padding:0 20px 0 20px;width:100%}}#page .tag-cloud-list a{color:var(--heo-fontcolor)!important;font-size:1.4em!important;padding:.2em .5em;background:var(--heo-secondbg);margin:.5em .5em;border-radius:12px;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;border:var(--style-border-always);box-shadow:var(--heo-shadow-border)}#page .tag-cloud-list a:hover{background:var(--heo-blue)!important;box-shadow:var(--heo-shadow-blue);color:var(--heo-white)!important;border:var(--style-border-hover)}span.tagsPageCount{background:var(--heo-card-bg);padding:4px 4px;border-radius:8px;color:var(--heo-secondtext);line-height:1;text-align:center;min-width:35px;display:inline-block;font-size:1rem}#page .tag-cloud-list a:hover span.tagsPageCount{color:var(--heo-lighttext)}#post .tag_share .post-meta__tags span.tagsPageCount,#tag-page-tags .tagsPageCount{padding:2px 4px;background:var(--heo-secondbg);border:var(--style-border-always);min-width:22.5px;display:inline-block;border-radius:4px;text-align:center;font-size:.6rem;color:var(--heo-fontcolor);margin-left:4px}#post .tag_share .post-meta__tags:hover span.tagsPageCount,#tag #tag-page-tags a:hover .tagsPageCount{background:var(--heo-card-bg);color:var(--heo-lighttext)}#tag #tag-page-tags a.select .tagsPageCount{background:var(--heo-card-bg);color:var(--heo-lighttext)}span.tags-punctuation{margin-right:2px}span.tags-punctuation::before{content:"\e608";font-family:anzhiyufont!important;opacity:.4;margin-right:2px}.hide-aside #page span.tags-punctuation::before{font-size:22px}.recent-post-item span.tags-punctuation{margin-right:0;font-size:13px}.category-lists span.tags-punctuation{font-size:18px}.tags-name{margin-left:2px}#article-container h1{padding-left:0}#article-container h1:before{display:none}#article-container h1:hover{padding-left:0}#article-container>div>figure>figcaption>p{margin:0}#page .category-lists ul li::before{display:none}#page .category-lists ul li{margin:0;margin-right:8px;margin-bottom:8px}#page .category-lists ul{display:flex;padding:0;flex-wrap:wrap;flex-direction:row}#page .category-lists ul li{padding:4px 16px;width:200px;border-radius:12px;background:var(--card-bg);border:var(--style-border-always)}figure.gallery-group{border-radius:12px}figure.gallery-group:hover .gallery-group-name::after{display:none}.tag-cloud-title{display:none}.tk-replies .tk-content{margin-top:0!important}#tag #tag-page-tags{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -.75rem;margin-bottom:.5rem}#tag #tag-page-tags a{padding:.1rem .5rem;margin:.25rem .25rem;line-height:1.6;border-radius:8px;color:var(--heo-fontcolor)!important;border:var(--style-border-always);display:flex;align-items:center}#tag #tag-page-tags a.select{color:var(--heo-white)!important;background:var(--heo-theme);box-shadow:var(--heo-shadow-theme)}#tag #tag-page-tags a:hover{color:var(--heo-white)!important;background:var(--heo-theme);box-shadow:var(--heo-shadow-theme)}.article-sort-item:before{display:none}.article-sort-title:before{display:none}.article-sort-title:after{display:none}.article-sort{border:none}.article-sort{margin-left:0;padding-left:0}.article-sort-title{margin-left:0;padding-bottom:0;padding-left:0}.article-sort-item{margin:0 0 1rem 0;overflow:hidden;border-radius:12px}@media screen and (max-width:768px){.article-sort-item-info a{white-space:inherit!important}}.article-sort-item.year{font-size:.8rem;color:var(--heo-secondtext);margin-bottom:.2rem}.article-sort-item-img img:hover{transform:scale(1)}.article-sort-title{font-weight:700;font-size:2em}.article-sort-item-info{padding:0 .8rem;display:flex;flex-direction:column}.article-sort-item-time{order:1;margin-top:4px;color:var(--heo-secondtext)}.article-sort-item-title{order:0;font-weight:700}.article-sort-item-title:hover{transform:translateX(0);color:var(--heo-hovertext)}#random-post{min-height:32px;background:var(--card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border);padding:20px 30px;border-radius:12px;margin-top:8px}.random-friends-post{text-decoration:none;border-bottom:2px solid var(--heo-lighttext);color:var(--heo-fontcolor);font-weight:700;padding:0 4px}.random-friends-post:hover{text-decoration:none;border-bottom:2px solid var(--heo-none);color:var(--heo-white);background:var(--heo-main);border-radius:4px;box-shadow:var(--heo-shadow-main)}.random-post-start{transition-duration:.3s}.random-post-start:hover{color:var(--heo-hovertext)}.flink#article-container .flink-list{padding:0;margin:1rem -6px 0 -6px;overflow-x:hidden}.flink#article-container .flink-desc{margin:0}.flink#article-container .flink-list>.flink-list-item a .flink-item-desc{white-space:normal;padding:5px 10px 16px 0;color:var(--heo-fontcolor);text-align:left;height:40px;text-overflow:ellipsis;opacity:.7;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-desc{color:var(--heo-white)}.flink-list-item .flink-item-info{max-width:136px;overflow:hidden}.flink-list-item:hover .flink-item-info{max-width:100%}.flink#article-container .flink-list>.flink-list-item a .flink-item-name{text-align:left;font-size:19px;color:var(--heo-fontcolor)}.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-name{color:var(--heo-white)}.flink#article-container .flink-list>.flink-list-item a{display:flex;border:none}.flink#article-container .flink-list>.flink-list-item a:hover{background:0 0}.flink#article-container .flink-list>.flink-list-item a img{border-radius:32px;margin:15px 20px 15px 15px;transition:.3s;background:var(--heo-background);min-width:60px;min-height:60px}.flink#article-container .flink-list>.flink-list-item:hover a img{transition:.6s;width:0;height:0;opacity:0;margin:.5rem;min-width:0;min-height:0}.flink#article-container .flink-list>.flink-list-item a span{transition:.3s}.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-desc{overflow:inherit;width:100%}.flink#article-container .flink-list>.flink-list-item{margin:6px 6px;transition:.3s;border-radius:12px;transition-timing-function:ease-in-out;position:relative;width:calc(20% - 12px);border:var(--style-border);box-shadow:var(--heo-shadow-border);background:var(--heo-card-bg)}.flink#article-container .flink-list>.flink-list-item:hover{transform:scale(1);background:var(--heo-theme);border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}@media screen and (min-width:1300px){.flink#article-container .flink-list>.flink-list-item:hover{transform:scale(1.03)}.flink#article-container .flink-list>.flink-list-item:active{transform:scale(.97)}}.gallery-group figcaption p{line-height:1.5!important}.flink#article-container .site-card .info .title{color:var(--heo-fontcolor);text-align:left}.flink#article-container .site-card:hover .info .title{color:var(--heo-white);box-shadow:var(--heo-shadow-blue)}.flink#article-container .site-card:hover .info{height:120px}.flink#article-container .site-card .site-card-text{display:flex;flex-direction:column;align-items:flex-start}.flink#article-container .site-card .info .desc{font-size:.7rem;color:var(--heo-fontcolor);opacity:.7;transition:.3s;text-align:left}.flink#article-container .site-card:hover .info .desc{-webkit-line-clamp:4}.flink#article-container .site-card:hover .info .desc{transition:.3s;color:var(--heo-white);width:100%}.flink#article-container .site-card:hover .info{background:var(--heo-theme)}.flink#article-container .site-card{border:var(--style-border);border-radius:12px;transition:.3s;transition-timing-function:ease-in-out;overflow:hidden;height:200px;position:relative;width:calc(100% / 7 - 16px);background:var(--heo-card-bg);box-shadow:var(--heo-shadow-border)}@media screen and (min-width:1300px){.flink#article-container .site-card:hover{transform:scale(1.03)}.flink#article-container .site-card:active{transition:.95}}.site-card-tag{position:absolute;top:0;left:0;padding:4px 8px;background-color:var(--heo-main);box-shadow:var(--heo-shadow-main);color:var(--heo-white);z-index:1;border-radius:12px 0 12px 0;transition:.3s;font-size:.6rem}.site-card-tag.vip{/*! Edit and share this gradient: https://html5kit.com/gradient-editor/?preset=d48f16,100;e5b085,0 */background:-moz-linear-gradient(38deg,rgba(229,176,133,1) 0,rgba(212,143,22,1) 100%);background:-webkit-linear-gradient(38deg,rgba(229,176,133,1) 0,rgba(212,143,22,1) 100%);background:linear-gradient(38deg,rgba(229,176,133,1) 0,rgba(212,143,22,1) 100%);overflow:hidden;box-shadow:var(--heo-shadow-yellow)}.light{cursor:pointer;position:absolute;top:0;width:100px;height:50px;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-animation:light_tag 4s both infinite;-moz-animation:light_tag 4s both infinite;-ms-animation:light_tag 4s both infinite;animation:light_tag 4s both infinite}@keyframes light_tag{0%{transform:skewx(0);-o-transform:skewx(0);-moz-transform:skewx(0);-webkit-transform:skewx(0);left:-150px}99%{transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);left:50px}}.site-card-tag.speed{background:var(--heo-green);box-shadow:var(--heo-shadow-green)}.flink#article-container .site-card:hover .site-card-tag{left:-50px}.flink-list-item:hover .site-card-tag{left:-50px}.flink#article-container .site-card .info{display:flex;border:none;padding:.5rem;width:100%;height:90px;margin:0;border-radius:0 0 12px 12px}.flink#article-container .site-card .img img{border-radius:12px 12px 0 0;transform:scale(1.03);transition:.3s}@media screen and (min-width:769px){.flink#article-container .site-card:hover .img img{transform:scale(1.1);filter:brightness(.3)}.flink#article-container .site-card:hover .img{height:80px}}.flink#article-container .site-card .img{-webkit-mask-image:-webkit-radial-gradient(center,#fff,#000);border-radius:12px 12px 0 0;height:120px;width:100%;display:flex;border:none;padding:0!important}.flink#article-container .site-card .info img{border-radius:32px;transition:.3s!important;margin:2px 8px 0 0;width:20px;height:20px;min-width:20px;min-height:20px;background:var(--heo-secondbg)}.flink#article-container .site-card-group{padding:20px 0}.flink#article-container .site-card:hover .info img{width:0;height:0;opacity:0;min-width:0;min-height:0}.flink#article-container .site-card:hover{border:var(--style-border-hover);box-shadow:var(--heo-shadow-main)}.article-sort-item-info a{margin-right:auto;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:768px){#letlink{flex-direction:column!important;text-align:center!important}#letlogo{display:none!important}#footer-wrap{margin-top:1rem!important}}.footer-banner-right{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}#footer-wrap{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px 50px 0 50px;text-align:left!important;max-width:1200px;margin:0 auto}#footer-wrap h1{font-size:1.5rem;margin:0}#footer-wrap h3{padding:0 12px}#footer-wrap p{margin:0 0 0 .2rem;font-size:.8rem;opacity:.8}#footer-wrap i{margin-right:.5rem;width:22px;font-size:18px;display:inline-block}#footer-wrap #letlogo{display:flex;flex-direction:column;margin-right:60px;align-self:center;margin:auto 0;max-width:200px}#footer-wrap #letlink .link_group{display:flex;flex-direction:column;margin-right:20px;min-width:180px}#footer-wrap #letlink{display:flex;flex-direction:row;justify-content:space-around;margin:0 0 1rem 0}#weblogo i{font-size:2rem;line-height:2rem;letter-spacing:-10px}#footer:before{position:absolute!important;width:100%!important;height:100%!important;content:''!important;z-index:-1}#error-wrap .error-content{box-shadow:none!important;border-radius:12px;background:var(--heo-card-bg)!important}#body-wrap.page .errors{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;padding-top:50px;position:relative}#body-wrap.page .errors .aside-list{display:flex;flex-direction:row;flex-wrap:nowrap;margin:1rem;max-width:100%}#body-wrap.page .errors .aside-list .aside-list-group{display:flex;flex-direction:row;flex-wrap:wrap;max-width:800px;margin:0 auto;justify-content:space-between}#body-wrap.page .errors .aside-list .aside-list-item{padding:.5rem 0;width:49%}#body-wrap.page .errors .aside-list .aside-list-item img{width:100%;object-fit:cover;border-radius:12px}#body-wrap.page .errors .aside-list .aside-list-item .thumbnail{overflow:hidden;width:100%;height:200px;background:var(--heo-card-bg);display:flex}#body-wrap.page .errors .aside-list .aside-list-item .content .title{-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5;justify-content:center;align-items:flex-end;align-content:center;padding-top:.5rem;font-size:16px;font-weight:700}#body-wrap.page .errors .aside-list .aside-list-item .content time{display:none}@media screen and (max-width:768px){#body-wrap.page .errors{padding-top:0}#body-wrap.page .errors .aside-list{margin:0}#body-wrap.page .errors .aside-list .aside-list-item .thumbnail{height:100px}}#bber .timeline #waterfall{opacity:0;transition:.3s}#bber .timeline #waterfall.show{opacity:1}#bber .timeline ul li.item{position:relative;width:32%;border:var(--style-border-always);border-radius:12px;padding:1rem;padding-bottom:.5rem;transition:.3s;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;background:var(--heo-card-bg);box-shadow:var(--heo-shadow-border);margin-right:2%}#bber .timeline ul li.item hr{display:flex;position:relative;margin:8px 0;border:1px dashed var(--heo-theme-op);width:100%}@media screen and (max-width:768px){#bber .timeline ul li.item{padding:0}}#bber .timeline ul li.item:hover{border:var(--style-border-hover)}#bber ul.list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#bber li.item{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start}@media screen and (max-width:1300px){#bber .timeline ul li.item{width:49%;margin-right:1%}}@media screen and (max-width:768px){#bber .timeline ul li.item{width:100%;margin-right:0}#bber .timeline ul li.item{padding:16px 20px}}.timeline ul .list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.bb-info{display:inline;float:right;line-height:1;color:var(--heo-secondtext);margin-left:auto;margin-bottom:1rem;margin-right:.5rem}.bb-info:hover{color:var(--heo-hovertext)}#bber{margin-top:1rem;width:100%}#bber div.bber-content{display:flex;flex-direction:initial;flex-wrap:wrap;border-radius:12px;width:100%;height:100%}#bber>section>ul>li.item{margin-bottom:1rem}#bber .bber-info{display:flex;align-items:center}#bber .bber-info .fa-rectangles-mixed{margin-right:8px}#bber .bber-content-link{display:flex;margin-left:.5rem;color:var(--heo-secondtext);font-size:.7rem;align-items:center;background-color:rgba(245,108,108,.13);color:#f56c6c;padding:0 8px;border-radius:20px}#bber .bber-content-link:hover{background-color:var(--heo-main);color:var(--heo-white)}#bber .bber-content-link i{margin-right:3px}#bber .bber-reply{cursor:pointer;padding:0 4px}#bber .bber-bottom{display:flex;justify-content:space-between;width:100%}#bber .count{color:var(--heo-secondtext);font-size:.8rem}#bber p{margin:0}#bber .datafrom i{margin-right:4px}#bber .bber-music{width:100%;height:90px;margin:.5rem 0;border-radius:8px;overflow:hidden;border:var(--style-border-always);background:var(--heo-secondbg)}#bber .aplayer{margin:0}#bber .aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:.8rem;font-weight:700;margin:0;color:var(--heo-black)}#bber .aplayer.aplayer-withlrc .aplayer-pic{height:82px;width:82px;margin:4px;border-radius:4px}#bber .aplayer .aplayer-info .aplayer-music{height:23px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{padding:0}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{background:var(--heo-gray);height:8px;border-radius:12px;transition:.3s;overflow:hidden}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar{height:12px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{height:100%;border-radius:12px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{height:100%;border-radius:12px}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{display:none}#bber .aplayer .aplayer-info .aplayer-controller{align-items:center}#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time{position:initial}#bber .bber-music .aplayer-lrc{display:none}#bber-tips{font-size:14px;display:flex;justify-content:center;margin-top:1rem}#bber .bber-content-img img{object-fit:cover;max-height:100%;border-radius:12px}#bber .bber-content-img{height:100px;margin:auto;margin-top:.2rem;margin-bottom:.3rem;margin-left:0;border-radius:12px;overflow:hidden;display:flex;position:relative}#bber>section>ul>li>div .bber-info-time{color:var(--heo-fontcolor);font-size:.7rem;background-color:var(--heo-gray-op);padding:0 8px;border-radius:20px;cursor:default;display:flex;align-items:center}#bber>section>ul>li>div .bber-info-time i{margin-right:8px}#bber .bber-content .datacont{order:0;font-size:.8rem;font-weight:700;color:var(--heo-fontcolor);width:100%;line-height:1.38;border-radius:12px;margin-bottom:.5rem;display:flex;flex-direction:column;text-align:justify}#bber>section>ul>li>div .datafrom{order:2;color:var(--heo-secondtext);font-size:.7rem;margin-left:8px}#bber>section>ul>li>div .datafrom small{font-size:.7rem}.load-btn.button-load{background:var(--heo-card-btn-bg);color:var(--heo-fontcolor);padding:12px 12px;margin:1.5rem 0 0 0;width:100%;text-align:center;border-radius:12px;transition:.3s;font-weight:700}.load-btn.button-load:hover{background:var(--heo-blue);color:var(--heo-white);transition:.3s;box-shadow:var(--heo-shadow-blue)}#hexo-circle-of-friends-root{margin:0 -8px}.moments-list{display:flex;flex-direction:column}.moments-list .article-sort-item-info{display:flex;flex-direction:column}.article-sort-item-info-more{display:flex;font-size:.7rem;margin-right:auto}.friend_post_time{margin-left:8px;color:var(--heo-secondtext)}.friendlink-avatar{width:3rem;height:3rem;min-width:3rem;min-height:3rem;border-radius:32px;overflow:hidden;background:var(--heo-secondbg);padding:0!important}.friendlink-avatar:hover{border-radius:32px!important;background:var(--heo-secondbg)}.moments-list .article-sort-item-info .article-sort-item-title{color:var(--heo-lighttext)}.moments-list .article-sort-item-info .article-sort-item-title:hover{color:var(--heo-hovertext)}a.bb-link{margin-left:8px;color:var(--heo-secondtext)!important;display:inline;border:none!important}a.bb-link-info{display:inline;float:right;border:none!important;color:var(--heo-secondtext)!important;line-height:2.7rem}a.bb-link-info:hover{color:var(--heo-fontcolor)!important;background:0 0!important}#friend_link_moments{border:none!important}.moments-article-img{height:100%;margin:0!important}.tab-item-content #moments_container .moments-item a{border-bottom:none;padding:0;margin-right:auto;width:auto}.tab-item-content #moments_container .moments-item a:hover{background:0 0;color:var(--heo-lighttext);box-shadow:none}.tab-item-content #moments_container h2{display:none}#friend_moments_list .moments-sort-item{margin:1rem 0}.moments-sort-item-img{border-radius:12px}.moments-item-time{order:1}.moments-sort-item-title{color:var(--heo-lighttext);border-bottom:none!important;padding:0!important}.moments-sort-item-title:hover{color:var(--heo-hovertext)!important;background:0 0!important;box-shadow:none!important}.friendlink-avatar{border-bottom:none!important}.moments_load_button{color:var(--heo-fontcolor)!important;background:var(--heo-card-btn-bg)!important;padding:12px 16px!important;border-radius:12px!important;transition:.3s;width:100%;margin-top:1rem;margin-bottom:1rem;border:0!important}.moments_load_button:hover{color:var(--heo-white)!important;background:var(--heo-main)!important;transition:.3s}.moments-item-title{color:var(--heo-lighttext);font-size:1rem;order:0;width:100%;font-weight:700;-webkit-line-clamp:1!important;overflow:hidden;-webkit-box-orient:vertical}.moments-item-info{display:flex;flex-direction:column}.moments_post_time{display:none}.moments_post_time i{margin-right:8px}.chart{align-items:flex-start;flex:1;width:100px;height:60px;margin:20px}.moments-item-title{font-weight:700}.moments_post_info_number{float:right}@media screen and (max-width:500px){#info_user_pool{padding:10px;flex-direction:column;max-height:200px}.chart{flex:0;width:100%;height:160px;margin:0}}.moments-item-img{width:60px!important;height:60px!important}.moments-item-img img{border-radius:99px;width:80px;height:80px;overflow:hidden}#info_user_pool{background:var(--heo-secondbg);border-radius:12px!important;margin-top:1rem;box-shadow:none!important}.moments-item{margin-left:0!important;box-shadow:none!important}.hexo-douban-item{border-bottom:none!important;background:var(--heo-card-bg);border:var(--style-border);box-shadow:var(--heo-shadow-border);border-radius:12px;margin:8px 0;height:160px;min-height:160px!important;width:49%;overflow:hidden}@media screen and (min-width:1300px){.hexo-douban-item{width:32%}}#hexo-douban-item3{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.hexo-douban-item .hexo-douban-picture a{padding:0!important}.hexo-douban-item .hexo-douban-picture img{margin:0!important;height:100%!important}.hexo-douban-tabs{display:none}.hexo-douban-title a{border-bottom:0!important}.hexo-douban-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hexo-douban-title a:hover{color:var(--heo-lighttext)!important;background:var(--heo-none)!important}.hexo-douban-pagination{margin:auto;width:100%;display:flex;justify-content:center;align-items:center}span.hexo-douban-pagenum{margin:0 .5rem}.hexo-douban-title{font-size:1rem;line-height:1}.hexo-douban-title a{padding:0!important}.hexo-douban-info{padding-left:130px!important;margin-right:.5rem}.hexo-douban-meta{font-size:.7rem!important;color:var(--heo-secondtext);margin-top:.3rem;line-height:1.05}.hexo-douban-comments{line-height:1.2;margin-top:.5rem;font-size:.8rem!important;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.hexo-douban-picture{height:100%;top:0!important;padding:10px 0 10px 10px}.hexo-douban-picture a img{border-radius:8px!important}.hexo-douban-button{width:4rem;height:2rem;line-height:1.9rem;border-radius:8px!important;background:var(--heo-card-bg);box-shadow:var(--heo-shadow-lightblack);border:var(--style-border);margin:0 .2rem;border-bottom:var(--style-border)!important}.article-sort-item-time{display:none}.article-sort-item-tags{margin-top:8px;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis;width:100%;font-size:.7rem}.article-sort-item-tags a{color:var(--heo-fontcolor);transition:.3s}.article-sort-item-tags a:hover{color:var(--heo-theme);transition:.3s}#heo-footer .footer-links{display:flex;flex-direction:column}#heo-footer{display:flex;flex-direction:row;width:100%;max-width:1200px;margin:1rem auto;justify-content:space-between;flex-wrap:wrap;margin-bottom:3rem;padding:0 1rem}#heo-footer .footer-item{font-size:.8rem;line-height:.8rem;margin:.38rem 0;color:var(--heo-fontcolor);margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:120px}#heo-footer .footer-item:hover{color:var(--heo-theme)}#heo-footer .footer-group{min-width:120px}#heo-footer .footer-title-group{display:flex;align-items:center;margin:1rem 0 .7rem 0}#heo-footer .footer-title-group a{margin-left:8px}#heo-footer .footer-title-group i{line-height:1;color:var(--heo-secondtext);transition:.3s;font-size:12px}#heo-footer .footer-title-group a:hover i{color:var(--heo-main)}#heo-footer .footer-title-group .footer-title{margin:0}#heo-footer .random-friends-btn{display:flex}#heo-footer .footer-title{color:var(--heo-secondtext);font-size:.8rem}#footer-banner{padding:1rem;color:var(--heo-fontcolor);margin-top:1rem;background:var(--heo-secondbg);display:flex;overflow:hidden;z-index:1002;transition:.3s}#footer-banner .footer-banner-links{display:flex;justify-content:space-between;max-width:1400px;width:100%;margin:0 auto;flex-wrap:wrap;align-items:center;line-height:1}#footer-banner .footer-banner-left{display:flex;flex-wrap:wrap;min-height:32px;align-items:center}#footer-banner .footer-banner-link{margin-top:8px;margin-bottom:8px;margin-right:1rem;color:var(--heo-fontcolor);font-size:.8rem;font-weight:700;white-space:nowrap}#footer-banner .footer-banner-link.cc{margin-right:0}#footer-banner .footer-banner-link.cc i{margin-right:.5rem;font-size:18px}#footer-banner .footer-banner-link:hover{color:var(--heo-theme)}#footer-banner>div>div.footer-banner-left>span{margin-right:1rem}#footer-banner .footer-banner-right a:hover{color:var(--heo-lighttext)}#footer_deal i{font-size:.9rem;line-height:.9rem;height:.9rem}.la-widget.la-data-widget__container{border-radius:12px;border:var(--style-border)!important;box-shadow:var(--heo-shadow-border);border-color:var(--heo-card-border)}#about-page{display:flex;padding-top:1rem;flex-direction:column;align-items:center}@keyframes floating{0%{transform:translate(0,-4px)}50%{transform:translate(0,4px)}100%{transform:translate(0,-4px)}}#about-page .author-info{display:flex;align-items:center;margin:0 0 16px 0}#about-page .author-tag-left{display:flex;flex-direction:column;align-items:flex-end}#about-page .author-tag-right{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width:768px){#about-page .author-tag-left,#about-page .author-tag-right{display:none}}#about-page .author-tag-left .author-tag:first-child,#about-page .author-tag-left .author-tag:last-child{margin-right:-16px}#about-page .author-tag-right .author-tag:first-child,#about-page .author-tag-right .author-tag:last-child{margin-left:-16px}#about-page .author-tag{transform:translate(0,-4px);padding:1px 8px;background:var(--heo-card-bg);border:var(--style-border-always);border-radius:40px;margin-top:6px;font-size:14px;font-weight:700;box-shadow:var(--heo-shadow-lightblack);animation:6s ease-in-out 0s infinite normal none running floating}#about-page .author-tag:nth-child(1){animation-delay:0s}#about-page .author-tag:nth-child(2){animation-delay:.6s}#about-page .author-tag:nth-child(3){animation-delay:1.2s}#about-page .author-tag:nth-child(4){animation-delay:1.8s}#about-page .author-img{margin:0 30px;border-radius:50%;width:180px;height:180px;position:relative;background:var(--heo-secondbg);user-select:none}#about-page .author-img img{border-radius:200px}#about-page .author-img::before{content:'';-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;width:30px;height:30px;background:var(--heo-green);position:absolute;border-radius:50%;border:5px solid var(--heo-background);bottom:5px;right:10px;z-index:2}@media screen and (max-width:768px){#about-page .author-img{width:120px;height:120px}#about-page .author-img::before{bottom:-5px;right:-5px}}#about-page .author-title{font-size:2rem;font-weight:700;margin:1rem 0;line-height:1}.page-title{display:none}:root{--offset:0px}.inline-word{word-break:keep-all;white-space:nowrap}.author-content{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:1rem}.author-content-item-group.column{display:flex;flex-direction:column;width:49%;justify-content:space-between}.author-content-item{width:49%;border-radius:24px;background:var(--heo-card-bg);border:var(--style-border-always);box-shadow:var(--heo-shadow-border);position:relative;padding:1rem 2rem;overflow:hidden}.author-content-item.single{width:100%}.author-content-item .author-content-item-title{font-size:36px;font-weight:700;line-height:1}.author-content-item .author-content-item-tips{opacity:.8;font-size:.6rem;margin-bottom:.5rem}@media screen and (max-width:768px){.author-content-item{width:100%!important;margin-top:1rem;padding:1rem}.author-content-item-group.column{width:100%!important}.author-content{margin-top:0}}.card-background-icon{font-size:12rem;opacity:.2;position:absolute;right:0;bottom:-40%;transform:rotate(30deg);transition:2s ease-in-out}.author-content-item:hover .card-background-icon{transform:rotate(20deg)}.about-reward{position:absolute;top:1rem;right:2rem}@media screen and (max-width:768px){.reward .about-reward #con{width:170px}.reward #tube-con{display:none}}.reward #con{width:350px;height:85px;position:relative;border-radius:4px}.reward #TA-con{width:157px;height:50px;background-color:#f25d8e;-webkit-box-shadow:0 4px 4px rgba(255,112,159,.3);box-shadow:0 4px 4px rgba(255,112,159,.3);position:absolute;top:50%;left:10%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:4px;cursor:pointer}@media screen and (max-width:768px){.reward #TA-con{width:125px;left:54px}}.reward #TA-con:hover{background-color:#ff6b9a}.reward #text-con{width:100px;height:100%;margin:0 auto;position:relative}.reward #linght{width:0;height:0;position:absolute;top:36%;left:4px;border-color:transparent;border-style:solid;border-width:10px;border-top:10px solid #fff;border-radius:4px;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-o-transform:rotate(-55deg);-ms-transform:rotate(-55deg);transform:rotate(-55deg)}.reward #linght::after{position:absolute;top:-13px;left:-11px;content:"";width:0;height:0;border-color:transparent;border-style:solid;border-width:10px;border-top:10px solid #fff;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);border-radius:4px}.reward #TA{float:right;line-height:50px;font-size:15px;color:#fff}.reward #tube-con{width:157px;height:55px;position:absolute;right:-5px;top:15px}.reward svg{width:100%;height:100%}.reward #mask{width:0;height:100%;overflow:hidden;position:absolute;top:0;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.reward #mask svg{width:157px;height:55px}.reward #TA-con:hover+#tube-con>#mask{width:157px}.reward #TA-con:hover+#tube-con>#orange-mask{-webkit-animation:move1 .5s linear .2s infinite;-moz-animation:move1 .5s linear .2s infinite;-o-animation:move1 .5s linear .2s infinite;-ms-animation:move1 .5s linear .2s infinite;animation:move1 .5s linear .2s infinite}.reward #TA-con:hover+#tube-con>#orange-mask svg{-webkit-animation:movetwo .5s linear .2s infinite;-moz-animation:movetwo .5s linear .2s infinite;-o-animation:movetwo .5s linear .2s infinite;-ms-animation:movetwo .5s linear .2s infinite;animation:movetwo .5s linear .2s infinite}.reward #orange-mask{width:18px;height:100%;overflow:hidden;position:absolute;left:-15px;top:0}.reward #orange-mask svg{position:absolute;top:0;left:15px;width:157px;height:55px}.reward #people{position:absolute;right:10px;top:4px;font-size:12px;font-family:"雅黑";color:#aaa}.reward #people>b{color:#777}@-moz-keyframes move1{0%{left:-15px}100%{left:140px}}@-webkit-keyframes move1{0%{left:-15px}100%{left:140px}}@-o-keyframes move1{0%{left:-15px}100%{left:140px}}@keyframes move1{0%{left:-15px}100%{left:140px}}@-moz-keyframes movetwo{0%{left:15px}100%{left:-140px}}@-webkit-keyframes movetwo{0%{left:15px}100%{left:-140px}}@-o-keyframes movetwo{0%{left:15px}100%{left:-140px}}@keyframes movetwo{0%{left:15px}100%{left:-140px}}#about-page .myInfoAndSayHello{display:flex;flex-direction:column;justify-content:center;color:var(--heo-white);background:linear-gradient(120deg,rgba(91,39,255,1) 0,rgba(0,212,255,1) 100%);background-size:200%;animation:gradient 15s ease infinite;width:59%}#about-page .myInfoAndSayHello .title1{opacity:.8;line-height:1.3}#about-page .myInfoAndSayHello .title2{font-size:36px;font-weight:700;line-height:1.1;margin:.5rem 0}.author-content-item-group.column.mapAndInfo{width:59%}.author-content-item.map{background:url(https://img.zhheo.com/i/2022/08/31/630ef8e827401.webp) no-repeat center;min-height:160px;max-height:400px;position:relative;overflow:hidden;margin-bottom:.5rem;height:60%;background-size:100%;transition:1s ease-in-out}[data-theme=dark] .author-content-item.map{background:url(https://img.zhheo.com/i/2022/08/31/630ef8db0fefe.webp) no-repeat center;background-size:100%}.author-content-item.map:hover{background-size:120%;transition:4s ease-in-out;background-position-x:0;background-position-y:36%}.author-content-item.map .map-title{position:absolute;bottom:0;left:0;width:100%;background:var(--heo-maskbg);padding:.5rem 2rem;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);transition:1s ease-in-out;font-size:20px}.author-content-item.map:hover .map-title{bottom:-100%}.author-content-item.map .map-title b{color:var(--heo-fontcolor)}@media screen and (max-width:768px){.author-content-item.map.myphoto{background-size:cover!important}.author-content-item.map .map-title{padding:1rem}}.author-content-item.selfInfo{display:flex;min-height:100px;max-height:400px;justify-content:space-between;align-items:center;flex-wrap:wrap;height:-webkit-fill-available;height:40%}@media screen and (max-width:1300px){.author-content-item.selfInfo{height:70%}}.author-content-item.selfInfo div{display:flex;flex-direction:column;margin:.5rem 2rem .5rem 0}.author-content-item.selfInfo .selfInfo-title{opacity:.8;font-size:.6rem;line-height:1;margin-bottom:8px}.author-content-item.selfInfo .selfInfo-content{font-weight:700;font-size:34px;line-height:1}.author-content-item.myphoto{height:60%;min-height:240px;position:relative;overflow:hidden;width:39%;display:flex;align-items:center;justify-content:center}.author-content-item.myphoto img{position:absolute;height:100%;min-width:100%;object-fit:cover;transition:.6s}.author-content-item.myphoto:hover img{min-width:105%;transition:2s}.author-content-item.myphoto .myphoto-title{position:absolute;bottom:0;left:0;width:100%;background:var(--heo-maskbgdeep);padding:.5rem 2rem;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}.author-content-item.careers{min-height:400px}.author-content-item.careers img{position:absolute;left:0;bottom:20px;width:100%;transition:.6s}.author-content-item.careers .careers-group{margin-top:12px}.author-content-item.careers .careers-item{display:flex;align-items:center}.author-content-item.careers .careers-item .circle{width:16px;height:16px;margin-right:8px;border-radius:16px}.author-content-item.careers .careers-item .name{color:var(--heo-secondtext)}.author-content-item.personalities{overflow:hidden;position:relative;width:59%}.author-content-item.personalities .title2{font-size:36px;font-weight:700;line-height:1.1}.author-content-item.personalities .image{position:absolute;right:-40px;bottom:-10rem;transition:transform 2s cubic-bezier(.13,.45,.21,1.02)}.author-content-item.personalities:hover .image{transform:rotate(-10deg)}@media screen and (max-width:768px){.author-content-item.personalities{min-height:360px}.author-content-item.personalities .image{right:-70px}}.author-content-item.maxim{font-size:36px;font-weight:700;line-height:1.1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;width:39%}.author-content-item.maxim .maxim-title{display:flex;flex-direction:column}.author-content-item.maxim .title1{opacity:.8;font-size:.6rem;margin-bottom:.5rem}.author-content-item.buff{height:200px;font-size:36px;font-weight:700;line-height:1.1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:linear-gradient(120deg,rgba(255,39,232,1) 0,rgba(255,128,0,1) 100%);color:var(--heo-white);background-size:200%;animation:gradient 15s ease infinite;min-height:200px;height:fit-content;width:59%}.author-content-item.buff .card-content{display:flex;flex-direction:column;justify-content:center}.author-content-item.buff .buff-title{display:flex;flex-direction:column}.author-content-item.buff .title1{opacity:.8;font-size:.6rem;margin-bottom:.5rem}.author-content-item.skills{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:49%;min-height:450px}.author-content-item.skills .tags-group-all{display:flex;transform:rotate(0);transition:.3s}.author-content-item.skills .tags-group-wrapper{margin-top:40px;display:flex;flex-wrap:nowrap;animation:rowup 60s linear infinite}.author-content-item.skills .skills-style-group{position:relative}.author-content-item.skills .skills-list{display:flex;opacity:0;transition:.3s;position:absolute;width:100%;top:0;left:0;flex-wrap:wrap;flex-direction:row;margin-top:10px}.author-content-item.skills:hover .skills-style-group .tags-group-all{opacity:0}.author-content-item.skills:hover .skills-style-group .skills-list{opacity:1}.author-content-item.skills .skill-info{display:flex;align-items:center;margin-right:10px;margin-top:10px;background:var(--heo-background);border-radius:40px;padding:4px 12px 4px 8px;border:var(--style-border);box-shadow:var(--heo-shadow-border)}.author-content-item.skills .etc{margin-right:10px;margin-top:10px}.author-content-item.skills .skill-icon{width:32px;height:32px;border-radius:32px;display:flex;align-items:center;justify-content:center;margin-right:8px}.author-content-item.skills .skill-icon img{width:18px;height:18px}.author-content-item.skills .skill-name{font-weight:700}.author-content-item.aboutsiteTips{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:39%}.aboutsiteTips h2{margin-right:auto;font-size:36px;font-family:Helvetica;line-height:1.06;letter-spacing:-.02em;color:var(--heo-fontcolor);margin-top:0}.aboutsiteTips .mask{height:36px;position:relative;overflow:hidden;margin-top:4px}.aboutsiteTips .mask span{display:block;box-sizing:border-box;position:absolute;top:36px;padding-bottom:var(--offset);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat}.aboutsiteTips .mask span[data-show]{transform:translateY(-100%);transition:.5s transform ease-in-out}.aboutsiteTips .mask span[data-up]{transform:translateY(-200%);transition:.5s transform ease-in-out}.aboutsiteTips .mask span:nth-child(1){background-image:linear-gradient(45deg,#0ecffe 50%,#07a6f1)}.aboutsiteTips .mask span:nth-child(2){background-image:linear-gradient(45deg,#18e198 50%,#0ec15d)}.aboutsiteTips .mask span:nth-child(3){background-image:linear-gradient(45deg,#8a7cfb 50%,#633e9c)}.aboutsiteTips .mask span:nth-child(4){background-image:linear-gradient(45deg,#fa7671 50%,#f45f7f)}@media screen and (max-width:768px){.author-content-item.map{margin-bottom:0}}#about-page .about-statistic{min-height:380px;width:39%;background:url(https://img.zhheo.com/i/2022/09/23/632d5d8f37e90.webp) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden}#about-page .about-statistic::after{box-shadow:0 -159px 173px 71px #0f1114 inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}#statistic{font-size:16px;border-radius:15px;width:100%;color:var(--heo-white);display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin-top:1rem;margin-bottom:2rem}#statistic div{display:flex;justify-content:space-between;flex-direction:column;width:50%;margin-bottom:.5rem}#statistic div span:first-child{opacity:.8;font-size:.6rem}#statistic div span:last-child{font-weight:700;font-size:34px;line-height:1;white-space:nowrap}.author-content-item.about-statistic .card-content .banner-button-group .banner-button:hover{background:#998c5a;color:var(--heo-white)}.author-content-item.single.reward .author-content-item .author-content-item-title{color:var(--heo-red)}.author-content-item.single.reward .reward-list-all{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:1rem;margin-bottom:.5rem;margin-left:-.25rem;margin-right:-.25rem}.author-content-item.single.reward .reward-list-all .reward-list-item{padding:1rem;border-radius:12px;border:var(--style-border-always);width:calc((100% / 6) - .5rem);margin:0 .25rem .5rem .25rem;box-shadow:var(--heo-shadow-border)}@media screen and (max-width:1200px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:calc((100% / 4) - .5rem)}}@media screen and (max-width:900px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:calc((100% / 2) - .5rem)}}@media screen and (max-width:768px){.author-content-item.single.reward .reward-list-all .reward-list-item{width:100%}}.author-content-item.single.reward .author-content-item-description{font-size:16px;margin-top:.5rem}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-name{font-size:1rem;font-weight:700;line-height:1;margin-bottom:.5rem}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-bottom-group{display:flex;align-items:center;justify-content:space-between}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-money{padding:4px;background:var(--heo-fontcolor);color:var(--card-bg);font-size:12px;line-height:1;border-radius:4px;margin-right:4px;white-space:nowrap}.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-time{font-size:12px;color:var(--heo-secondtext);white-space:nowrap}.author-content-item.single.reward .reward-list-updateDate{color:var(--heo-gray);font-size:14px}.author-content-item.single.reward .post-reward{position:absolute;right:2rem;top:2rem}.author-content-item.single.reward .post-reward .reward-button{padding:8px 12px;background:var(--heo-red);border-radius:12px;color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;box-shadow:none;width:fit-content;height:fit-content;line-height:2}@media screen and (max-width:768px){.author-content-item.single.reward .post-reward .reward-button{display:none}}.author-content-item.single.reward .post-reward .reward-button i{margin-right:8px;font-size:1rem}.author-content-item.single.reward .post-reward .reward-main{top:60px;right:0;left:auto;bottom:auto;width:fit-content;box-shadow:var(--heo-shadow-border)}.author-content-item.single.reward .post-reward .reward-main .reward-all::before{bottom:auto;top:-16px}.author-content-item.single.reward a.reward-main-btn{display:none}.author-content-item.game-lol{background:url(https://img.zhheo.com/i/2022/08/31/630efa7ae39fe.webp) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:var(--heo-white);width:59%}.author-content-item .card-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:flex;flex-direction:column;padding:1rem 2rem}@media screen and (max-width:768px){.author-content-item .card-content{padding:1rem}}.author-content-item.game-lol::after{box-shadow:0 -69px 203px 11px #575d8b inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}.loading-bar{position:absolute;width:500px;height:62.5px;transform:translate(-25%,-50%) scale(.5);transition:all .5s;user-select:none;overflow:hidden}.loading-bar::after{content:"";position:absolute;top:500px;left:0;filter:drop-shadow(0 -500px 0 #ece5d8);width:500px;height:62.5px;background:url(https://img.cdn.yzczi.com/img/64795eaece0fc.png) no-repeat left 100%;background-size:500px 62.5px;background-position-x:0}.author-content-item.game-lol:hover .loading-bar::after{animation:loading-bar 3.5s cubic-bezier(.28,.11,.32,1) infinite forwards}@keyframes loading-bar{0%{width:0;background-size:500px 62.5px}83%{width:475px}83.1%{width:475px}83.2%{width:475px}83.3%{width:475px}83.4%{width:475px}83.5%{width:475px}83.6%{width:475px}83.7%{width:475px}83.8%{width:475px}83.9%{width:475px}84%{width:475px}85%{width:475px}86%{width:475px}87%{width:475px}100%{width:500px}}.author-content-item .content-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.author-content-item .content-bottom .icon-group{display:flex}.author-content-item .content-bottom .icon-group i{display:inline-block;width:22px;height:18px;margin-right:.5rem}.icon-pos-sup{background:url(https://img.zhheo.com/i/2022/08/25/63074b68d9f4c.png)}.icon-pos-mid{background:url(https://img.zhheo.com/i/2022/08/25/63074b54d2731.png)}.author-content-item.game-wolf{width:39%;background:url(https://img.zhheo.com/i/2022/08/31/630efa916a851.webp) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:var(--heo-white)}.author-content-item.game-wolf::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0}.author-content-item.like-technology{background:url(https://img.zhheo.com/i/2022/08/31/630efac3ecef3.webp) no-repeat;background-size:cover;min-height:230px;color:var(--heo-white)}.author-content-item.like-music{background:url(https://img.zhheo.com/i/2022/08/31/630efae141e9a.webp) no-repeat top;background-size:cover;min-height:400px;color:var(--heo-white);overflow:hidden}.author-content-item.like-music::after{box-shadow:0 -69px 203px 11px #453e38 inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}.author-content-item .card-content .author-content-item-title{margin-bottom:.5rem}.author-content-item .card-content .banner-button-group{position:absolute;bottom:1.5rem;right:2rem}.author-content-item .card-content .banner-button-group .banner-button{height:40px;width:124px;border-radius:20px;justify-content:center;background:var(--heo-black-op);color:var(--heo-white);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}.author-content-item .card-content .banner-button-group .banner-button:hover{background:var(--heo-main);color:var(--heo-white)}.author-content-item .card-content .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}@media screen and (max-width:768px){.author-content-item .card-content .banner-button-group{right:1rem;bottom:1rem}.author-content-item .card-content .banner-button-group .banner-button{background:0 0;color:var(--heo-white);padding:0;width:fit-content}.author-content-item .card-content .banner-button-group .banner-button i{margin-right:0;font-size:1.5rem}.author-content-item .card-content .banner-button-group .banner-button-text{display:none}}.author-content-item.single.like-movie{height:19rem;background:url(https://img.zhheo.com/i/2022/09/27/633289920d1c7.webp) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden}.author-content-item.single.like-movie::after{box-shadow:0 21px 133px 81px #1c1c1c inset;position:absolute;content:'';width:100%;height:100%;top:0;left:0}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button{padding:8px 12px;background:var(--heo-white);border-radius:12px;color:var(--heo-black);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;border:none}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button:hover{background:#d0b247;color:var(--heo-white)}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}@media screen and (max-width:768px){#article-container .author-content-item.single.like-movie .banner-button-group{right:1rem;bottom:1rem}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button{background:0 0;color:var(--heo-white);padding:0}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button i{margin-right:0;font-size:1.5rem}#article-container .author-content-item.single.like-movie .banner-button-group .banner-button-text{display:none}}.author-content.author-content-item.toolPage{height:19rem;background:url(https://img.zhheo.com/i/2022/08/26/6308d5778ba3c.jpg) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden;margin-top:0}.author-content.author-content-item.momentsPage{height:19rem;background:url(https://img.zhheo.com/i/2022/08/26/6308d5b137881.jpg) no-repeat top;background-size:cover;color:var(--heo-white);overflow:hidden;margin-top:0}.author-content.author-content-item.essayPage{height:19rem;background:url(https://img.zhheo.com/i/2022/08/27/6309587509a02.jpg) no-repeat center;background-size:cover;color:var(--heo-white);overflow:hidden;margin-top:0}#console{display:flex;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:9999;justify-content:center;opacity:0;transition:.3s ease-out;flex-direction:column;align-items:center;pointer-events:none}#console.show{opacity:1;pointer-events:all}#console .console-card-group{display:flex;justify-content:space-between;align-items:center;margin:0 30px;max-width:1400px;transform:translateY(20px);transition:.3s;opacity:0}#console.show .console-card-group{transform:translateY(0);opacity:1;transition-delay:.1s}#console .console-card-group-left{margin-right:.5rem;width:40%;height:100%}#console .console-card-group-right{display:flex;flex-direction:column;justify-content:center;height:100%;width:60%;overflow:hidden}@media screen and (max-width:1300px){#console .console-card-group{justify-content:center}#console .console-card-group-left{display:none}#console .console-card-group-right{width:100%;margin:0}#consoleMusic{display:none}#consoleCommentBarrage{display:none}}@media screen and (max-width:768px){#console .console-card-group{display:none}#consoleHideAside{display:none}}@media screen and (max-height:800px){#console .console-card-group{display:none}#consoleMusic{display:none}#consoleCommentBarrage{display:none}}@media screen and (max-width:867px){#console .close-btn{display:none}#console .console-card-group{display:none}#consoleHideAside{display:none}.console-card-group-reward .reward-all .reward-item img{width:130px;height:130px}#console #consoleKeyboard{display:none}}#console .console-card{background:var(--heo-maskbg);border-radius:12px;overflow:hidden;border:var(--style-border);box-shadow:var(--heo-shadow-border);padding:40px}.console-card-group-reward .reward-all .reward-item img{width:230px;height:230px}#console .console-card.tags{height:calc(100% - 172px)}#console .console-mask{background:var(--heo-maskbgdeep);backdrop-filter:saturate(100%) blur(0);-webkit-backdrop-filter:blur(0);width:100vw;height:100vh;top:0;left:0;position:absolute;z-index:-1;transition:.3s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}#console.show .console-mask{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px)}#card-newest-comments .aside-list-item .thumbnail img{width:20px;height:20px;margin-right:8px;border-radius:20px}#card-newest-comments .aside-list-item{background:var(--heo-card-bg);border-radius:12px;border:var(--style-border);padding:12px 16px;width:49%;display:flex;flex-direction:column;height:150px;transition:.3s;position:relative}#card-newest-comments .aside-list-item:hover{background:var(--heo-main);color:var(--heo-white)}#card-newest-comments .aside-list-item:not(:last-child){margin-bottom:.5rem}#card-newest-comments .aside-list-item .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:700}#console .author-content-item-tips{opacity:.8;font-size:.6rem;margin-bottom:.5rem}#console .author-content-item-title{font-size:36px;font-weight:700;line-height:1}#console .aside-list-item .thumbnail{display:flex;align-items:center}#console .aside-list-item:hover .thumbnail{color:var(--heo-white)}#console .aside-list-item .content{display:flex;flex-direction:column;height:100%;margin-top:.5rem}#console .aside-list-item .content .comment{-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-height:24px;font-size:14px}#console .aside-list-item .content .comment::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0}#console .aside-list-item:hover .content .comment{color:var(--heo-white)}#console .aside-list-item .content time{font-size:12px;color:var(--heo-secondtext);margin-top:auto}#console .aside-list-item:hover .content time{color:var(--heo-white)}#console .aside-list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;margin-top:1.5rem}#console .button-group{display:flex;margin:1rem auto 0 auto;justify-content:center;width:fit-content}#console .button-group .console-btn-item{width:60px;height:60px;transition:.3s;cursor:pointer}#console .button-group .console-btn-item:not(:last-child){margin-right:.5rem}#console .button-group .console-btn-item:hover a{background:var(--heo-main)}#console .button-group .console-btn-item a{width:100%;height:100%;background:var(--card-bg);border:var(--style-border);border-radius:60px;display:flex;align-items:center;justify-content:center;color:var(--heo-fontcolor)}#console .button-group .console-btn-item.on a{background:var(--heo-orange);color:var(--heo-white);transition:.3s}#console .button-group .console-btn-item a:hover{background:var(--heo-main)!important}#console .button-group .console-btn-item:hover a{color:var(--heo-white)}.console-card.tags .card-tag-cloud{margin-top:1.5rem;display:flex;flex-wrap:wrap}.console-card.tags .card-tag-cloud a{color:var(--heo-fontcolor)!important;margin:6px 4px;padding:2px 8px;border-radius:8px;background:var(--heo-card-bg);border:var(--style-border);font-size:14px!important;font-weight:700}.console-card.tags .card-tag-cloud a:hover{background:var(--heo-main);color:var(--heo-white)!important}.console-card.tags .card-tag-cloud a sup{opacity:.6}#console .close-btn{width:35px;height:35px;position:fixed;right:100px;top:30px;font-size:35px;color:var(--heo-fontcolor);cursor:pointer;transition:.3s;display:flex}#console .close-btn:hover{color:var(--heo-hovertext)}#console .console-card.history{margin-top:8px;padding:0;background:0 0;box-shadow:none;border:none;overflow:hidden}#console .console-card.history .item-headline{display:none}#console .console-card.history .card-archive-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:164px}#console .console-card.history .card-archive-list li.card-archive-list-item{flex:0 0 24%}#console .console-card.history .card-archive-list .card-archive-list-link{border-radius:8px;margin-top:8px;display:flex;flex-direction:column;align-content:space-between;border:var(--style-border);background:var(--heo-maskbgdeep);padding:8px 16px}#console .console-card.history .card-archive-list .card-archive-list-link:hover{background:var(--heo-main);color:var(--heo-white)}#console #card-newest-comments{height:100%}#console .button-group i{font-size:1rem}#console .console-card-group-reward .reward-all{display:flex;align-items:center;justify-content:center}#console .console-card-group-reward .reward-all .reward-item{display:flex;flex-direction:column;align-items:center;margin:.625rem}#keyboard-tips{position:fixed;top:80px;left:20px;z-index:999;background:var(--heo-maskbgdeep);border-radius:12px;border:var(--style-border);padding:20px;display:flex;flex-direction:column;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:none;box-shadow:var(--heo-shadow-border);opacity:0;transition:.3s}#keyboard-tips.show{opacity:1;transition:.1s}#keyboard-tips .keybordList{display:flex;flex-direction:column;margin-top:8px}#keyboard-tips .keyboardTitle{font-size:12px;color:var(--heo-secondtext);line-height:1}#keyboard-tips .keybordItem{display:flex;margin-top:4px}#keyboard-tips .keyGroup{display:flex;align-items:center;width:90px}#keyboard-tips .keyGroup .key{padding:.2em .4em;font-family:inherit;background-color:var(--card-bg);color:var(--heo-fontcolor);border:var(--style-border);border-color:var(--heo-secondtext);border-bottom:2px solid var(--heo-secondtext);box-shadow:var(--heo-shadow-border);border-radius:.25rem;overflow-wrap:break-word;overflow-x:auto;font-weight:500;font-size:.875em;margin-right:4px;vertical-align:baseline;line-height:1;height:24px}a.toc-link{color:currentColor;height:0%}#aside-content #card-toc .toc-content .is-active-link{font-weight:700;font-size:20px;color:var(--heo-lighttext)}code:not([class]){color:var(--heo-white);padding:.25rem .4rem;border-radius:4px;margin:0 4px;background:var(--heo-pink);line-height:2;box-shadow:var(--heo-shadow-border);font-size:17.5px;font-family:consolas,Menlo,"PingFang SC","Microsoft YaHei",sans-serif!important}#page-header.nav-fixed #nav #page-name-text{display:inline;opacity:1;transition:.3s;line-height:1.6}.nav-fixed #nav #page-name-text:hover{background:var(--heo-main);transition:.3s;border-radius:50px;padding:4px 8px}@media screen and (min-width:900px){#page-header.nav-fixed #nav #page-name-text::after{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:"回到顶部";-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;position:absolute;left:0;right:0;top:48%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:auto;color:#fff!important;font-weight:700;line-height:2;font-size:17px}}#menus>div.menus_items a{font-size:16.8px;font-weight:700}#nav .menus_items .menus_item .menus_item_child{padding:2px 2px 4px 2px;border-radius:55px}#nav .menus_items .menus_item .menus_item_child li a:hover{padding:.2rem .5rem}
\ No newline at end of file
diff --git a/templates/modules/layouts/layout.html b/templates/modules/layouts/layout.html
index 5ccb289a..6a1e4559 100644
--- a/templates/modules/layouts/layout.html
+++ b/templates/modules/layouts/layout.html
@@ -124,7 +124,37 @@
         <!-- Tocbot 目录生成 end -->
 
 
-        
+
+        <script>
+            !function(p) {
+                "use strict";
+                !function(t) {
+                    var s = window
+                      , e = document
+                      , i = p
+                      , c = "".concat("https:" === e.location.protocol ? "https://" : "http://", "sdk.51.la/js-sdk-pro.min.js")
+                      , n = e.createElement("script")
+                      , r = e.getElementsByTagName("script")[0];
+                    n.type = "text/javascript",
+                    n.setAttribute("charset", "UTF-8"),
+                    n.async = !0,
+                    n.src = c,
+                    n.id = "LA_COLLECT",
+                    i.d = n;
+                    var o = function() {
+                        s.LA.ids.push(i)
+                    };
+                    s.LA ? s.LA.ids && o() : (s.LA = p,
+                    s.LA.ids = [],
+                    o()),
+                    r.parentNode.insertBefore(n, r)
+                }()
+            }({
+                id: "[[${theme.config.about.LingQueMonitorID}]]",
+                ck: "[[${theme.config.about.LingQueMonitorID}]]",
+                hashMode: true
+            });
+        </script>
 
 
         <script >
diff --git a/templates/modules/post-list.html b/templates/modules/post-list.html
index b6d58d92..826752c3 100644
--- a/templates/modules/post-list.html
+++ b/templates/modules/post-list.html
@@ -39,7 +39,7 @@
                    th:href="@{${post.status.permalink}}"
                    th:text="${post.spec.title}">
                 </a>
-                <div class="content" th:text="${post.status.excerpt}"></div>
+                <!-- <div class="content" th:text="${post.status.excerpt}"></div> -->
             </div>
 
 
diff --git a/templates/modules/postHeadAiDescription.html b/templates/modules/postHeadAiDescription.html
new file mode 100644
index 00000000..eed045c7
--- /dev/null
+++ b/templates/modules/postHeadAiDescription.html
@@ -0,0 +1,377 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+
+<!-- 文章ai摘要 -->
+
+<script data-pjax th:fragment="postHeadAiDescription" th:if="${theme.config.aiDescription.enable}">
+
+
+        (function () {
+
+            let ai = "[[${post.status.excerpt}]]"
+            let randomNum = [[${theme.config.aiDescription.randomNum}]]  //按钮最大的随机次数，也就是一篇文章最大随机出来几种
+            let basicWordCount = [[${theme.config.aiDescription.basicWordCount}]] // 最低获取字符数, 最小1000, 最大1999
+            let btnLink = "[[${theme.config.aiDescription.btnLink}]]"
+            let gptName = "[[${theme.config.aiDescription.gptName}]]"
+            let modeName = "[[${theme.config.aiDescription.modeName}]]"  //默认模式 可选值: tianli/local
+            let switchBtn = [[${theme.config.aiDescription.switchBtn}]]  //# 可以配置是否显示切换按钮 以切换tianli/local
+            let keys = "[[${theme.config.aiDescription.key}]]"
+            let Referers = "[[${theme.config.aiDescription.Referer}]]"
+
+            // 当前随机到的ai摘要到index
+            let lastAiRandomIndex = -1;
+            let animationRunning = true; // 标志变量，控制动画函数的运行
+            // 当前gpt模式
+            let mode = modeName
+            // 刷新点击次数
+            let refreshNum = 0
+            // 记录上一次传递给aiAbstract的参数
+            let prevParam;
+            const aiTitleRefreshIcon = document.querySelector(".ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right")
+            const explanation = document.querySelector(".ai-explanation");
+            const post_ai = document.querySelector(".post-ai");
+            let ai_str = "";
+            let ai_str_length = "";
+            let delay_init = 600;
+            let i = 0;
+            let j = 0;
+            let sto = [];
+            let elapsed = 0;
+            const animate = timestamp => {
+                if (!animationRunning) {
+                    return; // 动画函数停止运行
+                }
+                if (!animate.start) animate.start = timestamp;
+                elapsed = timestamp - animate.start;
+                if (elapsed >= 20) {
+                    animate.start = timestamp;
+                    if (i < ai_str_length - 1) {
+                        let char = ai_str.charAt(i + 1);
+                        let delay = /[,.，。!?！？]/.test(char) ? 150 : 20;
+                        if (explanation.firstElementChild) {
+                            explanation.removeChild(explanation.firstElementChild);
+                        }
+                        explanation.innerHTML += char;
+                        let div = document.createElement("div");
+                        div.className = "ai-cursor";
+                        explanation.appendChild(div);
+                        i++;
+                        if (delay === 150) {
+                            document.querySelector(".ai-explanation .ai-cursor").style.opacity = "0";
+                        }
+                        if (i === ai_str_length - 1) {
+                            observer.disconnect(); // 暂停监听
+                            explanation.removeChild(explanation.firstElementChild);
+                        }
+                        sto[0] = setTimeout(() => {
+                            requestAnimationFrame(animate);
+                        }, delay);
+                    }
+                } else {
+                    requestAnimationFrame(animate);
+                }
+            };
+            const observer = new IntersectionObserver(
+                entries => {
+                    let isVisible = entries[0].isIntersecting;
+                    animationRunning = isVisible; // 标志变量更新
+                    if (animationRunning) {
+                        delay_init = i === 0 ? 200 : 20;
+                        sto[1] = setTimeout(() => {
+                            if (j) {
+                                i = 0;
+                                j = 0;
+                            }
+                            if (i === 0) {
+                                explanation.innerHTML = ai_str.charAt(0);
+                            }
+                            requestAnimationFrame(animate);
+                        }, delay_init);
+                    }
+                },
+                { threshold: 0 }
+            );
+            function clearSTO() {
+                if (sto.length) {
+                    sto.forEach(item => {
+                        if (item) {
+                            clearTimeout(item);
+                        }
+                    });
+                }
+            }
+            function startAI(str, df = true) {
+                i = 0; //重置计数器
+                j = 1;
+                clearSTO();
+                animationRunning = false;
+                elapsed = 0;
+                observer.disconnect(); // 暂停上一次监听
+                explanation.innerHTML = df ? "生成中. . ." : "请等待. . .";
+                ai_str = str;
+                ai_str_length = ai_str.length;
+                observer.observe(post_ai); //启动新监听
+            }
+
+            async function aiAbstract(num = basicWordCount) {
+                i = 0; //重置计数器
+                j = 1;
+                clearSTO();
+                animationRunning = false;
+                elapsed = 0;
+                observer.disconnect(); // 暂停上一次监听
+                if (mode === "tianli") {
+                    num = Math.max(10, Math.min(2000, num));
+                    const options = {
+                        key: keys,
+                        Referer: Referers
+                    };
+
+                    const truncateDescription =  getTitleAndContent(num);
+                    const queryParams = `key=${options.key}&content=${truncateDescription}`;
+                    const requestOptions = {
+                        method: "GET",
+                        headers: {
+                            "Content-Type": "application/json",
+                            Referer: options.Referer
+                        },
+                    };
+                    try {
+                        let animationInterval = null
+                        if (animationInterval) clearInterval(animationInterval);
+                        animationInterval = setInterval(() => {
+                            const animationText = "生成中" + ".".repeat(j);
+                            explanation.innerHTML = animationText;
+                            j = (j % 3) + 1; // 在 1、2、3 之间循环
+                        }, 500);
+                        const response = await fetch(`https://summary.tianli0.top/?${queryParams}`, requestOptions);
+                        const result = await response.json();
+                        const summary = result.summary.trim();
+                        setTimeout(() => {
+                            aiTitleRefreshIcon.style.opacity = "1";
+                        }, 300)
+                        startAI(summary);
+                        clearInterval(animationInterval)
+
+                    } catch (error) {
+                        console.error(error);
+                    }
+                } else {
+                    const strArr = ai.split(",").map(item => item.trim()); // 将字符串转换为数组，去除每个字符串前后的空格
+                    if (strArr.length !== 1) {
+                        let randomIndex = Math.floor(Math.random() * strArr.length); // 随机生成一个索引
+                        while (randomIndex === lastAiRandomIndex) { // 如果随机到了上次的索引
+                            randomIndex = Math.floor(Math.random() * strArr.length); // 再次随机
+                        }
+                        lastAiRandomIndex = randomIndex; // 更新上次随机到的索引
+                        startAI(strArr[randomIndex]);
+                    } else {
+                        startAI(strArr[0])
+                    }
+                    setTimeout(() => {
+                        aiTitleRefreshIcon.style.opacity = "1";
+                    }, 600)
+                }
+            }
+
+            function aiRecommend() {
+                i = 0; //重置计数器
+                j = 1;
+                clearSTO();
+                animationRunning = false;
+                elapsed = 0;
+                explanation.innerHTML = "生成中. . .";
+                ai_str = "";
+                ai_str_length = "";
+                observer.disconnect(); // 暂停上一次监听
+                sto[2] = setTimeout(() => {
+                    explanation.innerHTML = recommendList();
+                }, 600);
+            }
+            function aiGoHome() {
+                startAI("正在前往博客主页...", false);
+                sto[2] = setTimeout(() => {
+                    pjax.loadUrl("/");
+                }, 1000);
+            }
+            const ai_btn_item = document.querySelectorAll(".ai-btn-item");
+            function Introduce() {
+                if (mode == "tianli") {
+                    startAI("我是文章辅助AI: TianliGPT，点击下方的按钮，让我生成本文简介、推荐相关文章等。")
+                } else {
+                    startAI("我是文章辅助AI: " + gptName + " GPT，点击下方的按钮，让我生成本文简介、推荐相关文章等。")
+                }
+            }
+            function aiTitleRefreshIconClick() {
+                aiTitleRefreshIcon.click()
+            }
+            const aiFunctions = [Introduce, aiTitleRefreshIconClick, aiRecommend, aiGoHome];
+            ai_btn_item.forEach((item, index) => {
+                item.addEventListener("click", () => {
+                    aiFunctions[index]();
+                });
+            });
+
+            function recommendList() {
+                let thumbnail = document.querySelectorAll('.relatedPosts-list a');
+                if (!thumbnail.length) {
+                    const cardRecentPost = document.querySelector('.card-widget.card-recent-post');
+                    if (!cardRecentPost) return '';
+
+                    thumbnail = cardRecentPost.querySelectorAll('.aside-list-item a');
+
+                    let list = '';
+                    for (let i = 0; i < thumbnail.length; i++) {
+                        const item = thumbnail[i];
+                        list += `<div class="ai-recommend-item"><span class="index">${i + 1}：</span><a href="javascript:;" onclick="pjax.loadUrl('${item.href}')" title="${item.title}" data-pjax-state="">${item.title}</a></div>`;
+                    }
+
+                    return `很抱歉，无法找到类似的文章，你也可以看看本站最新发布的文章：<br /><div class="ai-recommend">${list}</div>`;
+                }
+
+                let list = '';
+                for (let i = 0; i < thumbnail.length; i++) {
+                    const item = thumbnail[i];
+                    list += `<div class="ai-recommend-item"><span>推荐${i + 1}：</span><a href="javascript:;" onclick="pjax.loadUrl('${item.href}')" title="${item.title}" data-pjax-state="">${item.title}</a></div>`;
+                }
+
+                return `推荐文章：<br /><div class="ai-recommend">${list}</div>`;
+            }
+
+
+            function changeShowMode() {
+                if (mode === "tianli") {
+                    mode = "local";
+                    document.getElementById("ai-tag").innerHTML = gptName + " GPT";
+                    aiAbstract(basicWordCount);
+                } else {
+                    mode = "tianli";
+                    document.getElementById("ai-tag").innerHTML = "Tianli GPT";
+
+                    const truncateDescription = getTitleAndContent(basicWordCount);
+                    let value = Math.floor(Math.random() * randomNum) + basicWordCount;
+                    while (value === prevParam || truncateDescription.length - value === prevParam) {
+                        value = Math.floor(Math.random() * randomNum) + basicWordCount;
+                    }
+                    aiTitleRefreshIcon.style.opacity = "0.2";
+                    aiTitleRefreshIcon.style.transitionDuration = "0.3s";
+                    aiTitleRefreshIcon.style.transform = "rotate(" + 360 * refreshNum + "deg)";
+                    if (truncateDescription.length <= 1000) {
+                        let param = truncateDescription.length - Math.floor(Math.random() * randomNum);
+                        while (param === prevParam) {
+                            param = truncateDescription.length - Math.floor(Math.random() * randomNum);
+                        }
+                        aiAbstract(param);
+                        prevParam = param;
+                    } else {
+                        aiAbstract(value);
+                        prevParam = value;
+                    }
+                    refreshNum++;
+                }
+            }
+
+            //- 监听tag点击事件
+            document.getElementById("ai-tag").addEventListener("click", () => {
+                if (mode === "tianli") {
+                    document.querySelectorAll(".ai-btn-item").forEach(item => item.style.display = "none");
+                    document.getElementById("go-tianli-blog").style.display = "block";
+                    startAI("你好，我是Tianli开发的摘要生成助理TianliGPT，是一个基于GPT-4的生成式AI。我在这里只负责摘要的预生成和显示，你无法与我直接沟通，如果你也需要一个这样的AI摘要接口，可以在下方购买。（暂未开放购买，敬请期待）")
+                } else {
+                    document.getElementById("go-tianli-blog").style.display = "none";
+                    startAI("你好，我是本站摘要生成助理" + gptName + " GPT，是一个基于GPT-4的生成式AI。我在这里只负责摘要的预生成和显示，你无法与我直接沟通。")
+                }
+
+            });
+
+            aiTitleRefreshIcon.addEventListener("click", () => {
+                const truncateDescription = getTitleAndContent(basicWordCount);
+                let value = Math.floor(Math.random() * randomNum) + basicWordCount;
+                while (value === prevParam || truncateDescription.length - value === prevParam) {
+                    value = Math.floor(Math.random() * randomNum) + basicWordCount;
+                }
+                aiTitleRefreshIcon.style.opacity = "0.2";
+                aiTitleRefreshIcon.style.transitionDuration = "0.3s";
+                aiTitleRefreshIcon.style.transform = "rotate(" + 360 * refreshNum + "deg)";
+                if (truncateDescription.length <= 1000) {
+                    let param = truncateDescription.length - Math.floor(Math.random() * randomNum);
+                    while (param === prevParam) {
+                        param = truncateDescription.length - Math.floor(Math.random() * randomNum);
+                    }
+                    aiAbstract(param);
+                    prevParam = param;
+                } else {
+                    aiAbstract(value);
+                    prevParam = value;
+                }
+                showAiBtn();
+                refreshNum++;
+            });
+
+            document.getElementById("go-tianli-blog").addEventListener("click", () => {
+                window.open(btnLink, "_blank");
+            });
+
+            if (switchBtn) {
+                document.getElementById("ai-Toggle").addEventListener("click", () => {
+                    changeShowMode()
+                });
+            }
+
+            function showAiBtn() {
+                document.querySelectorAll(".ai-btn-item").forEach(item => {
+                    if (item.id !== "go-tianli-blog") {
+                        item.style.display = "block";
+                    }
+                    if (item.id === "go-tianli-blog") {
+                        item.style.display = "none";
+                    }
+                });
+            }
+
+            //读取文章中的所有文本
+            function getTitleAndContent(basicWordCount) {
+                try {
+                const title = document.title;
+                const container = document.querySelector('#post #article-container');
+                if (!container) {
+                    console.warn('TianliGPT：找不到文章容器。请尝试将引入的代码放入到文章容器之后。如果本身没有打算使用摘要功能可以忽略此提示。');
+                    return '';
+                }
+                const paragraphs = container.getElementsByTagName('p');
+                
+                const headings = container.querySelectorAll('h1, h2, h3, h4, h5');
+                let content = '';
+            
+                for (let h of headings) {
+                    content += h.innerText + ' ';
+                }
+            
+                for (let p of paragraphs) {
+                    // 移除包含'http'的链接
+                    const filteredText = p.innerText.replace(/https?:\/\/[^\s]+/g, '');
+                    content += filteredText;
+                }
+            
+                const combinedText = title + ' ' + content;
+                let wordLimit = 1000;
+                if (basicWordCount !== "undefined") {
+                    wordLimit = basicWordCount;
+                }
+                const truncatedText = combinedText.slice(0, wordLimit);
+                return truncatedText;
+                } catch (e) {
+                console.error('TianliGPT错误：可能由于一个或多个错误导致没有正常运行，原因出在获取文章容器中的内容失败，或者可能是在文章转换过程中失败。', e);
+                return '';
+                }
+            }
+
+            aiAbstract();
+            showAiBtn()
+        })()
+
+
+
+    </script>
+
+</html>
\ No newline at end of file
diff --git a/templates/modules/widgets/console.html b/templates/modules/widgets/console.html
index f6b141dd..070dc896 100644
--- a/templates/modules/widgets/console.html
+++ b/templates/modules/widgets/console.html
@@ -3,84 +3,97 @@
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
 <!-- TODO 控制台功能 -->
 <div id="console" th:fragment="console">
-    <div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()">
-        <i class="anzhiyufont anzhiyu-icon-circle-xmark" style="font-size:35px"></i>
+  <div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()">
+    <i class="anzhiyufont anzhiyu-icon-circle-xmark" style="font-size:35px"></i>
+  </div>
+  <div class="console-card-group">
+    <!-- 评论，需要使用评论插件，获取最近评论 -->
+    <div class="console-card-group-left">
+      <div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
+        <div class="card-content">
+          <div class="author-content-item-tips">互动</div>
+          <span class="author-content-item-title">最近评论</span>
+        </div>
+        <div class="aside-list"><span>正在加载中...</span></div>
+      </div>
     </div>
-    <div class="console-card-group">
-        <!-- 评论，需要使用评论插件，获取最近评论 -->
-        <div class="console-card-group-left">
-            <div class="console-card" id="card-newest-comments" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">互动</div>
-                    <span class="author-content-item-title">最近评论</span>
-                </div>
-                <div class="aside-list"><span>正在加载中...</span></div>
-            </div>
+    <!-- 右侧展示 tag -->
+    <div class="console-card-group-right">
+      <div class="console-card tags" onclick="heo.hideConsole()">
+        <div class="card-content">
+          <div class="author-content-item-tips">标签</div>
+          <span class="author-content-item-title">寻找感兴趣的领域</span>
         </div>
-        <!-- 右侧展示 tag -->
-        <div class="console-card-group-right">
-            <div class="console-card tags" onclick="heo.hideConsole()">
-                <div class="card-content">
-                    <div class="author-content-item-tips">标签</div>
-                    <span class="author-content-item-title">寻找感兴趣的领域</span>
-                </div>
-                <div class="card-tag-cloud" th:with="tags = ${tagFinder.listAll()}">
-                    <a style="font-size:1em;color:#d3d3d3" th:each="tag : ${tags}" th:href="@{${tag.status.permalink}}">
-                        [[${tag.spec.displayName}]]<sup th:text="${tag.status.visiblePostCount}"></sup>
-                    </a>
-                </div>
-            </div>
-            <!-- 底部展示时间归档 -->
-            <div class="console-card history" onclick="heo.hideConsole()">
-                <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
-                <ul class="card-archive-list" th:with="archives = ${postFinder.archives(1,1000)}">
-                    <th:block th:each="archive : ${archives.items}">
-                        <li class="card-archive-list-item" th:each="month,monthStat : ${archive.months}">
-                            <a class="card-archive-list-link"
-                               th:href="@{'/archives/'+${archive.year}+'/'+${month.month}}"
-                               data-pjax-state="load"><span
-                                    class="card-archive-list-date">[[${archive.year}]]-[[${month.month}]]</span>
-                                <div class="card-archive-list-count-group"><span
-                                        class="card-archive-list-count">[[${month.posts.size()}]]</span>
-                                    <span class="card-archive-list-count-unit">篇</span>
-                                </div>
-                            </a>
-                        </li>
-                    </th:block>
-                </ul>
-            </div>
+        <div class="card-tag-cloud" th:with="tags = ${tagFinder.listAll()}">
+          <a style="font-size:1em;color:#d3d3d3" th:each="tag : ${tags}" th:href="@{${tag.status.permalink}}">
+            [[${tag.spec.displayName}]]<sup th:text="${tag.status.visiblePostCount}"></sup>
+          </a>
         </div>
+      </div>
+      <!-- 底部展示时间归档 -->
+      <div class="console-card history" onclick="heo.hideConsole()">
+        <div class="item-headline"><i class="fas fa-archive"></i><span>文章</span></div>
+        <ul class="card-archive-list" th:with="archives = ${postFinder.archives(1,1000)}">
+          <th:block th:each="archive : ${archives.items}">
+            <li class="card-archive-list-item" th:each="month,monthStat : ${archive.months}">
+              <a class="card-archive-list-link" th:href="@{'/archives/'+${archive.year}+'/'+${month.month}}"
+                data-pjax-state="load"><span
+                  class="card-archive-list-date">[[${archive.year}]]-[[${month.month}]]</span>
+                <div class="card-archive-list-count-group"><span
+                    class="card-archive-list-count">[[${month.posts.size()}]]</span>
+                  <span class="card-archive-list-count-unit">篇</span>
+                </div>
+              </a>
+            </li>
+          </th:block>
+        </ul>
+      </div>
     </div>
-    <div class="button-group">
-        <div class="console-btn-item">
-            <!-- 用到了 rightmenu.js 的功能，还需要调整 -->
-            <a class="darkmode_switchbutton" href="javascript:void(0);" onclick="rm.switchDarkMode()"
-               rel="external nofollow"
-               title="显示模式切换"><i class="iconfont icon-moon" style="font-size:1rem"></i>
-            </a>
-        </div>
-        <div class="console-btn-item" id="consoleHideAside" onclick="heo.hideAsideBtn()" title="边栏显示控制"><a
-                class="asideSwitch" data-pjax-state=""><i class="anzhiyufont anzhiyu-icon-arrows-left-right"></i></a>
-        </div>
-        <div class="console-btn-item on" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()"
-             title="热评开关"><a
-                class="commentBarrage" data-pjax-state=""><i class="anzhiyufont anzhiyu-icon-message"></i></a></div>
+  </div>
 
-        <!--<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a-->
-        <!--        class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a>-->
-        <!--</div>-->
-        <!--<div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a-->
-        <!--        class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a>-->
-        <!--</div>-->
-        <!--<div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a-->
-        <!--        class="music-switch"><i class="fa-duotone fa-music"></i></a>-->
-        <!--</div>-->
-    </div>
-    <div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow">
+  <div class="console-card-group-reward" th:if="${theme.config.aboutReward.reward.enable_reward}">
+    <ul class="reward-all console-card">
+      <li class="reward-item"><a th:href="@{${theme.config.aboutReward.reward.wxPay}}"
+          rel="external nofollow noreferrer" target="_blank" draggable="false"><img
+            class=" entered loaded" alt="微信"
+            th:src="${theme.config.aboutReward.reward.wxPay}"></a>
+        <div class="post-qr-code-desc">微信</div>
+      </li>
+      <li class="reward-item"><a th:href="@{${theme.config.aboutReward.reward.alipay}}"
+          rel="external nofollow noreferrer" target="_blank" draggable="false"><img
+            class=" entered loaded" alt="支付宝"
+            th:src="${theme.config.aboutReward.reward.alipay}"></a>
+        <div class="post-qr-code-desc">支付宝</div>
+      </li>
+    </ul>
+  </div>
+  <div class="button-group">
+    <div class="console-btn-item">
+      <!-- 用到了 rightmenu.js 的功能，还需要调整 -->
+      <a class="darkmode_switchbutton" href="javascript:void(0);" onclick="rm.switchDarkMode()" rel="external nofollow"
+        title="显示模式切换"><i class="iconfont icon-moon" style="font-size:1rem"></i>
+      </a>
     </div>
+    <div class="console-btn-item" id="consoleHideAside" onclick="heo.hideAsideBtn()" title="边栏显示控制"><a
+        class="asideSwitch" data-pjax-state=""><i class="anzhiyufont anzhiyu-icon-arrows-left-right"></i></a></div>
+    <div class="console-btn-item on" id="consoleCommentBarrage" onclick="heo.switchCommentBarrage()" title="热评开关"><a
+        class="commentBarrage" data-pjax-state=""><i class="anzhiyufont anzhiyu-icon-message"></i></a></div>
 
-    <!-- 最近评论 -->
-    <script th:replace="~{modules/widgets/cardNewestComments :: cardNewestComments}"></script>
+    <!--<div class="console-btn-item" id="consoleKeyboard" onclick="heo.keyboardToggle()" title="快捷键开关"><a-->
+    <!--        class="keyboard-switch"><i class="fa-duotone fa-keyboard"></i></a>-->
+    <!--</div>-->
+    <!--<div class="console-btn-item" id="assist-open" onclick="heo.hideConsole()" title="无障碍工具栏"><a-->
+    <!--        class="assist-btn"><i class="fa-duotone fa-wheelchair"></i></a>-->
+    <!--</div>-->
+    <!--<div class="console-btn-item" id="consoleMusic" onclick="heo.musicToggle()" title="音乐开关"><a-->
+    <!--        class="music-switch"><i class="fa-duotone fa-music"></i></a>-->
+    <!--</div>-->
+  </div>
+  <div class="console-mask" href="javascript:void(0);" onclick="heo.hideConsole()" rel="external nofollow">
+  </div>
+
+  <!-- 最近评论 -->
+  <script th:replace="~{modules/widgets/cardNewestComments :: cardNewestComments}"></script>
 </div>
 
 </html>
\ No newline at end of file
diff --git a/templates/post.html b/templates/post.html
index bb4a12e3..8165c329 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -97,18 +97,15 @@
         <main class="layout" id="content-inner" th:classappend="${theme.config.sidebar.location}">
             <div id="post">
 
-                <!-- <link rel="stylesheet" href="https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.7/tianli_gpt.css">
-                <script>
-                let tianliGPT_postSelector = '#post #article-container';
-                let tianliGPT_key = 'QokJo3m2LZ53uAqICeLO';
-                </script>
-                <script src="https://blog.zhheo.com/js/heo_gpt.js"></script> -->
+     
 
-                <!-- <div class="post-ai">
+                <!-- 文章ai摘要 -->
+                <div class="post-ai" th:if="${theme.config.aiDescription.enable}">
                     <div class="ai-title"><i class="anzhiyufont anzhiyu-icon-bilibili"></i>
-                        <div class="ai-title-text">AI-摘要</div><i
-                            class="anzhiyufont anzhiyu-icon-arrow-rotate-right"></i>
-                        <div class="ai-tag" id="ai-tag">Tianli GPT</div>
+                        <div class="ai-title-text">AI-摘要</div>
+                        <div th:if="${theme.config.aiDescription.switchBtn}" id="ai-Toggle">切换</div>
+                        <i class="anzhiyufont anzhiyu-icon-arrow-rotate-right"></i>
+                        <div class="ai-tag" id="ai-tag">[[${theme.config.aiDescription.gptName}]] GPT</div>
                     </div>
                     <div class="ai-explanation" style="display: block;">AI初始化中...</div>
                     <div class="ai-btn-box">
@@ -118,334 +115,22 @@
                         <div class="ai-btn-item">前往主页</div>
                         <div class="ai-btn-item" id="go-tianli-blog">前往tianli博客</div>
                     </div>
-                    <script data-pjax>(function () {
-                                             // 当前随机到的ai摘要到index
-                                             let lastAiRandomIndex = -1;
-                                             let animationRunning = true; // 标志变量，控制动画函数的运行
-                                             // 当前gpt模式
-                                             let mode = "tianli"
-                                             // 刷新点击次数
-                                             let refreshNum = 0
-                                             // 记录上一次传递给aiAbstract的参数
-                                             let prevParam;
-                                             const aiTitleRefreshIcon = document.querySelector(".ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right")
-                                             const explanation = document.querySelector(".ai-explanation");
-                                             const post_ai = document.querySelector(".post-ai");
-                                             let ai_str = "";
-                                             let ai_str_length = "";
-                                             let delay_init = 600;
-                                             let i = 0;
-                                             let j = 0;
-                                             let sto = [];
-                                             let elapsed = 0;
-                                             const animate = timestamp => {
-                                                 if (!animationRunning) {
-                                                     return; // 动画函数停止运行
-                                                 }
-                                                 if (!animate.start) animate.start = timestamp;
-                                                 elapsed = timestamp - animate.start;
-                                                 if (elapsed >= 20) {
-                                                     animate.start = timestamp;
-                                                     if (i < ai_str_length - 1) {
-                                                         let char = ai_str.charAt(i + 1);
-                                                         let delay = /[,.，。!?！？]/.test(char) ? 150 : 20;
-                                                         if (explanation.firstElementChild) {
-                                                             explanation.removeChild(explanation.firstElementChild);
-                                                         }
-                                                         explanation.innerHTML += char;
-                                                         let div = document.createElement("div");
-                                                         div.className = "ai-cursor";
-                                                         explanation.appendChild(div);
-                                                         i++;
-                                                         if (delay === 150) {
-                                                             document.querySelector(".ai-explanation .ai-cursor").style.opacity = "0";
-                                                         }
-                                                         if (i === ai_str_length - 1) {
-                                                             observer.disconnect(); // 暂停监听
-                                                             explanation.removeChild(explanation.firstElementChild);
-                                                         }
-                                                         sto[0] = setTimeout(() => {
-                                                             requestAnimationFrame(animate);
-                                                         }, delay);
-                                                     }
-                                                 } else {
-                                                     requestAnimationFrame(animate);
-                                                 }
-                                             };
-                                             const observer = new IntersectionObserver(
-                                                 entries => {
-                                                     let isVisible = entries[0].isIntersecting;
-                                                     animationRunning = isVisible; // 标志变量更新
-                                                     if (animationRunning) {
-                                                         delay_init = i === 0 ? 200 : 20;
-                                                         sto[1] = setTimeout(() => {
-                                                             if (j) {
-                                                                 i = 0;
-                                                                 j = 0;
-                                                             }
-                                                             if (i === 0) {
-                                                                 explanation.innerHTML = ai_str.charAt(0);
-                                                             }
-                                                             requestAnimationFrame(animate);
-                                                         }, delay_init);
-                                                     }
-                                                 },
-                                                 { threshold: 0 }
-                                             );
-                                             function clearSTO() {
-                                                 if (sto.length) {
-                                                     sto.forEach(item => {
-                                                         if (item) {
-                                                             clearTimeout(item);
-                                                         }
-                                                     });
-                                                 }
-                                             }
-                                             function startAI(str, df = true) {
-                                                 i = 0; //重置计数器
-                                                 j = 1;
-                                                 clearSTO();
-                                                 animationRunning = false;
-                                                 elapsed = 0;
-                                                 observer.disconnect(); // 暂停上一次监听
-                                                 explanation.innerHTML = df ? "生成中. . ." : "请等待. . .";
-                                                 ai_str = str;
-                                                 ai_str_length = ai_str.length;
-                                                 observer.observe(post_ai); //启动新监听
-                                             }
+                </div>
 
-                                             async function aiAbstract(num = 1000) {
-                                                 i = 0; //重置计数器
-                                                 j = 1;
-                                                 clearSTO();
-                                                 animationRunning = false;
-                                                 elapsed = 0;
-                                                 observer.disconnect(); // 暂停上一次监听
-                                                 if (mode === "tianli") {
-                                                     num = Math.max(10, Math.min(2000, num));
-                                                     const options = {
-                                                         key: "QokJo3m2LZ53uAqICeLO",
-                                                         Referer: "https://0206.ink/"
-                                                     };
-                                                     const truncateDescription = ("Docker Swarm常用命令" + "查看集群节点, Token相关, 创建nginx服务, 查看swarm集群中的服务, kill其中一个容器, 修改服务实例数量为3, 删除nginx服务, 删除swarm节点, docker swarm 常用命令, docker node 常用命令, docker service 常用命令查看集群节点相关查看加入的命令查看加入的命令重置的仅打印创建服务下载私有仓库镜像创建个容器为私有仓库查看集群中的服务其中一个容器等会自动启动一个新的容器修改服务实例数量为删除服务删除节点常用命令初始化集群查看工作节点的查看管理节点的加入集群中常用命令查看所有集群节点删除某个节点强制删除查看节点详情节点降级由管理节点降级为工作节点节点升级由工作节点升级为管理节点更新节点查看节点中的任务常用命令部署服务查看服务详情产看某个服务日志查看所有服务详情删除某个服务强制删除设置某个服务个数更新某个服务").trim().substring(0, num)
-
-                                                     const queryParams = `key=${options.key}&content=${truncateDescription}`;
-                                                     const requestOptions = {
-                                                         method: "GET",
-                                                         headers: {
-                                                             "Content-Type": "application/json",
-                                                             Referer: options.Referer
-                                                         },
-                                                     };
-                                                     try {
-                                                         let animationInterval = null
-                                                         if (animationInterval) clearInterval(animationInterval);
-                                                         animationInterval = setInterval(() => {
-                                                             const animationText = "生成中" + ".".repeat(j);
-                                                             explanation.innerHTML = animationText;
-                                                             j = (j % 3) + 1; // 在 1、2、3 之间循环
-                                                         }, 500);
-                                                         const response = await fetch(`https://summary.tianli0.top/?${queryParams}`, requestOptions);
-                                                         console.log(response)
-                                                         const result = await response.json();
-                                                         const summary = result.summary.trim();
-                                                         setTimeout(() => {
-                                                             aiTitleRefreshIcon.style.opacity = "1";
-                                                         }, 300)
-                                                         startAI(summary);
-                                                         clearInterval(animationInterval)
-
-                                                     } catch (error) {
-                                                         console.error(error);
-                                                     }
-                                                 } else {
-                                                     const strArr = "true".split(",").map(item => item.trim()); // 将字符串转换为数组，去除每个字符串前后的空格
-                                                     if (strArr.length !== 1) {
-                                                         let randomIndex = Math.floor(Math.random() * strArr.length); // 随机生成一个索引
-                                                         while (randomIndex === lastAiRandomIndex) { // 如果随机到了上次的索引
-                                                             randomIndex = Math.floor(Math.random() * strArr.length); // 再次随机
-                                                         }
-                                                         lastAiRandomIndex = randomIndex; // 更新上次随机到的索引
-                                                         startAI(strArr[randomIndex]);
-                                                     } else {
-                                                         startAI(strArr[0])
-                                                     }
-                                                     setTimeout(() => {
-                                                         aiTitleRefreshIcon.style.opacity = "1";
-                                                     }, 600)
-                                                 }
-                                             }
-
-                                             function aiRecommend() {
-                                                 i = 0; //重置计数器
-                                                 j = 1;
-                                                 clearSTO();
-                                                 animationRunning = false;
-                                                 elapsed = 0;
-                                                 explanation.innerHTML = "生成中. . .";
-                                                 ai_str = "";
-                                                 ai_str_length = "";
-                                                 observer.disconnect(); // 暂停上一次监听
-                                                 sto[2] = setTimeout(() => {
-                                                     explanation.innerHTML = recommendList();
-                                                 }, 600);
-                                             }
-                                             function aiGoHome() {
-                                                 startAI("正在前往博客主页...", false);
-                                                 sto[2] = setTimeout(() => {
-                                                     pjax.loadUrl("/");
-                                                 }, 1000);
-                                             }
-                                             const ai_btn_item = document.querySelectorAll(".ai-btn-item");
-                                             function Introduce() {
-                                                 if (mode == "tianli") {
-                                                     startAI("我是文章辅助AI: TianliGPT，点击下方的按钮，让我生成本文简介、推荐相关文章等。")
-                                                 } else {
-                                                     startAI("我是文章辅助AI: KunKunYu GPT，点击下方的按钮，让我生成本文简介、推荐相关文章等。")
-                                                 }
-                                             }
-                                             function aiTitleRefreshIconClick() {
-                                                 aiTitleRefreshIcon.click()
-                                             }
-                                             const aiFunctions = [Introduce, aiTitleRefreshIconClick, aiRecommend, aiGoHome];
-                                             ai_btn_item.forEach((item, index) => {
-                                                 item.addEventListener("click", () => {
-                                                     aiFunctions[index]();
-                                                 });
-                                             });
-
-                                             function recommendList() {
-                                                 let thumbnail = document.querySelectorAll('.relatedPosts-list a');
-                                                 if (!thumbnail.length) {
-                                                     const cardRecentPost = document.querySelector('.card-widget.card-recent-post');
-                                                     if (!cardRecentPost) return '';
-
-                                                     thumbnail = cardRecentPost.querySelectorAll('.aside-list-item a');
-
-                                                     let list = '';
-                                                     for (let i = 0; i < thumbnail.length; i++) {
-                                                         const item = thumbnail[i];
-                                                         list += `<div class="ai-recommend-item"><span class="index">${i + 1}：</span><a href="javascript:;" onclick="pjax.loadUrl('${item.href}')" title="${item.title}" data-pjax-state="">${item.title}</a></div>`;
-                                                     }
-
-                                                     return `很抱歉，无法找到类似的文章，你也可以看看本站最新发布的文章：<br /><div class="ai-recommend">${list}</div>`;
-                                                 }
-
-                                                 let list = '';
-                                                 for (let i = 0; i < thumbnail.length; i++) {
-                                                     const item = thumbnail[i];
-                                                     list += `<div class="ai-recommend-item"><span>推荐${i + 1}：</span><a href="javascript:;" onclick="pjax.loadUrl('${item.href}')" title="${item.title}" data-pjax-state="">${item.title}</a></div>`;
-                                                 }
-
-                                                 return `推荐文章：<br /><div class="ai-recommend">${list}</div>`;
-                                             }
-
-
-                                             function changeShowMode() {
-                                                 if (mode === "tianli") {
-                                                     mode = "local";
-                                                     document.getElementById("ai-tag").innerHTML = "KunKunYu GPT";
-                                                     aiAbstract(1000);
-                                                 } else {
-                                                     mode = "tianli";
-                                                     document.getElementById("ai-tag").innerHTML = "Tianli GPT";
-
-                                                     const truncateDescription = ("" + "查看集群节点, Token相关, 创建nginx服务, 查看swarm集群中的服务, kill其中一个容器, 修改服务实例数量为3, 删除nginx服务, 删除swarm节点, docker swarm 常用命令, docker node 常用命令, docker service 常用命令查看集群节点相关查看加入的命令查看加入的命令重置的仅打印创建服务下载私有仓库镜像创建个容器为私有仓库查看集群中的服务其中一个容器等会自动启动一个新的容器修改服务实例数量为删除服务删除节点常用命令初始化集群查看工作节点的查看管理节点的加入集群中常用命令查看所有集群节点删除某个节点强制删除查看节点详情节点降级由管理节点降级为工作节点节点升级由工作节点升级为管理节点更新节点查看节点中的任务常用命令部署服务查看服务详情产看某个服务日志查看所有服务详情删除某个服务强制删除设置某个服务个数更新某个服务").trim().substring(0, 1000);
-                                                     let value = Math.floor(Math.random() * 3) + 1000;
-                                                     while (value === prevParam || truncateDescription.length - value === prevParam) {
-                                                         value = Math.floor(Math.random() * 3) + 1000;
-                                                     }
-                                                     aiTitleRefreshIcon.style.opacity = "0.2";
-                                                     aiTitleRefreshIcon.style.transitionDuration = "0.3s";
-                                                     aiTitleRefreshIcon.style.transform = "rotate(" + 360 * refreshNum + "deg)";
-                                                     if (truncateDescription.length <= 1000) {
-                                                         let param = truncateDescription.length - Math.floor(Math.random() * 3);
-                                                         while (param === prevParam) {
-                                                             param = truncateDescription.length - Math.floor(Math.random() * 3);
-                                                         }
-                                                         aiAbstract(param);
-                                                         prevParam = param;
-                                                     } else {
-                                                         aiAbstract(value);
-                                                         prevParam = value;
-                                                     }
-                                                     refreshNum++;
-                                                 }
-                                             }
-
-                                             //- 监听tag点击事件
-                                             document.getElementById("ai-tag").addEventListener("click", () => {
-                                                 if (mode === "tianli") {
-                                                     document.querySelectorAll(".ai-btn-item").forEach(item => item.style.display = "none");
-                                                     document.getElementById("go-tianli-blog").style.display = "block";
-                                                     startAI("你好，我是Tianli开发的摘要生成助理TianliGPT，是一个基于GPT-4的生成式AI。我在这里只负责摘要的预生成和显示，你无法与我直接沟通，如果你也需要一个这样的AI摘要接口，可以在下方购买。（暂未开放购买，敬请期待）")
-                                                 } else {
-                                                     document.getElementById("go-tianli-blog").style.display = "none";
-                                                     startAI("你好，我是本站摘要生成助理KunKunYu GPT，是一个基于GPT-4的生成式AI。我在这里只负责摘要的预生成和显示，你无法与我直接沟通。")
-                                                 }
-
-                                             });
-
-                                             aiTitleRefreshIcon.addEventListener("click", () => {
-                                                 const truncateDescription = ("" + "查看集群节点, Token相关, 创建nginx服务, 查看swarm集群中的服务, kill其中一个容器, 修改服务实例数量为3, 删除nginx服务, 删除swarm节点, docker swarm 常用命令, docker node 常用命令, docker service 常用命令查看集群节点相关查看加入的命令查看加入的命令重置的仅打印创建服务下载私有仓库镜像创建个容器为私有仓库查看集群中的服务其中一个容器等会自动启动一个新的容器修改服务实例数量为删除服务删除节点常用命令初始化集群查看工作节点的查看管理节点的加入集群中常用命令查看所有集群节点删除某个节点强制删除查看节点详情节点降级由管理节点降级为工作节点节点升级由工作节点升级为管理节点更新节点查看节点中的任务常用命令部署服务查看服务详情产看某个服务日志查看所有服务详情删除某个服务强制删除设置某个服务个数更新某个服务").trim().substring(0, 1000);
-                                                 let value = Math.floor(Math.random() * 3) + 1000;
-                                                 while (value === prevParam || truncateDescription.length - value === prevParam) {
-                                                     value = Math.floor(Math.random() * 3) + 1000;
-                                                 }
-                                                 aiTitleRefreshIcon.style.opacity = "0.2";
-                                                 aiTitleRefreshIcon.style.transitionDuration = "0.3s";
-                                                 aiTitleRefreshIcon.style.transform = "rotate(" + 360 * refreshNum + "deg)";
-                                                 if (truncateDescription.length <= 1000) {
-                                                     let param = truncateDescription.length - Math.floor(Math.random() * 3);
-                                                     while (param === prevParam) {
-                                                         param = truncateDescription.length - Math.floor(Math.random() * 3);
-                                                     }
-                                                     aiAbstract(param);
-                                                     prevParam = param;
-                                                 } else {
-                                                     aiAbstract(value);
-                                                     prevParam = value;
-                                                 }
-                                                 showAiBtn();
-                                                 refreshNum++;
-                                             });
-
-                                             document.getElementById("go-tianli-blog").addEventListener("click", () => {
-                                                 window.open("https://afdian.net/item/886a79d4db6711eda42a52540025c377", "_blank");
-                                             });
-
-                                             if (false) {
-                                                 document.getElementById("ai-Toggle").addEventListener("click", () => {
-                                                     changeShowMode()
-                                                 });
-                                             }
-
-                                             function showAiBtn() {
-                                                 document.querySelectorAll(".ai-btn-item").forEach(item => {
-                                                     if (item.id !== "go-tianli-blog") {
-                                                         item.style.display = "block";
-                                                     }
-                                                     if (item.id === "go-tianli-blog") {
-                                                         item.style.display = "none";
-                                                     }
-                                                 });
-                                             }
-
-
-                                             aiAbstract();
-                                             showAiBtn()
-                                         })()</script>
-                </div> -->
                 <!-- 文章内容 -->
                 <article class="post-content line-numbers" id="article-container" th:utext="${post.content.content}">
                 </article>
 
 
+                <!-- 文章ai摘要 -->
+                <script th:replace="~{modules/postHeadAiDescription :: postHeadAiDescription}"></script>
+
+
                 <div class="post-tools" id="post-tools">
                     <div class="post-tools-left">
 
                         <!-- 打赏 -->
-                        <div th:if="${theme.config.post.reward.enable_reward && (not #strings.isEmpty(theme.config.post.reward.wxPay) || not #strings.isEmpty(theme.config.post.reward.alipay))}"
+                        <div th:if="${theme.config.aboutReward.reward.enable_reward_wz}"
                             class="post-reward" onclick="AddRewardMask()">
                             <div class="reward-button button&#45;&#45;animated" title="赞赏作者"><i
                                     class="fas fa-hamburger"></i>
@@ -454,19 +139,19 @@
                             <div class="reward-main">
                                 <ul class="reward-all"><span class="reward-title">感谢你赐予我前进的力量</span>
                                     <ul class="reward-group">
-                                        <li class="reward-item"><a th:href="@{${theme.config.post.reward.wxPay}}"
+                                        <li class="reward-item"><a th:href="@{${theme.config.aboutReward.reward.wxPay}}"
                                                 target="_blank">
                                                 <img alt="微信" class="post-qr-code-img"
-                                                    th:src="${theme.config.post.reward.wxPay}"></a>
+                                                    th:src="${theme.config.aboutReward.reward.wxPay}"></a>
                                             <div class="post-qr-code-desc">微信</div>
-                                        </li>
-                                        <li class="reward-item"><a th:href="@{${theme.config.post.reward.alipay}}"
-                                                target="_blank"><img alt="支付宝" class="post-qr-code-img"
-                                                    th:src="${theme.config.post.reward.alipay}"></a>
+                                        </li> 
+                                        <li class="reward-item"><a th:href="@{${theme.config.aboutReward.reward.alipay}}"
+                                        target="_blank"><img alt="支付宝" class="post-qr-code-img"
+                                                    th:src="${theme.config.aboutReward.reward.alipay}"></a>
                                             <div class="post-qr-code-desc">支付宝</div>
                                         </li>
                                     </ul>
-                                    <a class="reward-main-btn" th:href="@{${theme.config.post.reward.reward_md_url}}"
+                                    <a class="reward-main-btn" th:href="@{${theme.config.aboutReward.reward.reward_md_url}}"
                                         target="_blank">
                                         <div class="reward-text">赞赏者名单</div>
                                         <div class="reward-dec">因为你们的支持让我意识到写文章的价值🙏</div>