- ${comment.commentContent}
-
-
-
diff --git a/common-comment.ftl b/common-comment.ftl
deleted file mode 100644
index bbcd468..0000000
--- a/common-comment.ftl
+++ /dev/null
@@ -1,3 +0,0 @@
-<#include "macro-comment.ftl">
-
-<@article_comment comment=comment article=article>
\ No newline at end of file
diff --git a/css/base.css b/css/base.css
index ed55a02..fb6ed9f 100644
--- a/css/base.css
+++ b/css/base.css
@@ -1 +1 @@
-@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:4;font-size:14px;display:none;-webkit-user-select:none;user-select:none;max-width:320px;min-width:80px;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-name:scale-in;animation-name:scale-in;-webkit-animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5);animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar label svg{position:absolute;top:0;left:0}.vditor-toolbar label input{position:absolute;width:15px;height:15px;top:0;left:0;opacity:.001;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-menu--disabled svg{color:rgba(88,96,105,0.6);cursor:not-allowed}.vditor-emojis{display:inline-block;overflow:auto}.vditor-emojis::-webkit-scrollbar{display:none}.vditor-emojis__tip{-webkit-flex:1;flex:1;width:200px;margin-right:10px;color:#586069;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-emojis__tail{margin-top:5px;font-size:12px;color:#586069;display:-webkit-flex;display:flex}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:30px;width:30px;text-align:center;line-height:26px;padding:3px;box-sizing:border-box;font-size:16px;transition:all 0.15s ease-in-out}.vditor-emojis span:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.vditor-emojis img{height:20px;width:20px;float:left;margin:3px 0 0 3px}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.vditor{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:-webkit-flex;display:flex;min-height:60px;-webkit-flex:1;flex:1;position:relative}.vditor-textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:0 1px 0 0;height:100%;overflow:auto;width:100%;-webkit-flex:1;flex:1;border:0;resize:none;padding:10px 9px 10px 10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px;font-variant-ligatures:no-common-ligatures;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.vditor-textarea[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-textarea:empty::before{content:attr(placeholder);color:rgba(36,41,46,0.68)}.vditor-preview{-webkit-flex:1;flex:1;background-color:#fff;overflow:auto;margin-left:-1px;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview>div::-webkit-scrollbar{display:none}.vditor-preview>.vditor-reset{margin:0 auto}.vditor-devtools{display:none;background-color:#fff;overflow:auto;-webkit-flex:1;flex:1;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;-webkit-user-select:none;user-select:none;z-index:2}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:3px 0;cursor:row-resize;-webkit-user-select:none;user-select:none;position:absolute;width:100%;z-index:2}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:#f6f8fa;transition:all 0.15s ease-in-out}.vditor-resize:hover>div,.vditor-resize--selected>div{background-color:#4285f4}.vditor-resize:hover svg,.vditor-resize--selected svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{position:absolute;height:3px;left:0;top:-2px;transition:all 0.15s ease-in-out;background-color:rgba(66,133,244,0.8)}.vditor-tip{position:absolute;font-size:12px;top:10px;color:#fff;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;width:100%;text-align:center}.vditor-tip--show{display:block;-webkit-animation-name:slideInDown;animation-name:slideInDown}.vditor-tip__content{text-align:left;display:inline-block;line-height:16px;padding:3px 10px;border-radius:3px;background:rgba(66,133,244,0.8);position:relative}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__close{position:absolute;color:#586069;top:-7px;right:-15px;font-weight:bold;cursor:pointer}.vditor-tip__close:hover{color:#4285f4}.vditor-wysiwyg{background-color:#fafbfc;box-sizing:border-box;-webkit-flex:1;flex:1;margin:0;white-space:pre-wrap}.vditor-wysiwyg[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-wysiwyg:focus{outline:none;background-color:#fff}.vditor-wysiwyg .marker{height:0;width:0;display:inline-block;overflow:hidden;transition:color .15s ease-in-out;font-size:initial;font-weight:normal}.vditor-wysiwyg .newline{display:none}.vditor-wysiwyg .node--block{position:relative}.vditor-wysiwyg .node--block>.marker{position:absolute;left:-13px}.vditor-wysiwyg .node--expand>.marker{width:auto;height:auto;display:inline;color:#bbb}.vditor-wysiwyg p:empty:after{content:'\200b'}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:3;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:250px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-variant-ligatures:no-common-ligatures;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";word-wrap:break-word;overflow:auto;line-height:1.5;font-size:16px;word-break:break-word}.vditor-reset ul ul ul{list-style-type:square}.vditor-reset ul ul{list-style-type:circle}.vditor-reset ul{list-style-type:disc}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset audio:focus{outline:none}.vditor-reset video{max-height:90vh;max-width:100%}.vditor-reset img{max-width:100%}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:sub}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da;max-width:100%;box-sizing:border-box}.vditor-reset iframe.iframe__video{min-width:80%;min-height:36vh}.vditor-reset table{width:100%;border-collapse:collapse;empty-cells:show;margin-bottom:16px;display:block;overflow:auto;border-spacing:0}.vditor-reset table tr{background-color:#fff;border-top:1px solid #c6cbd1}.vditor-reset table td,.vditor-reset table th{padding:6px 13px;border:1px solid #dfe2e5;word-break:normal}.vditor-reset table th{font-weight:600}.vditor-reset table tbody tr:nth-child(2n){background-color:#f6f8fa}.vditor-reset code:not(.hljs):not(.highlight-chroma){padding:0.2em 0.4em;margin:0;font-size:85%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word;background-size:20px 20px;white-space:pre-wrap;background-color:rgba(27,31,35,0.05)}.vditor-reset pre>code{margin:0;font-size:85%;padding:0.5em;border-radius:5px;display:block;overflow:auto;white-space:pre;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;background-size:20px 20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);word-break:initial;word-wrap:normal}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-reset p:last-child,.vditor-reset blockquote:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child,.vditor-reset ol:last-child,.vditor-reset hr:last-child{margin-bottom:0}.vditor-reset .language-echarts{overflow:hidden;height:420px}.vditor-task{list-style:none;margin-left:-1.4em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;left:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:14px;width:14px;display:block;background-color:#f6f8fa;border-radius:3px;padding:3px}.vditor-copy svg{color:#586069;height:14px;width:14px !important;display:block;fill:currentColor}.vditor--error{color:#d23f31;font-size:12px;display:block;line-height:16px}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}body,html{position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;height:auto}::selection{color:white;text-shadow:none;background:#D6555F}a{color:inherit}a:hover{text-decoration:none;color:#d6555f !important}.vditor-reset a{color:#d6555f !important}.vditor-reset blockquote{border-left:2px solid #d6555f}.vditor-reset ol{counter-reset:item;list-style:none;position:relative}.vditor-reset ol li:before{position:absolute;left:0;content:counter(item) ". ";counter-increment:item;color:#d6555f}.vditor-reset pre{word-wrap:normal}.vditor-reset pre>code{box-sizing:border-box;width:100%}.vditor-reset p code{color:#cc0414}.blog__container{width:100%;max-width:1280px;margin:48px auto 0}.blog__title{font-size:22px;margin-bottom:24px}.blog__title small{font-size:14px;margin-left:4px}.container-fluid{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;margin:auto}.container-fluid .container--left,.container-fluid .container--right{box-sizing:border-box;padding:0 16px}.container-fluid .container--left{-webkit-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.container-fluid .container--right{-webkit-flex:0 0 340px;flex:0 0 340px;margin-left:30px}@media only screen and (max-width: 768px){.container-fluid{-webkit-flex-direction:column;flex-direction:column}.container-fluid .container--left,.container-fluid .container--right{-webkit-flex:1;flex:1;margin-left:0;width:100%}.container-fluid .container--right{margin-top:24px}}.navbar{position:absolute;top:0;left:0;right:0;z-index:3;font-weight:800;transition:background-color .4s;border-bottom:1px solid transparent;box-sizing:border-box}.navbar.is-fixed{position:fixed !important;background-color:rgba(255,255,255,0.9);transition:opacity .4s, -webkit-transform .4s;transition:transform .4s, opacity .4s;transition:transform .4s, opacity .4s, -webkit-transform .4s;opacity:0}.navbar.is-fixed .brand{color:black}.navbar.is-fixed .toggle{color:black}.navbar.is-fixed .toggle .icon-bar{background-color:black}.navbar.is-fixed .toggle:active{background-color:rgba(0,0,0,0.25)}.navbar.is-fixed li a{color:black}.navbar.is-fixed.show{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%);border-bottom-color:#efefef}.navbar__container .brand{color:#fff;line-height:26px;font-weight:bolder;font-size:18px}.navbar__container ul,.navbar__container li{list-style:none}.navbar__container--mobile{display:none;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:56px;padding:0 16px;box-sizing:border-box;position:relative}.navbar__container--mobile .toggle{-webkit-appearance:none;border-color:transparent;background:transparent;border-radius:50%;width:46px;height:46px;color:white}.navbar__container--mobile .toggle:active{background-color:rgba(255,255,255,0.25)}.navbar__container--mobile .toggle .icon-bar{display:block;width:20px;height:2px;border-radius:1px;background:currentColor;margin:auto}.navbar__container--mobile .toggle .icon-bar+.icon-bar{margin-top:4px}.navbar__container--mobile .toggle-items{opacity:0;pointer-events:none;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top right;transform-origin:top right;transition:all 0.2s cubic-bezier(0.47, 0, 0.4, 0.99) 0s;position:absolute;display:block;right:30px;top:50px}.navbar__container--mobile .toggle-items.show{pointer-events:auto;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.navbar__container--mobile .toggle-items.show ul{-webkit-transform:scaleY(1);transform:scaleY(1)}.navbar__container--mobile .toggle-items ul{padding:8px 0;width:170px;overflow:hidden;border:none;border-radius:2px;box-shadow:rgba(0,0,0,0.117647) 0 1px 6px,rgba(0,0,0,0.239216) 0 1px 4px;background:#FFF;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top right;transform-origin:top right;transition:-webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s}.navbar__container--mobile .toggle-items li{font-size:14px;line-height:28px;font-weight:800}.navbar__container--mobile .toggle-items li a{color:#777;padding:10px 15px;display:block;text-transform:uppercase;letter-spacing:1px}.navbar__container--web{height:62px;margin:auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 20px;box-sizing:border-box;max-width:1440px}.navbar__container--web a:hover{opacity:.8}.navbar__container--web ul{list-style:none;font-weight:800;font-size:0}.navbar__container--web ul li{display:inline-block}.navbar__container--web ul a{display:block;padding:20px;color:white;text-transform:uppercase;font-size:16px;line-height:20px;font-weight:bolder;letter-spacing:1px}@media only screen and (max-width: 768px){.navbar__container--mobile{display:-webkit-flex;display:flex}.navbar__container--web{display:none}}.custom_header{position:relative;height:406px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover}.custom_header:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1)}.custom_header__container{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;z-index:2}.custom_header__container .subtitle{width:70%;margin:auto;text-align:center;font-size:26px;line-height:1.4;font-weight:400;display:block;margin:0 auto;color:white;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif}.custom_header__container .custom_header__articleMeta{width:100%;max-width:1280px;height:100%;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;color:white;padding:0 16px;box-sizing:border-box;font-size:16px}@media only screen and (max-width: 768px){.custom_header__container .custom_header__articleMeta{font-size:12px}}.custom_header__container .articleMeta__title{font-size:2.8em;line-height:1.1;word-break:break-all}.custom_header__container .articleMeta__info{font-family:Lora,'Times New Roman',serif;font-size:1.25em;font-style:italic;margin:24px 0 12px}.custom_header__container .articleMeta__info .comments{margin:0 8px}.custom_header__container .articleMeta__tags{font-size:0}.custom_header__container .articleMeta__tags .tagBtn{color:white;margin-right:12px}.article{padding-bottom:48px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}.article__info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;font-size:16px}.article__info .article__info--left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.article__info .author{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#333;-webkit-flex:0 0 auto;flex:0 0 auto}.article__info .author__avatar{width:36px;height:36px;display:block;border-radius:50%;-webkit-flex:0 0 36px;flex:0 0 36px}.article__info .author__name{padding-left:10px;-webkit-flex:0 0 auto;flex:0 0 auto}.article__info .split{padding:0 8px;color:#c7c7c7;-webkit-flex:0 0 auto;flex:0 0 auto}.article__info .tags{color:#333}.article__info .createTime{color:#c7c7c7}.article__intro .title{color:#404040;font-size:24px;font-weight:500;line-height:33px;margin:18px 0 10px;display:table;word-break:break-all}.article__intro .title sup{font-size:10px;top:-20px;color:#d6555f}.article__intro .abstract{color:#818181}.article__visit{margin-top:16px;font-size:14px;color:#333;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.article__visit--left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.article__visit .createTime{display:none;line-height:20px}.article__visit .item{display:block;line-height:20px}.article__visit .item--split{margin-right:32px;position:relative}.article__visit .item--split:after{content:'|';position:absolute;right:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.article__visit .item--split{margin-right:16px}.article__visit .item--split:after{right:-8px}}.article+.article{margin-top:48px}@media only screen and (max-width: 768px){.article__info .createTime{display:none}.article__visit{margin-top:10px}.article__visit .createTime{display:block}.article__content{font-size:medium;line-height:1.7}}.pagination{display:block;position:relative;padding:24px 0}.pagination:after{clear:both;display:table;content:''}.pagination .pagination__item{display:block;padding:8px 20px;text-decoration:none;line-height:1.1;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px}.pagination .pagination__item:hover{background:#f0f0f0}.pagination .pagination__item--left{float:left}.pagination .pagination__item--right{float:right}.sidebar .sidebar__container+.sidebar__container .header{padding-top:40px}.sidebar .sidebar__container .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.sidebar .sidebar__container .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.sidebar .sidebar__container .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.sidebar .sidebar__container .search{margin-top:24px}.sidebar .sidebar__container .search .search__form .input{position:relative}.sidebar .sidebar__container .search .search__form .input input{-webkit-appearance:none;width:100%;display:block;font-size:14px;line-height:40px;height:40px;padding:0 40px 0 18px;box-sizing:border-box;color:#313131;border:1px solid rgba(184,197,214,0.2);border-radius:2px;outline:0;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04)}.sidebar .sidebar__container .search .search__form .input button{position:absolute;z-index:2;right:5px;top:5px;width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACzElEQVRYR8XXS+hVVRTH8Y9pkBhKA1+J9BRCnYgNpImEmKVpZgXRIEuJCgeBGuJEQUQlKhqIUEoPqLCHRS8sCGkiEk0KB4ZYVEaBBJaUVGTGL/aBw/Xc/zn6/3vdcOHec9be+7vXXuu31h3lEo9Rl3h/XQEmYDnuxY2Yxv9zf8JRvIN9OHW+B2oDuBpP4jFc0bL4n9iN7fi5K8hQAHdiL8aVxX7Bp/gC35Zn12MuFmJieXYaD+C9LhD9AJ7Ac2WBuHUTduJMn0Uvw+PYhvHFZiN2tEE0AdyHN8vEnHhlueu2tfJ+Cl7C7cV4Vfndd24vwEx8hTHYjyU422XnHpsPy9x47GZ82W+NXoBE8gr8gFn4/QI2z5QrcRjX4gMs6wIwuURvoFpd1wHsYbxY7K7Dd01z6h5YUwLtBKbi3w6bDGWSa/wROdh6PNMG8Bnm4wU8OszNq+m7SnYcwi1tAL8iivcI9owQwIN4BRGpsW0Aidjk81Ikikdi3IZPykKNmlN/mIiP6l0MgD9KZpxzqDrAMdwwwlfwUBGizzGv7QreLRXvYgRh0nF1G0A9DVNu/xlmECQNk9JXYR2ebQO4CUe6angHuEqI/kKEqLFE90Zmis8CfI/Zw5DipFwOcw02Y0sXKY5N6vvXuBwfIT3BhYwqno5jBuKFxtGUm2kmXivWaUhSjv/uSJF7fx0p6RlPYcNQc/s1JGvxdOn7Ukq3lr6vX2muBCzunlPbMOJ2P94+Hw9UtovxRk1A6i3ZNwWuqSWLt6KkKesZgcj399uyoOn99NJoLup4BW+VlMvdp6Y8X0CT0vc0QbR1xdW+qZK3FjVLZAcsi6bGV59sfrAHNMXo5RpEZP7juk1XgI4OaDSrQ+R67qpDDAIgVAnEVzG6ZNQdOJAXgwLIXneXbjup+hsmBWaQAIGI+6MT+UuXpnfgAIFIj3iyErdBe+CcKP0PDKOMIcqcJKUAAAAASUVORK5CYII=) 50% 50% no-repeat;background-size:60% 60%;background-color:transparent;border:none}.sidebar .sidebar__container .user{margin-top:24px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start}.sidebar .sidebar__container .user .user__avatar{height:80px;width:80px;border:none;border-radius:5px;display:block}.sidebar .sidebar__container .user .user__info .item{font-size:14px;color:#aaa}.sidebar .sidebar__container .user .user__info .item a{color:black}.sidebar .sidebar__container .user .user__info .item .text{color:#aaa;margin-left:4px}.sidebar .sidebar__container .tags{margin-top:24px}.sidebar .sidebar__container .lists{list-style:none}.sidebar .sidebar__container .lists a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all}.sidebar .sidebar__container .contents .article__contents{padding:10px 0;width:308px;overflow:hidden}.sidebar .sidebar__container .contents ul{list-style:none;padding-left:20px}.sidebar .sidebar__container .contents ul li{padding:4px 0}.sidebar .sidebar__container .contents ul li a{display:block;line-height:1.51;font-size:14px}.sidebar .sidebar__container .contents ul li a.active{color:#d6555f}@media only screen and (max-width: 768px){.sidebar .article__contents{display:none}}.footer{background:#263547;color:white;text-align:center;padding:36px 0;margin-top:6rem}.footer .footer__container{line-height:1.5}.rowSmallItemLayout .item{display:inline-block;vertical-align:top;padding:5px 10px;line-height:22px;font-size:14px;text-decoration:none;margin-bottom:6px;margin-right:6px}.rowItemLayout .item{display:inline-block;vertical-align:top;width:30%;margin-right:2%;margin-bottom:2%;height:100px;font-size:14px;padding:12px}.rowRowLayout .item{display:block;height:100px;margin-bottom:12px;font-size:16px;padding:12px}.rowRowLayout .item__title,.rowRowLayout .item__desc{word-break:break-all}.rowRowLayout .item__desc{font-size:12px;display:block;padding-top:6px}[class$=Layout]{font-size:0}[class$=Layout] .item{border-radius:2px;transition:all .4s;-webkit-transform:translateZ(0);transform:translateZ(0);color:rgba(0,0,0,0.6);border:1px solid #ececec;box-sizing:border-box;z-index:1}[class$=Layout] .item:hover{box-shadow:2px 2px 2px rgba(0,0,0,0.1);border-color:currentColor}.comment{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;padding:32px 8px 16px;box-sizing:border-box;border-bottom:1px solid #f1f1f1;position:relative}.comment.comment-body-ref{position:absolute;width:100%;background:white;margin-top:-3px;left:20px;border:1px solid #efefef;box-sizing:border-box}.comment.comment-body-ref:hover{display:-webkit-flex !important;display:flex !important}@media only screen and (max-width: 768px){.comment.comment-body-ref{display:none !important}}.comment:hover{background:#f1f1f1}.comment__avatar{width:50px;height:50px;display:block;border-radius:50%;position:absolute;left:8px;top:32px}.comment__info,.comment__detail{padding-left:64px;width:100%;box-sizing:border-box}.comment__info{font-size:16px;display:block;margin-bottom:12px}.comment__info:after{content:'';clear:both;display:table}.comment__info .username{color:#666}.comment__info .replyName{color:#666;margin-left:4px}.comment__info .btn{font-size:12px;float:right}.comment__detail{-webkit-flex:1;flex:1}.comment__detail .time{margin-top:8px;color:#aaa;font-size:14px;display:block}@media only screen and (max-width: 768px){.comment{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center}.comment__avatar{position:relative;top:0;left:0;width:36px;height:36px;-webkit-flex:0 0 36px;flex:0 0 36px;margin-right:12px}.comment__info,.comment__detail{padding-left:0}.comment__info{-webkit-flex:1;flex:1;margin-bottom:0}.comment__detail{margin-top:12px;-webkit-flex:1 0 100%;flex:1 0 100%}}.comment__container{margin-top:48px}.comment__container .article__comments{position:relative}.comment__container .comment__textarea{cursor:pointer;resize:none;background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px;margin:16px 0 0;width:100%;box-sizing:border-box;-webkit-appearance:none}.comment__container h3{margin-top:16px;font-size:20px}.recommendation__container{display:-webkit-flex;display:flex;margin-top:30px}@media only screen and (max-width: 768px){.recommendation__container{-webkit-flex-direction:column;flex-direction:column}.recommendation__container .item{margin-top:40px;padding:0 !important}}.recommendation__container .item{-webkit-flex:1;flex:1;padding:0 8px}.recommendation__container .item .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.recommendation__container .item .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.recommendation__container .item .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.recommendation__container .item .lists,.recommendation__container .item ul{list-style:none}.recommendation__container .item .lists a,.recommendation__container .item ul a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all;font-size:14px}.share__container{margin-top:48px;display:-webkit-flex;display:flex;width:100%;position:relative;bottom:0}.share__container a{-webkit-flex:1;flex:1;display:block;height:36px;position:relative}.share__container a canvas{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;z-index:2}.share__container .item{background-size:auto 100%;background-position:center center;background-repeat:no-repeat}.share__container .item:nth-child(1){background-color:#EA5D5C;background-image:url("../images/weibo.png")}.share__container .item:nth-child(2){background-color:#F5BC31;background-image:url("../images/qzone.png")}.share__container .item:nth-child(3){background-color:#51B674;background-image:url("../images/wechat.png")}@media only screen and (max-width: 768px){.share__container .item:nth-child(3){display:none}}.blink{-webkit-animation:blink 1.5s linear;animation:blink 1.5s linear;-webkit-animation-iteration-count:2;animation-iteration-count:2}@-webkit-keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}@keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}.toTop{position:fixed;z-index:5;bottom:40px;right:40px;display:none;cursor:pointer}@media only screen and (max-width: 768px){.toTop{right:20px}}@-webkit-keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.toTop img{width:40px;height:40px;display:block;animation:jump .6s linear infinite alternate-reverse}
+@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:3;font-size:14px;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:320px;min-width:80px;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-name:scale-in;animation-name:scale-in;-webkit-animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5);animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}.vditor-panel--none{color:#4285f4;padding:0;-webkit-animation:none;animation:none;background-color:#f6f8fa;min-width:auto;max-width:none}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-input{border:0;padding:3px 5px;background-color:#f6f8fa}.vditor-input:focus{background-color:#fff;outline:none}.vditor-icon{color:#586069;cursor:pointer;float:left;padding:2px 5px;height:19px;width:25px;background-color:transparent;border:0;box-sizing:border-box}.vditor-icon:hover,.vditor-icon--current{color:#4285f4;background-color:transparent}.vditor-icon:focus{outline:none}.vditor-icon svg{height:15px !important;width:15px !important;float:left;fill:currentColor}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{float:left}.vditor-toolbar>div>.vditor-tooltipped{border:0;margin:0;padding:10px 5px;background-color:transparent;height:35px;width:25px;box-sizing:border-box}.vditor-toolbar>div>.vditor-tooltipped:focus{outline:none}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:15px;height:15px}.vditor-toolbar input{position:absolute;width:25px;height:35px;top:0;left:0;cursor:pointer;opacity:.001;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px;height:35px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-menu--disabled svg{color:rgba(88,96,105,0.6);cursor:not-allowed}.vditor-emojis{display:inline-block;overflow:auto}.vditor-emojis::-webkit-scrollbar{display:none}.vditor-emojis__tip{-webkit-box-flex:1;flex:1;width:200px;margin-right:10px;color:#586069;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-emojis__tail{margin-top:5px;font-size:12px;color:#586069;display:-webkit-box;display:flex}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis button{cursor:pointer;border-radius:3px;float:left;height:30px;width:30px;text-align:center;line-height:26px;padding:3px;box-sizing:border-box;font-size:16px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;border:0;margin:0;background-color:transparent;overflow:hidden}.vditor-emojis button:focus{outline:none}.vditor-emojis button:hover .vditor-emojis__icon{display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.vditor-emojis img{height:20px;width:20px;float:left;margin:3px 0 0 3px}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.vditor{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:-webkit-box;display:flex;min-height:60px;-webkit-box-flex:1;flex:1;position:relative}.vditor-textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";margin:0 1px 0 0;height:100%;overflow:auto;width:100%;-webkit-box-flex:1;flex:1;border:0;resize:none;padding:10px 9px 10px 10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px;font-variant-ligatures:no-common-ligatures;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.vditor-textarea[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-textarea:empty::before{content:attr(placeholder);color:rgba(36,41,46,0.68)}.vditor-preview{-webkit-box-flex:1;flex:1;background-color:#fff;overflow:auto;margin-left:-1px;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview>div::-webkit-scrollbar{display:none}.vditor-preview>.vditor-reset{margin:0 auto}.vditor-devtools{display:none;background-color:#fff;overflow:auto;-webkit-box-flex:1;flex:1;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:3px 0;cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:100%;z-index:2}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:#f6f8fa;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.vditor-resize:hover>div,.vditor-resize--selected>div{background-color:#4285f4}.vditor-resize:hover svg,.vditor-resize--selected svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{position:absolute;height:3px;left:0;top:-2px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;background-color:rgba(66,133,244,0.8)}.vditor-tip{position:absolute;font-size:12px;top:10px;color:#fff;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;left:50%}.vditor-tip--show{display:block;-webkit-animation-name:slideInDown;animation-name:slideInDown}.vditor-tip__content{text-align:left;display:inline-block;line-height:16px;padding:3px 10px;border-radius:3px;background:rgba(66,133,244,0.8);position:relative;margin-left:-50%}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__close{position:absolute;color:#586069;top:-7px;right:-15px;font-weight:bold;cursor:pointer}.vditor-tip__close:hover{color:#4285f4}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:4;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:250px;min-width:80px;display:none}.vditor-hint button{display:block;padding:3px 10px;border:0;border-bottom:1px solid #d1d5da;line-height:20px;width:100%;box-sizing:border-box;text-align:left;margin:0;background-color:transparent}.vditor-hint button:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint button:hover{background-color:#4285f4 !important;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-variant-ligatures:no-common-ligatures;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";word-wrap:break-word;overflow:auto;line-height:1.5;font-size:16px;word-break:break-word}.vditor-reset--anchor{padding-left:20px}.vditor-reset--error{color:#d23f31;font-size:12px;display:block;line-height:16px}.vditor-reset ul ul ul{list-style-type:square}.vditor-reset ul ul{list-style-type:circle}.vditor-reset ul{list-style-type:disc}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li+li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset audio:focus{outline:none}.vditor-reset video{max-height:90vh;max-width:100%}.vditor-reset img{max-width:100%}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:sub}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1:hover .vditor-anchor svg,.vditor-reset h2:hover .vditor-anchor svg,.vditor-reset h3:hover .vditor-anchor svg,.vditor-reset h4:hover .vditor-anchor svg,.vditor-reset h5:hover .vditor-anchor svg,.vditor-reset h6:hover .vditor-anchor svg{visibility:visible}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da;max-width:100%;box-sizing:border-box}.vditor-reset iframe.iframe__video{min-width:80%;min-height:36vh}.vditor-reset table{width:100%;border-collapse:collapse;empty-cells:show;margin-bottom:16px;display:block;overflow:auto;border-spacing:0}.vditor-reset table tr{background-color:#fff;border-top:1px solid #c6cbd1}.vditor-reset table td,.vditor-reset table th{padding:6px 13px;border:1px solid #dfe2e5;word-break:normal}.vditor-reset table th{font-weight:600}.vditor-reset table tbody tr:nth-child(2n){background-color:#f6f8fa}.vditor-reset code:not(.hljs):not(.highlight-chroma){padding:0.2em 0.4em;margin:0;font-size:85%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";word-break:break-word;background-size:20px 20px;white-space:pre-wrap;background-color:rgba(27,31,35,0.05)}.vditor-reset pre>code{margin:0;font-size:85%;padding:0.5em;border-radius:5px;display:block;overflow:auto;white-space:pre;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";background-size:20px 20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);word-break:initial;word-wrap:normal}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-reset p:last-child,.vditor-reset blockquote:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child,.vditor-reset ol:last-child,.vditor-reset hr:last-child{margin-bottom:0}.vditor-reset .language-echarts{overflow:hidden;height:420px}.vditor-task{list-style:none}.vditor-task input{margin:0 .2em .25em -1.6em;font-size:12px;vertical-align:middle}.vditor-copy{position:relative;display:none;z-index:1}.vditor-copy textarea{position:absolute;left:-100000px;height:10px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:14px;width:14px;display:block;background-color:#f6f8fa;border-radius:3px;padding:3px}.vditor-copy svg{color:#586069;height:14px;width:14px !important;display:block;fill:currentColor}.vditor-linenumber{padding-left:4em !important;position:relative}.vditor-linenumber__rows{position:absolute;pointer-events:none;top:0.5em;left:0;width:3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;counter-reset:linenumber}.vditor-linenumber__rows>span{pointer-events:none;display:block}.vditor-linenumber__rows>span::before{counter-increment:linenumber;content:counter(linenumber);color:rgba(158,150,150,0.38);display:block;padding-right:1em;text-align:right}.vditor-speech{position:absolute;display:none;background-color:#f6f8fa;border:1px solid #d1d5da;border-radius:3px;padding:3px;cursor:pointer;color:#586069}.vditor-speech:hover,.vditor-speech--current{color:#4285f4}.vditor-speech svg{height:14px;width:14px;fill:currentColor;display:block;stroke-width:0;stroke:currentColor}.vditor-anchor{float:left;padding-right:4px;margin-left:-20px}.vditor-anchor svg{visibility:hidden}.vditor-anchor:hover svg{visibility:visible}.vditor-anchor:focus{outline:none}.vditor-linkcard{margin:31px auto 16px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;cursor:pointer;max-width:768px;padding:0 10px}.vditor-linkcard a{border-radius:3px;background-color:#f6f8fa;overflow:hidden;max-height:250px;display:-webkit-box;display:flex;text-decoration:none;flex-wrap:wrap-reverse;box-shadow:0 1px 2px rgba(0,0,0,0.2)}.vditor-linkcard a:hover{box-shadow:0 0 3px rgba(0,0,0,0.13),0 3px 6px rgba(0,0,0,0.26);text-decoration:none}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:rgba(88,96,105,0.6)}.vditor-linkcard__info{padding:10px;min-width:200px;box-sizing:border-box;-webkit-box-flex:1;flex:1}.vditor-linkcard__title{font-size:14px;font-weight:400;color:#24292e;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.vditor-linkcard__title img{cursor:pointer;height:20px;width:20px;border-radius:3px;flex-shrink:0;margin-right:5px}.vditor-linkcard__abstract{word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;color:#586069;margin:5px 0}.vditor-linkcard__site{font-size:12px;color:#4285f4}.vditor-linkcard__image{background-size:cover;background-repeat:no-repeat;background-position:center center;max-width:250px;min-width:126px;cursor:pointer;background-color:#fff}.vditor-wysiwyg{background-color:#fafbfc;box-sizing:border-box;-webkit-box-flex:1;flex:1;margin:0;white-space:pre-wrap;position:relative}.vditor-wysiwyg[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-wysiwyg:focus{outline:none;background-color:#fff}.vditor-wysiwyg blockquote:empty::before,.vditor-wysiwyg pre>code:empty::before{content:' '}.vditor-wysiwyg__block[data-type="html-block"]>pre,.vditor-wysiwyg__block[data-type="math-block"]>pre{margin-bottom:0}.vditor-wysiwyg__block>pre{margin-bottom:-1em}.vditor-wysiwyg__block>pre>code{background-color:#fff !important;border:1px solid #d1d5da;overflow:auto !important}.vditor-wysiwyg__block[data-type=html-inline] .vditor-wysiwyg__preview svg{fill:rgba(88,96,105,0.36);height:12px;cursor:pointer;width:12px}.vditor-wysiwyg__preview{cursor:pointer;white-space:initial;min-height:27px}.vditor-wysiwyg__preview pre{margin-bottom:1em !important}.vditor-wysiwyg h1:before,.vditor-wysiwyg h2:before,.vditor-wysiwyg h3:before,.vditor-wysiwyg h4:before,.vditor-wysiwyg h5:before,.vditor-wysiwyg h6:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before{float:left;padding-right:4px;margin-left:-29px;content:'h1';font-size:0.85rem;font-weight:normal;text-transform:uppercase;color:rgba(88,96,105,0.36)}.vditor-wysiwyg h2:before{content:'h2'}.vditor-wysiwyg h3:before{content:'h3'}.vditor-wysiwyg h4:before{content:'h4'}.vditor-wysiwyg h5:before{content:'h5'}.vditor-wysiwyg h6:before{content:'h6'}.vditor-wysiwyg div.vditor-wysiwyg__block:before{content:""}.vditor-wysiwyg details{white-space:initial}.vditor-wysiwyg span[data-type="backslash"]>span{display:none;color:rgba(88,96,105,0.36)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}body,html{position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;height:auto}::-moz-selection{color:white;text-shadow:none;background:#D6555F}::selection{color:white;text-shadow:none;background:#D6555F}a{color:inherit}a:hover{text-decoration:none;color:#d6555f !important}.vditor-reset a{color:#d6555f !important}.vditor-reset blockquote{border-left:2px solid #d6555f}.vditor-reset ol{counter-reset:item;list-style:none;position:relative}.vditor-reset ol li:before{position:absolute;left:0;content:counter(item) ". ";counter-increment:item;color:#d6555f}.vditor-reset pre{word-wrap:normal}.vditor-reset pre>code{box-sizing:border-box;width:100%}.vditor-reset p code{color:#cc0414}.blog__container{width:100%;max-width:1280px;margin:48px auto 0}.blog__title{font-size:22px;margin-bottom:24px}.blog__title small{font-size:14px;margin-left:4px}.container-fluid{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;margin:auto}.container-fluid .container--left,.container-fluid .container--right{box-sizing:border-box;padding:0 16px}.container-fluid .container--left{-webkit-box-flex:1;flex:1 1 auto;overflow:hidden}.container-fluid .container--right{-webkit-box-flex:0;flex:0 0 340px;margin-left:30px}@media only screen and (max-width: 768px){.container-fluid{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.container-fluid .container--left,.container-fluid .container--right{-webkit-box-flex:1;flex:1;margin-left:0;width:100%}.container-fluid .container--right{margin-top:24px}}.navbar{position:absolute;top:0;left:0;right:0;z-index:3;font-weight:800;-webkit-transition:background-color .4s;transition:background-color .4s;border-bottom:1px solid transparent;box-sizing:border-box}.navbar.is-fixed{position:fixed !important;background-color:rgba(255,255,255,0.9);-webkit-transition:opacity .4s, -webkit-transform .4s;transition:opacity .4s, -webkit-transform .4s;transition:transform .4s, opacity .4s;transition:transform .4s, opacity .4s, -webkit-transform .4s;opacity:0}.navbar.is-fixed .brand{color:black}.navbar.is-fixed .toggle{color:black}.navbar.is-fixed .toggle .icon-bar{background-color:black}.navbar.is-fixed .toggle:active{background-color:rgba(0,0,0,0.25)}.navbar.is-fixed li a{color:black}.navbar.is-fixed.show{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%);border-bottom-color:#efefef}.navbar__container .brand{color:#fff;line-height:26px;font-weight:bolder;font-size:18px}.navbar__container ul,.navbar__container li{list-style:none}.navbar__container--mobile{display:none;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;height:56px;padding:0 16px;box-sizing:border-box;position:relative}.navbar__container--mobile .toggle{-webkit-appearance:none;border-color:transparent;background:transparent;border-radius:50%;width:46px;height:46px;color:white}.navbar__container--mobile .toggle:active{background-color:rgba(255,255,255,0.25)}.navbar__container--mobile .toggle .icon-bar{display:block;width:20px;height:2px;border-radius:1px;background:currentColor;margin:auto}.navbar__container--mobile .toggle .icon-bar+.icon-bar{margin-top:4px}.navbar__container--mobile .toggle-items{opacity:0;pointer-events:none;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:all 0.2s cubic-bezier(0.47, 0, 0.4, 0.99) 0s;transition:all 0.2s cubic-bezier(0.47, 0, 0.4, 0.99) 0s;position:absolute;display:block;right:30px;top:50px}.navbar__container--mobile .toggle-items.show{pointer-events:auto;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.navbar__container--mobile .toggle-items.show ul{-webkit-transform:scaleY(1);transform:scaleY(1)}.navbar__container--mobile .toggle-items ul{padding:8px 0;width:170px;overflow:hidden;border:none;border-radius:2px;box-shadow:rgba(0,0,0,0.117647) 0 1px 6px,rgba(0,0,0,0.239216) 0 1px 4px;background:#FFF;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:-webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s}.navbar__container--mobile .toggle-items li{font-size:14px;line-height:28px;font-weight:800}.navbar__container--mobile .toggle-items li a{color:#777;padding:10px 15px;display:block;text-transform:uppercase;letter-spacing:1px}.navbar__container--web{height:62px;margin:auto;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:0 20px;box-sizing:border-box;max-width:1440px}.navbar__container--web a:hover{opacity:.8}.navbar__container--web ul{list-style:none;font-weight:800;font-size:0}.navbar__container--web ul li{display:inline-block}.navbar__container--web ul a{display:block;padding:20px;color:white;text-transform:uppercase;font-size:16px;line-height:20px;font-weight:bolder;letter-spacing:1px}@media only screen and (max-width: 768px){.navbar__container--mobile{display:-webkit-box;display:flex}.navbar__container--web{display:none}}.custom_header{position:relative;height:406px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover}.custom_header:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1)}.custom_header__container{width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;z-index:2}.custom_header__container .subtitle{width:70%;margin:auto;text-align:center;font-size:26px;line-height:1.4;font-weight:400;display:block;margin:0 auto;color:white;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif}.custom_header__container .custom_header__articleMeta{width:100%;max-width:1280px;height:100%;margin:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;color:white;padding:0 16px;box-sizing:border-box;font-size:16px}@media only screen and (max-width: 768px){.custom_header__container .custom_header__articleMeta{font-size:12px}}.custom_header__container .articleMeta__title{font-size:2.8em;line-height:1.1;word-break:break-all}.custom_header__container .articleMeta__info{font-family:Lora,'Times New Roman',serif;font-size:1.25em;font-style:italic;margin:24px 0 12px}.custom_header__container .articleMeta__info .comments{margin:0 8px}.custom_header__container .articleMeta__tags{font-size:0}.custom_header__container .articleMeta__tags .tagBtn{color:white;margin-right:12px}.article{padding-bottom:48px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}.article__info{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;font-size:16px}.article__info .article__info--left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.article__info .author{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:#333;-webkit-box-flex:0;flex:0 0 auto}.article__info .author__avatar{width:36px;height:36px;display:block;border-radius:50%;-webkit-box-flex:0;flex:0 0 36px}.article__info .author__name{padding-left:10px;-webkit-box-flex:0;flex:0 0 auto}.article__info .split{padding:0 8px;color:#c7c7c7;-webkit-box-flex:0;flex:0 0 auto}.article__info .tags{color:#333}.article__info .createTime{color:#c7c7c7}.article__intro .title{color:#404040;font-size:24px;font-weight:500;line-height:33px;margin:18px 0 10px;display:table;word-break:break-all}.article__intro .title sup{font-size:10px;top:-20px;color:#d6555f}.article__intro .abstract{color:#818181}.article__visit{margin-top:16px;font-size:14px;color:#333;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.article__visit--left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.article__visit .createTime{display:none;line-height:20px}.article__visit .item{display:block;line-height:20px}.article__visit .item--split{margin-right:32px;position:relative}.article__visit .item--split:after{content:'|';position:absolute;right:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.article__visit .item--split{margin-right:16px}.article__visit .item--split:after{right:-8px}}.article+.article{margin-top:48px}@media only screen and (max-width: 768px){.article__info .createTime{display:none}.article__visit{margin-top:10px}.article__visit .createTime{display:block}.article__content{font-size:medium;line-height:1.7}}.pagination{display:block;position:relative;padding:24px 0}.pagination:after{clear:both;display:table;content:''}.pagination .pagination__item{display:block;padding:8px 20px;text-decoration:none;line-height:1.1;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px}.pagination .pagination__item:hover{background:#f0f0f0}.pagination .pagination__item--left{float:left}.pagination .pagination__item--right{float:right}.sidebar .sidebar__container+.sidebar__container .header{padding-top:40px}.sidebar .sidebar__container .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.sidebar .sidebar__container .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.sidebar .sidebar__container .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.sidebar .sidebar__container .search{margin-top:24px}.sidebar .sidebar__container .search .search__form .input{position:relative}.sidebar .sidebar__container .search .search__form .input input{-webkit-appearance:none;width:100%;display:block;font-size:14px;line-height:40px;height:40px;padding:0 40px 0 18px;box-sizing:border-box;color:#313131;border:1px solid rgba(184,197,214,0.2);border-radius:2px;outline:0;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04)}.sidebar .sidebar__container .search .search__form .input button{position:absolute;z-index:2;right:5px;top:5px;width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACzElEQVRYR8XXS+hVVRTH8Y9pkBhKA1+J9BRCnYgNpImEmKVpZgXRIEuJCgeBGuJEQUQlKhqIUEoPqLCHRS8sCGkiEk0KB4ZYVEaBBJaUVGTGL/aBw/Xc/zn6/3vdcOHec9be+7vXXuu31h3lEo9Rl3h/XQEmYDnuxY2Yxv9zf8JRvIN9OHW+B2oDuBpP4jFc0bL4n9iN7fi5K8hQAHdiL8aVxX7Bp/gC35Zn12MuFmJieXYaD+C9LhD9AJ7Ac2WBuHUTduJMn0Uvw+PYhvHFZiN2tEE0AdyHN8vEnHhlueu2tfJ+Cl7C7cV4Vfndd24vwEx8hTHYjyU422XnHpsPy9x47GZ82W+NXoBE8gr8gFn4/QI2z5QrcRjX4gMs6wIwuURvoFpd1wHsYbxY7K7Dd01z6h5YUwLtBKbi3w6bDGWSa/wROdh6PNMG8Bnm4wU8OszNq+m7SnYcwi1tAL8iivcI9owQwIN4BRGpsW0Aidjk81Ikikdi3IZPykKNmlN/mIiP6l0MgD9KZpxzqDrAMdwwwlfwUBGizzGv7QreLRXvYgRh0nF1G0A9DVNu/xlmECQNk9JXYR2ebQO4CUe6angHuEqI/kKEqLFE90Zmis8CfI/Zw5DipFwOcw02Y0sXKY5N6vvXuBwfIT3BhYwqno5jBuKFxtGUm2kmXivWaUhSjv/uSJF7fx0p6RlPYcNQc/s1JGvxdOn7Ukq3lr6vX2muBCzunlPbMOJ2P94+Hw9UtovxRk1A6i3ZNwWuqSWLt6KkKesZgcj399uyoOn99NJoLup4BW+VlMvdp6Y8X0CT0vc0QbR1xdW+qZK3FjVLZAcsi6bGV59sfrAHNMXo5RpEZP7juk1XgI4OaDSrQ+R67qpDDAIgVAnEVzG6ZNQdOJAXgwLIXneXbjup+hsmBWaQAIGI+6MT+UuXpnfgAIFIj3iyErdBe+CcKP0PDKOMIcqcJKUAAAAASUVORK5CYII=) 50% 50% no-repeat;background-size:60% 60%;background-color:transparent;border:none}.sidebar .sidebar__container .user{margin-top:24px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:start;align-items:flex-start}.sidebar .sidebar__container .user .user__avatar{height:80px;width:80px;border:none;border-radius:5px;display:block}.sidebar .sidebar__container .user .user__info .item{font-size:14px;color:#aaa}.sidebar .sidebar__container .user .user__info .item a{color:black}.sidebar .sidebar__container .user .user__info .item .text{color:#aaa;margin-left:4px}.sidebar .sidebar__container .tags{margin-top:24px}.sidebar .sidebar__container .lists{list-style:none}.sidebar .sidebar__container .lists a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all}.sidebar .sidebar__container .contents .article__contents{padding:10px 0;width:308px;overflow:hidden}.sidebar .sidebar__container .contents ul{list-style:none;padding-left:20px}.sidebar .sidebar__container .contents ul li{padding:4px 0}.sidebar .sidebar__container .contents ul li a{display:block;line-height:1.51;font-size:14px}.sidebar .sidebar__container .contents ul li a.active{color:#d6555f}@media only screen and (max-width: 768px){.sidebar .article__contents{display:none}}.footer{background:#263547;color:white;text-align:center;padding:36px 0;margin-top:6rem}.footer .footer__container{line-height:1.5}.rowSmallItemLayout .item{display:inline-block;vertical-align:top;padding:5px 10px;line-height:22px;font-size:14px;text-decoration:none;margin-bottom:6px;margin-right:6px}.rowItemLayout .item{display:inline-block;vertical-align:top;width:30%;margin-right:2%;margin-bottom:2%;height:100px;font-size:14px;padding:12px}.rowRowLayout .item{display:block;height:100px;margin-bottom:12px;font-size:16px;padding:12px}.rowRowLayout .item__title,.rowRowLayout .item__desc{word-break:break-all}.rowRowLayout .item__desc{font-size:12px;display:block;padding-top:6px}[class$=Layout]{font-size:0}[class$=Layout] .item{border-radius:2px;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:translateZ(0);transform:translateZ(0);color:rgba(0,0,0,0.6);border:1px solid #ececec;box-sizing:border-box;z-index:1}[class$=Layout] .item:hover{box-shadow:2px 2px 2px rgba(0,0,0,0.1);border-color:currentColor}.comment{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;padding:32px 8px 16px;box-sizing:border-box;border-bottom:1px solid #f1f1f1;position:relative}.comment.comment-body-ref{position:absolute;width:100%;background:white;margin-top:-3px;left:20px;border:1px solid #efefef;box-sizing:border-box}.comment.comment-body-ref:hover{display:-webkit-box !important;display:flex !important}@media only screen and (max-width: 768px){.comment.comment-body-ref{display:none !important}}.comment:hover{background:#f1f1f1}.comment__avatar{width:50px;height:50px;display:block;border-radius:50%;position:absolute;left:8px;top:32px}.comment__info,.comment__detail{padding-left:64px;width:100%;box-sizing:border-box}.comment__info{font-size:16px;display:block;margin-bottom:12px}.comment__info:after{content:'';clear:both;display:table}.comment__info .username{color:#666}.comment__info .replyName{color:#666;margin-left:4px}.comment__info .btn{font-size:12px;float:right}.comment__detail{-webkit-box-flex:1;flex:1}.comment__detail .time{margin-top:8px;color:#aaa;font-size:14px;display:block}@media only screen and (max-width: 768px){.comment{flex-wrap:wrap;-webkit-box-align:center;align-items:center}.comment__avatar{position:relative;top:0;left:0;width:36px;height:36px;-webkit-box-flex:0;flex:0 0 36px;margin-right:12px}.comment__info,.comment__detail{padding-left:0}.comment__info{-webkit-box-flex:1;flex:1;margin-bottom:0}.comment__detail{margin-top:12px;-webkit-box-flex:1;flex:1 0 100%}}.comment__container{margin-top:48px}.comment__container .article__comments{position:relative}.comment__container .comment__textarea{cursor:pointer;resize:none;background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px;margin:16px 0 0;width:100%;box-sizing:border-box;-webkit-appearance:none}.comment__container h3{margin-top:16px;font-size:20px}.recommendation__container{display:-webkit-box;display:flex;margin-top:30px}@media only screen and (max-width: 768px){.recommendation__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.recommendation__container .item{margin-top:40px;padding:0 !important}}.recommendation__container .item{-webkit-box-flex:1;flex:1;padding:0 8px}.recommendation__container .item .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.recommendation__container .item .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.recommendation__container .item .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.recommendation__container .item .lists,.recommendation__container .item ul{list-style:none}.recommendation__container .item .lists a,.recommendation__container .item ul a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all;font-size:14px}.share__container{margin-top:48px;display:-webkit-box;display:flex;width:100%;position:relative;bottom:0}.share__container a{-webkit-box-flex:1;flex:1;display:block;height:36px;position:relative}.share__container a canvas{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;z-index:2}.share__container .item{background-size:auto 100%;background-position:center center;background-repeat:no-repeat}.share__container .item:nth-child(1){background-color:#EA5D5C;background-image:url("../images/weibo.png")}.share__container .item:nth-child(2){background-color:#F5BC31;background-image:url("../images/qzone.png")}.share__container .item:nth-child(3){background-color:#51B674;background-image:url("../images/wechat.png")}@media only screen and (max-width: 768px){.share__container .item:nth-child(3){display:none}}.blink{-webkit-animation:blink 1.5s linear;animation:blink 1.5s linear;-webkit-animation-iteration-count:2;animation-iteration-count:2}@-webkit-keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}@keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}.toTop{position:fixed;z-index:5;bottom:40px;right:40px;display:none;cursor:pointer}@media only screen and (max-width: 768px){.toTop{right:20px}}@-webkit-keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.toTop img{width:40px;height:40px;display:block;animation:jump .6s linear infinite alternate-reverse}
diff --git a/dynamic.ftl b/dynamic.ftl
deleted file mode 100644
index 99d852e..0000000
--- a/dynamic.ftl
+++ /dev/null
@@ -1,10 +0,0 @@
-<#include "macro-page.ftl">
-<#include "macro-comment.ftl">
-
-<@sidePage htmlTitle="${dynamicLabel} - ${blogTitle}" pageTitle="${dynamicLabel}">
- $(window).height()?s.css("position","static"):t<=o-n?s.css("position","static"):o-n$(n).offset().top&&(t=o)}a.removeClass("active"),a.eq(t).addClass("active")},50)}return n(a),i(a),l(a),h(a),function(t){n(t),i(t),l(t),h(t),a=t}}function scrollTo(t){$("html ,body").animate({scrollTop:t},300)}var scrollManager=ScrollManagerCreator($(window).scrollTop());Emiya.prototype.listen=function(){$(".J_navbar_toggle").on("click",function(){var t="."+$(this).attr("data-for");$(t).hasClass("show")?$(t).removeClass("show"):$(t).addClass("show")}),$(".J_replyName").on("click",function(){var t=$(this).attr("data-originalId");$("#"+t)[0].scrollIntoViewIfNeeded(!0),$("#"+t).addClass("blink"),setTimeout(function(){$("#"+t).removeClass("blink")},3e3)}),$(".J_backToTop").on("click",function(t){scrollTo(0),t.preventDefault()}),$(window).on("scroll",function(){var t=$(window).scrollTop();scrollManager(t)}),$("body").on("click",".J_article__contents--container a",function(){var t=$(this).attr("data-target");scrollTo($(t).offset().top-$(".J_navbar").height()+1)}),$("body").on("touchstart",function(){})},Emiya.prototype.initArticle=function(){initPageShare();try{initContents()}catch(t){console.error(t)}},window.Skin=new Emiya;
\ No newline at end of file
+function Emiya(){this.listen()}function initPageShare(){var t=$(".J_share"),e=$(".J_share_wechat"),a=e.data("url"),o=e.data("avatar"),n=encodeURIComponent(e.data("title")+" - "+e.data("blogtitle")),i=encodeURIComponent(a),r={};r.weibo="http://v.t.sina.com.cn/share/share.php?title="+n+"&url="+i+"&pic="+o,r.qzone="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+i+"&sharesource=qzone&title="+n+"&pics="+o,r.twitter="https://twitter.com/intent/tweet?status="+n+" "+i,t.on("click",(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===e.find("canvas").length?$.ajax({method:"GET",url:Label.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){e.qrcode({width:128,height:128,text:a})}}):e.find("canvas").slideToggle(),!1):void window.open(r[t],"_blank","top=100,left=200,width=648,height=618")}))}function initContents(){var t={h1:5,h2:4,h3:3,h4:2,h5:1},e=getArticleTitles();if(0!==e.length){var a,o,n='$(r).offset().top&&(e=i)}n.removeClass("active"),n.eq(e).addClass("active")}),50)}return c(a),l(a),h(a),d(a),function(t){c(t),l(t),h(t),d(t),a=t}}function scrollTo(t){$("html ,body").animate({scrollTop:t},300)}var scrollManager=ScrollManagerCreator($(window).scrollTop());Emiya.prototype.listen=function(){$(".J_navbar_toggle").on("click",(function(){var t="."+$(this).attr("data-for");$(t).hasClass("show")?$(t).removeClass("show"):$(t).addClass("show")})),$(".J_replyName").on("click",(function(){var t=$(this).attr("data-originalId");$("#"+t)[0].scrollIntoViewIfNeeded(!0),$("#"+t).addClass("blink"),setTimeout((function(){$("#"+t).removeClass("blink")}),3e3)})),$(".J_backToTop").on("click",(function(t){scrollTo(0),t.preventDefault()})),$(window).on("scroll",(function(){var t=$(window).scrollTop();scrollManager(t)})),$("body").on("click",".J_article__contents--container a",(function(){var t=$(this).attr("data-target");scrollTo($(t).offset().top-$(".J_navbar").height()+1)})),$("body").on("touchstart",(function(){}))},Emiya.prototype.initArticle=function(){initPageShare();try{initContents()}catch(t){console.error(t)}},window.Skin=new Emiya;
\ No newline at end of file
diff --git a/side.ftl b/side.ftl
index d6a11ac..05f9481 100644
--- a/side.ftl
+++ b/side.ftl
@@ -50,11 +50,13 @@
<#if "en" == localeString?substring(0, 2)>
- ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})
+ ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})
+
<#else>
- ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})
+ ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})
+
@@ -62,7 +64,7 @@
...
-
- <#list recentComments as comment>
- <@dynamic_comment comment=comment>
-
-
-
\ No newline at end of file
diff --git a/macro-blog_header.ftl b/macro-blog_header.ftl
index 6a41958..d4c9cfb 100644
--- a/macro-blog_header.ftl
+++ b/macro-blog_header.ftl
@@ -55,10 +55,13 @@
- ${article.articleCommentCount} ${commentLabel}
+
+ ${article.articleCommentCount}
+ ${commentLabel}
+
- ${article.articleViewCount} ${viewLabel}
+ ${article.articleViewCount} ${viewLabel}
diff --git a/macro-comment.ftl b/macro-comment.ftl
index 954fe1d..f153b4c 100644
--- a/macro-comment.ftl
+++ b/macro-comment.ftl
@@ -1,65 +1,41 @@
-<#macro dynamic_comment comment>
- 
<#if article??>
From 5016bff31197c1e7b649a8298d67bdda3fd5b4a9 Mon Sep 17 00:00:00 2001
From: zjhch123 <416836508@qq.com>
Date: Sat, 18 Jan 2020 14:57:54 +0800
Subject: [PATCH 2/3] Fix: article content
---
css/base.css | 2 +-
css/base.scss | 6 ++++++
js/common.min.js | 2 +-
side.ftl | 8 +++++---
4 files changed, 13 insertions(+), 5 deletions(-)
diff --git a/css/base.css b/css/base.css
index fb6ed9f..93acd41 100644
--- a/css/base.css
+++ b/css/base.css
@@ -1 +1 @@
-@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:3;font-size:14px;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:320px;min-width:80px;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-name:scale-in;animation-name:scale-in;-webkit-animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5);animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}.vditor-panel--none{color:#4285f4;padding:0;-webkit-animation:none;animation:none;background-color:#f6f8fa;min-width:auto;max-width:none}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-input{border:0;padding:3px 5px;background-color:#f6f8fa}.vditor-input:focus{background-color:#fff;outline:none}.vditor-icon{color:#586069;cursor:pointer;float:left;padding:2px 5px;height:19px;width:25px;background-color:transparent;border:0;box-sizing:border-box}.vditor-icon:hover,.vditor-icon--current{color:#4285f4;background-color:transparent}.vditor-icon:focus{outline:none}.vditor-icon svg{height:15px !important;width:15px !important;float:left;fill:currentColor}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{float:left}.vditor-toolbar>div>.vditor-tooltipped{border:0;margin:0;padding:10px 5px;background-color:transparent;height:35px;width:25px;box-sizing:border-box}.vditor-toolbar>div>.vditor-tooltipped:focus{outline:none}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:15px;height:15px}.vditor-toolbar input{position:absolute;width:25px;height:35px;top:0;left:0;cursor:pointer;opacity:.001;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px;height:35px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-menu--disabled svg{color:rgba(88,96,105,0.6);cursor:not-allowed}.vditor-emojis{display:inline-block;overflow:auto}.vditor-emojis::-webkit-scrollbar{display:none}.vditor-emojis__tip{-webkit-box-flex:1;flex:1;width:200px;margin-right:10px;color:#586069;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-emojis__tail{margin-top:5px;font-size:12px;color:#586069;display:-webkit-box;display:flex}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis button{cursor:pointer;border-radius:3px;float:left;height:30px;width:30px;text-align:center;line-height:26px;padding:3px;box-sizing:border-box;font-size:16px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;border:0;margin:0;background-color:transparent;overflow:hidden}.vditor-emojis button:focus{outline:none}.vditor-emojis button:hover .vditor-emojis__icon{display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.vditor-emojis img{height:20px;width:20px;float:left;margin:3px 0 0 3px}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.vditor{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:-webkit-box;display:flex;min-height:60px;-webkit-box-flex:1;flex:1;position:relative}.vditor-textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";margin:0 1px 0 0;height:100%;overflow:auto;width:100%;-webkit-box-flex:1;flex:1;border:0;resize:none;padding:10px 9px 10px 10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px;font-variant-ligatures:no-common-ligatures;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.vditor-textarea[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-textarea:empty::before{content:attr(placeholder);color:rgba(36,41,46,0.68)}.vditor-preview{-webkit-box-flex:1;flex:1;background-color:#fff;overflow:auto;margin-left:-1px;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview>div::-webkit-scrollbar{display:none}.vditor-preview>.vditor-reset{margin:0 auto}.vditor-devtools{display:none;background-color:#fff;overflow:auto;-webkit-box-flex:1;flex:1;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:3px 0;cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:100%;z-index:2}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:#f6f8fa;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.vditor-resize:hover>div,.vditor-resize--selected>div{background-color:#4285f4}.vditor-resize:hover svg,.vditor-resize--selected svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{position:absolute;height:3px;left:0;top:-2px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;background-color:rgba(66,133,244,0.8)}.vditor-tip{position:absolute;font-size:12px;top:10px;color:#fff;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;left:50%}.vditor-tip--show{display:block;-webkit-animation-name:slideInDown;animation-name:slideInDown}.vditor-tip__content{text-align:left;display:inline-block;line-height:16px;padding:3px 10px;border-radius:3px;background:rgba(66,133,244,0.8);position:relative;margin-left:-50%}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__close{position:absolute;color:#586069;top:-7px;right:-15px;font-weight:bold;cursor:pointer}.vditor-tip__close:hover{color:#4285f4}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:4;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:250px;min-width:80px;display:none}.vditor-hint button{display:block;padding:3px 10px;border:0;border-bottom:1px solid #d1d5da;line-height:20px;width:100%;box-sizing:border-box;text-align:left;margin:0;background-color:transparent}.vditor-hint button:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint button:hover{background-color:#4285f4 !important;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-variant-ligatures:no-common-ligatures;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";word-wrap:break-word;overflow:auto;line-height:1.5;font-size:16px;word-break:break-word}.vditor-reset--anchor{padding-left:20px}.vditor-reset--error{color:#d23f31;font-size:12px;display:block;line-height:16px}.vditor-reset ul ul ul{list-style-type:square}.vditor-reset ul ul{list-style-type:circle}.vditor-reset ul{list-style-type:disc}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li+li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset audio:focus{outline:none}.vditor-reset video{max-height:90vh;max-width:100%}.vditor-reset img{max-width:100%}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:sub}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1:hover .vditor-anchor svg,.vditor-reset h2:hover .vditor-anchor svg,.vditor-reset h3:hover .vditor-anchor svg,.vditor-reset h4:hover .vditor-anchor svg,.vditor-reset h5:hover .vditor-anchor svg,.vditor-reset h6:hover .vditor-anchor svg{visibility:visible}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da;max-width:100%;box-sizing:border-box}.vditor-reset iframe.iframe__video{min-width:80%;min-height:36vh}.vditor-reset table{width:100%;border-collapse:collapse;empty-cells:show;margin-bottom:16px;display:block;overflow:auto;border-spacing:0}.vditor-reset table tr{background-color:#fff;border-top:1px solid #c6cbd1}.vditor-reset table td,.vditor-reset table th{padding:6px 13px;border:1px solid #dfe2e5;word-break:normal}.vditor-reset table th{font-weight:600}.vditor-reset table tbody tr:nth-child(2n){background-color:#f6f8fa}.vditor-reset code:not(.hljs):not(.highlight-chroma){padding:0.2em 0.4em;margin:0;font-size:85%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";word-break:break-word;background-size:20px 20px;white-space:pre-wrap;background-color:rgba(27,31,35,0.05)}.vditor-reset pre>code{margin:0;font-size:85%;padding:0.5em;border-radius:5px;display:block;overflow:auto;white-space:pre;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";background-size:20px 20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);word-break:initial;word-wrap:normal}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-reset p:last-child,.vditor-reset blockquote:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child,.vditor-reset ol:last-child,.vditor-reset hr:last-child{margin-bottom:0}.vditor-reset .language-echarts{overflow:hidden;height:420px}.vditor-task{list-style:none}.vditor-task input{margin:0 .2em .25em -1.6em;font-size:12px;vertical-align:middle}.vditor-copy{position:relative;display:none;z-index:1}.vditor-copy textarea{position:absolute;left:-100000px;height:10px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:14px;width:14px;display:block;background-color:#f6f8fa;border-radius:3px;padding:3px}.vditor-copy svg{color:#586069;height:14px;width:14px !important;display:block;fill:currentColor}.vditor-linenumber{padding-left:4em !important;position:relative}.vditor-linenumber__rows{position:absolute;pointer-events:none;top:0.5em;left:0;width:3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;counter-reset:linenumber}.vditor-linenumber__rows>span{pointer-events:none;display:block}.vditor-linenumber__rows>span::before{counter-increment:linenumber;content:counter(linenumber);color:rgba(158,150,150,0.38);display:block;padding-right:1em;text-align:right}.vditor-speech{position:absolute;display:none;background-color:#f6f8fa;border:1px solid #d1d5da;border-radius:3px;padding:3px;cursor:pointer;color:#586069}.vditor-speech:hover,.vditor-speech--current{color:#4285f4}.vditor-speech svg{height:14px;width:14px;fill:currentColor;display:block;stroke-width:0;stroke:currentColor}.vditor-anchor{float:left;padding-right:4px;margin-left:-20px}.vditor-anchor svg{visibility:hidden}.vditor-anchor:hover svg{visibility:visible}.vditor-anchor:focus{outline:none}.vditor-linkcard{margin:31px auto 16px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;cursor:pointer;max-width:768px;padding:0 10px}.vditor-linkcard a{border-radius:3px;background-color:#f6f8fa;overflow:hidden;max-height:250px;display:-webkit-box;display:flex;text-decoration:none;flex-wrap:wrap-reverse;box-shadow:0 1px 2px rgba(0,0,0,0.2)}.vditor-linkcard a:hover{box-shadow:0 0 3px rgba(0,0,0,0.13),0 3px 6px rgba(0,0,0,0.26);text-decoration:none}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:rgba(88,96,105,0.6)}.vditor-linkcard__info{padding:10px;min-width:200px;box-sizing:border-box;-webkit-box-flex:1;flex:1}.vditor-linkcard__title{font-size:14px;font-weight:400;color:#24292e;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.vditor-linkcard__title img{cursor:pointer;height:20px;width:20px;border-radius:3px;flex-shrink:0;margin-right:5px}.vditor-linkcard__abstract{word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;color:#586069;margin:5px 0}.vditor-linkcard__site{font-size:12px;color:#4285f4}.vditor-linkcard__image{background-size:cover;background-repeat:no-repeat;background-position:center center;max-width:250px;min-width:126px;cursor:pointer;background-color:#fff}.vditor-wysiwyg{background-color:#fafbfc;box-sizing:border-box;-webkit-box-flex:1;flex:1;margin:0;white-space:pre-wrap;position:relative}.vditor-wysiwyg[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-wysiwyg:focus{outline:none;background-color:#fff}.vditor-wysiwyg blockquote:empty::before,.vditor-wysiwyg pre>code:empty::before{content:' '}.vditor-wysiwyg__block[data-type="html-block"]>pre,.vditor-wysiwyg__block[data-type="math-block"]>pre{margin-bottom:0}.vditor-wysiwyg__block>pre{margin-bottom:-1em}.vditor-wysiwyg__block>pre>code{background-color:#fff !important;border:1px solid #d1d5da;overflow:auto !important}.vditor-wysiwyg__block[data-type=html-inline] .vditor-wysiwyg__preview svg{fill:rgba(88,96,105,0.36);height:12px;cursor:pointer;width:12px}.vditor-wysiwyg__preview{cursor:pointer;white-space:initial;min-height:27px}.vditor-wysiwyg__preview pre{margin-bottom:1em !important}.vditor-wysiwyg h1:before,.vditor-wysiwyg h2:before,.vditor-wysiwyg h3:before,.vditor-wysiwyg h4:before,.vditor-wysiwyg h5:before,.vditor-wysiwyg h6:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before{float:left;padding-right:4px;margin-left:-29px;content:'h1';font-size:0.85rem;font-weight:normal;text-transform:uppercase;color:rgba(88,96,105,0.36)}.vditor-wysiwyg h2:before{content:'h2'}.vditor-wysiwyg h3:before{content:'h3'}.vditor-wysiwyg h4:before{content:'h4'}.vditor-wysiwyg h5:before{content:'h5'}.vditor-wysiwyg h6:before{content:'h6'}.vditor-wysiwyg div.vditor-wysiwyg__block:before{content:""}.vditor-wysiwyg details{white-space:initial}.vditor-wysiwyg span[data-type="backslash"]>span{display:none;color:rgba(88,96,105,0.36)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}body,html{position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;height:auto}::-moz-selection{color:white;text-shadow:none;background:#D6555F}::selection{color:white;text-shadow:none;background:#D6555F}a{color:inherit}a:hover{text-decoration:none;color:#d6555f !important}.vditor-reset a{color:#d6555f !important}.vditor-reset blockquote{border-left:2px solid #d6555f}.vditor-reset ol{counter-reset:item;list-style:none;position:relative}.vditor-reset ol li:before{position:absolute;left:0;content:counter(item) ". ";counter-increment:item;color:#d6555f}.vditor-reset pre{word-wrap:normal}.vditor-reset pre>code{box-sizing:border-box;width:100%}.vditor-reset p code{color:#cc0414}.blog__container{width:100%;max-width:1280px;margin:48px auto 0}.blog__title{font-size:22px;margin-bottom:24px}.blog__title small{font-size:14px;margin-left:4px}.container-fluid{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;margin:auto}.container-fluid .container--left,.container-fluid .container--right{box-sizing:border-box;padding:0 16px}.container-fluid .container--left{-webkit-box-flex:1;flex:1 1 auto;overflow:hidden}.container-fluid .container--right{-webkit-box-flex:0;flex:0 0 340px;margin-left:30px}@media only screen and (max-width: 768px){.container-fluid{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.container-fluid .container--left,.container-fluid .container--right{-webkit-box-flex:1;flex:1;margin-left:0;width:100%}.container-fluid .container--right{margin-top:24px}}.navbar{position:absolute;top:0;left:0;right:0;z-index:3;font-weight:800;-webkit-transition:background-color .4s;transition:background-color .4s;border-bottom:1px solid transparent;box-sizing:border-box}.navbar.is-fixed{position:fixed !important;background-color:rgba(255,255,255,0.9);-webkit-transition:opacity .4s, -webkit-transform .4s;transition:opacity .4s, -webkit-transform .4s;transition:transform .4s, opacity .4s;transition:transform .4s, opacity .4s, -webkit-transform .4s;opacity:0}.navbar.is-fixed .brand{color:black}.navbar.is-fixed .toggle{color:black}.navbar.is-fixed .toggle .icon-bar{background-color:black}.navbar.is-fixed .toggle:active{background-color:rgba(0,0,0,0.25)}.navbar.is-fixed li a{color:black}.navbar.is-fixed.show{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%);border-bottom-color:#efefef}.navbar__container .brand{color:#fff;line-height:26px;font-weight:bolder;font-size:18px}.navbar__container ul,.navbar__container li{list-style:none}.navbar__container--mobile{display:none;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;height:56px;padding:0 16px;box-sizing:border-box;position:relative}.navbar__container--mobile .toggle{-webkit-appearance:none;border-color:transparent;background:transparent;border-radius:50%;width:46px;height:46px;color:white}.navbar__container--mobile .toggle:active{background-color:rgba(255,255,255,0.25)}.navbar__container--mobile .toggle .icon-bar{display:block;width:20px;height:2px;border-radius:1px;background:currentColor;margin:auto}.navbar__container--mobile .toggle .icon-bar+.icon-bar{margin-top:4px}.navbar__container--mobile .toggle-items{opacity:0;pointer-events:none;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:all 0.2s cubic-bezier(0.47, 0, 0.4, 0.99) 0s;transition:all 0.2s cubic-bezier(0.47, 0, 0.4, 0.99) 0s;position:absolute;display:block;right:30px;top:50px}.navbar__container--mobile .toggle-items.show{pointer-events:auto;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.navbar__container--mobile .toggle-items.show ul{-webkit-transform:scaleY(1);transform:scaleY(1)}.navbar__container--mobile .toggle-items ul{padding:8px 0;width:170px;overflow:hidden;border:none;border-radius:2px;box-shadow:rgba(0,0,0,0.117647) 0 1px 6px,rgba(0,0,0,0.239216) 0 1px 4px;background:#FFF;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:-webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s}.navbar__container--mobile .toggle-items li{font-size:14px;line-height:28px;font-weight:800}.navbar__container--mobile .toggle-items li a{color:#777;padding:10px 15px;display:block;text-transform:uppercase;letter-spacing:1px}.navbar__container--web{height:62px;margin:auto;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:0 20px;box-sizing:border-box;max-width:1440px}.navbar__container--web a:hover{opacity:.8}.navbar__container--web ul{list-style:none;font-weight:800;font-size:0}.navbar__container--web ul li{display:inline-block}.navbar__container--web ul a{display:block;padding:20px;color:white;text-transform:uppercase;font-size:16px;line-height:20px;font-weight:bolder;letter-spacing:1px}@media only screen and (max-width: 768px){.navbar__container--mobile{display:-webkit-box;display:flex}.navbar__container--web{display:none}}.custom_header{position:relative;height:406px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover}.custom_header:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1)}.custom_header__container{width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;z-index:2}.custom_header__container .subtitle{width:70%;margin:auto;text-align:center;font-size:26px;line-height:1.4;font-weight:400;display:block;margin:0 auto;color:white;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif}.custom_header__container .custom_header__articleMeta{width:100%;max-width:1280px;height:100%;margin:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;color:white;padding:0 16px;box-sizing:border-box;font-size:16px}@media only screen and (max-width: 768px){.custom_header__container .custom_header__articleMeta{font-size:12px}}.custom_header__container .articleMeta__title{font-size:2.8em;line-height:1.1;word-break:break-all}.custom_header__container .articleMeta__info{font-family:Lora,'Times New Roman',serif;font-size:1.25em;font-style:italic;margin:24px 0 12px}.custom_header__container .articleMeta__info .comments{margin:0 8px}.custom_header__container .articleMeta__tags{font-size:0}.custom_header__container .articleMeta__tags .tagBtn{color:white;margin-right:12px}.article{padding-bottom:48px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}.article__info{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;font-size:16px}.article__info .article__info--left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.article__info .author{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:#333;-webkit-box-flex:0;flex:0 0 auto}.article__info .author__avatar{width:36px;height:36px;display:block;border-radius:50%;-webkit-box-flex:0;flex:0 0 36px}.article__info .author__name{padding-left:10px;-webkit-box-flex:0;flex:0 0 auto}.article__info .split{padding:0 8px;color:#c7c7c7;-webkit-box-flex:0;flex:0 0 auto}.article__info .tags{color:#333}.article__info .createTime{color:#c7c7c7}.article__intro .title{color:#404040;font-size:24px;font-weight:500;line-height:33px;margin:18px 0 10px;display:table;word-break:break-all}.article__intro .title sup{font-size:10px;top:-20px;color:#d6555f}.article__intro .abstract{color:#818181}.article__visit{margin-top:16px;font-size:14px;color:#333;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.article__visit--left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.article__visit .createTime{display:none;line-height:20px}.article__visit .item{display:block;line-height:20px}.article__visit .item--split{margin-right:32px;position:relative}.article__visit .item--split:after{content:'|';position:absolute;right:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.article__visit .item--split{margin-right:16px}.article__visit .item--split:after{right:-8px}}.article+.article{margin-top:48px}@media only screen and (max-width: 768px){.article__info .createTime{display:none}.article__visit{margin-top:10px}.article__visit .createTime{display:block}.article__content{font-size:medium;line-height:1.7}}.pagination{display:block;position:relative;padding:24px 0}.pagination:after{clear:both;display:table;content:''}.pagination .pagination__item{display:block;padding:8px 20px;text-decoration:none;line-height:1.1;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px}.pagination .pagination__item:hover{background:#f0f0f0}.pagination .pagination__item--left{float:left}.pagination .pagination__item--right{float:right}.sidebar .sidebar__container+.sidebar__container .header{padding-top:40px}.sidebar .sidebar__container .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.sidebar .sidebar__container .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.sidebar .sidebar__container .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.sidebar .sidebar__container .search{margin-top:24px}.sidebar .sidebar__container .search .search__form .input{position:relative}.sidebar .sidebar__container .search .search__form .input input{-webkit-appearance:none;width:100%;display:block;font-size:14px;line-height:40px;height:40px;padding:0 40px 0 18px;box-sizing:border-box;color:#313131;border:1px solid rgba(184,197,214,0.2);border-radius:2px;outline:0;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04)}.sidebar .sidebar__container .search .search__form .input button{position:absolute;z-index:2;right:5px;top:5px;width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACzElEQVRYR8XXS+hVVRTH8Y9pkBhKA1+J9BRCnYgNpImEmKVpZgXRIEuJCgeBGuJEQUQlKhqIUEoPqLCHRS8sCGkiEk0KB4ZYVEaBBJaUVGTGL/aBw/Xc/zn6/3vdcOHec9be+7vXXuu31h3lEo9Rl3h/XQEmYDnuxY2Yxv9zf8JRvIN9OHW+B2oDuBpP4jFc0bL4n9iN7fi5K8hQAHdiL8aVxX7Bp/gC35Zn12MuFmJieXYaD+C9LhD9AJ7Ac2WBuHUTduJMn0Uvw+PYhvHFZiN2tEE0AdyHN8vEnHhlueu2tfJ+Cl7C7cV4Vfndd24vwEx8hTHYjyU422XnHpsPy9x47GZ82W+NXoBE8gr8gFn4/QI2z5QrcRjX4gMs6wIwuURvoFpd1wHsYbxY7K7Dd01z6h5YUwLtBKbi3w6bDGWSa/wROdh6PNMG8Bnm4wU8OszNq+m7SnYcwi1tAL8iivcI9owQwIN4BRGpsW0Aidjk81Ikikdi3IZPykKNmlN/mIiP6l0MgD9KZpxzqDrAMdwwwlfwUBGizzGv7QreLRXvYgRh0nF1G0A9DVNu/xlmECQNk9JXYR2ebQO4CUe6angHuEqI/kKEqLFE90Zmis8CfI/Zw5DipFwOcw02Y0sXKY5N6vvXuBwfIT3BhYwqno5jBuKFxtGUm2kmXivWaUhSjv/uSJF7fx0p6RlPYcNQc/s1JGvxdOn7Ukq3lr6vX2muBCzunlPbMOJ2P94+Hw9UtovxRk1A6i3ZNwWuqSWLt6KkKesZgcj399uyoOn99NJoLup4BW+VlMvdp6Y8X0CT0vc0QbR1xdW+qZK3FjVLZAcsi6bGV59sfrAHNMXo5RpEZP7juk1XgI4OaDSrQ+R67qpDDAIgVAnEVzG6ZNQdOJAXgwLIXneXbjup+hsmBWaQAIGI+6MT+UuXpnfgAIFIj3iyErdBe+CcKP0PDKOMIcqcJKUAAAAASUVORK5CYII=) 50% 50% no-repeat;background-size:60% 60%;background-color:transparent;border:none}.sidebar .sidebar__container .user{margin-top:24px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:start;align-items:flex-start}.sidebar .sidebar__container .user .user__avatar{height:80px;width:80px;border:none;border-radius:5px;display:block}.sidebar .sidebar__container .user .user__info .item{font-size:14px;color:#aaa}.sidebar .sidebar__container .user .user__info .item a{color:black}.sidebar .sidebar__container .user .user__info .item .text{color:#aaa;margin-left:4px}.sidebar .sidebar__container .tags{margin-top:24px}.sidebar .sidebar__container .lists{list-style:none}.sidebar .sidebar__container .lists a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all}.sidebar .sidebar__container .contents .article__contents{padding:10px 0;width:308px;overflow:hidden}.sidebar .sidebar__container .contents ul{list-style:none;padding-left:20px}.sidebar .sidebar__container .contents ul li{padding:4px 0}.sidebar .sidebar__container .contents ul li a{display:block;line-height:1.51;font-size:14px}.sidebar .sidebar__container .contents ul li a.active{color:#d6555f}@media only screen and (max-width: 768px){.sidebar .article__contents{display:none}}.footer{background:#263547;color:white;text-align:center;padding:36px 0;margin-top:6rem}.footer .footer__container{line-height:1.5}.rowSmallItemLayout .item{display:inline-block;vertical-align:top;padding:5px 10px;line-height:22px;font-size:14px;text-decoration:none;margin-bottom:6px;margin-right:6px}.rowItemLayout .item{display:inline-block;vertical-align:top;width:30%;margin-right:2%;margin-bottom:2%;height:100px;font-size:14px;padding:12px}.rowRowLayout .item{display:block;height:100px;margin-bottom:12px;font-size:16px;padding:12px}.rowRowLayout .item__title,.rowRowLayout .item__desc{word-break:break-all}.rowRowLayout .item__desc{font-size:12px;display:block;padding-top:6px}[class$=Layout]{font-size:0}[class$=Layout] .item{border-radius:2px;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:translateZ(0);transform:translateZ(0);color:rgba(0,0,0,0.6);border:1px solid #ececec;box-sizing:border-box;z-index:1}[class$=Layout] .item:hover{box-shadow:2px 2px 2px rgba(0,0,0,0.1);border-color:currentColor}.comment{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;padding:32px 8px 16px;box-sizing:border-box;border-bottom:1px solid #f1f1f1;position:relative}.comment.comment-body-ref{position:absolute;width:100%;background:white;margin-top:-3px;left:20px;border:1px solid #efefef;box-sizing:border-box}.comment.comment-body-ref:hover{display:-webkit-box !important;display:flex !important}@media only screen and (max-width: 768px){.comment.comment-body-ref{display:none !important}}.comment:hover{background:#f1f1f1}.comment__avatar{width:50px;height:50px;display:block;border-radius:50%;position:absolute;left:8px;top:32px}.comment__info,.comment__detail{padding-left:64px;width:100%;box-sizing:border-box}.comment__info{font-size:16px;display:block;margin-bottom:12px}.comment__info:after{content:'';clear:both;display:table}.comment__info .username{color:#666}.comment__info .replyName{color:#666;margin-left:4px}.comment__info .btn{font-size:12px;float:right}.comment__detail{-webkit-box-flex:1;flex:1}.comment__detail .time{margin-top:8px;color:#aaa;font-size:14px;display:block}@media only screen and (max-width: 768px){.comment{flex-wrap:wrap;-webkit-box-align:center;align-items:center}.comment__avatar{position:relative;top:0;left:0;width:36px;height:36px;-webkit-box-flex:0;flex:0 0 36px;margin-right:12px}.comment__info,.comment__detail{padding-left:0}.comment__info{-webkit-box-flex:1;flex:1;margin-bottom:0}.comment__detail{margin-top:12px;-webkit-box-flex:1;flex:1 0 100%}}.comment__container{margin-top:48px}.comment__container .article__comments{position:relative}.comment__container .comment__textarea{cursor:pointer;resize:none;background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px;margin:16px 0 0;width:100%;box-sizing:border-box;-webkit-appearance:none}.comment__container h3{margin-top:16px;font-size:20px}.recommendation__container{display:-webkit-box;display:flex;margin-top:30px}@media only screen and (max-width: 768px){.recommendation__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.recommendation__container .item{margin-top:40px;padding:0 !important}}.recommendation__container .item{-webkit-box-flex:1;flex:1;padding:0 8px}.recommendation__container .item .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.recommendation__container .item .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.recommendation__container .item .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.recommendation__container .item .lists,.recommendation__container .item ul{list-style:none}.recommendation__container .item .lists a,.recommendation__container .item ul a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all;font-size:14px}.share__container{margin-top:48px;display:-webkit-box;display:flex;width:100%;position:relative;bottom:0}.share__container a{-webkit-box-flex:1;flex:1;display:block;height:36px;position:relative}.share__container a canvas{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;z-index:2}.share__container .item{background-size:auto 100%;background-position:center center;background-repeat:no-repeat}.share__container .item:nth-child(1){background-color:#EA5D5C;background-image:url("../images/weibo.png")}.share__container .item:nth-child(2){background-color:#F5BC31;background-image:url("../images/qzone.png")}.share__container .item:nth-child(3){background-color:#51B674;background-image:url("../images/wechat.png")}@media only screen and (max-width: 768px){.share__container .item:nth-child(3){display:none}}.blink{-webkit-animation:blink 1.5s linear;animation:blink 1.5s linear;-webkit-animation-iteration-count:2;animation-iteration-count:2}@-webkit-keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}@keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}.toTop{position:fixed;z-index:5;bottom:40px;right:40px;display:none;cursor:pointer}@media only screen and (max-width: 768px){.toTop{right:20px}}@-webkit-keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.toTop img{width:40px;height:40px;display:block;animation:jump .6s linear infinite alternate-reverse}
+@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:3;font-size:14px;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:320px;min-width:80px;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-name:scale-in;animation-name:scale-in;-webkit-animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5);animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}.vditor-panel--none{color:#4285f4;padding:0;-webkit-animation:none;animation:none;background-color:#f6f8fa;min-width:auto;max-width:none}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-input{border:0;padding:3px 5px;background-color:#f6f8fa}.vditor-input:focus{background-color:#fff;outline:none}.vditor-icon{color:#586069;cursor:pointer;float:left;padding:2px 5px;height:19px;width:25px;background-color:transparent;border:0;box-sizing:border-box}.vditor-icon:hover,.vditor-icon--current{color:#4285f4;background-color:transparent}.vditor-icon:focus{outline:none}.vditor-icon svg{height:15px !important;width:15px !important;float:left;fill:currentColor}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{float:left}.vditor-toolbar>div>.vditor-tooltipped{border:0;margin:0;padding:10px 5px;background-color:transparent;height:35px;width:25px;box-sizing:border-box}.vditor-toolbar>div>.vditor-tooltipped:focus{outline:none}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:15px;height:15px}.vditor-toolbar input{position:absolute;width:25px;height:35px;top:0;left:0;cursor:pointer;opacity:.001;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px;height:35px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-menu--disabled svg{color:rgba(88,96,105,0.6);cursor:not-allowed}.vditor-emojis{display:inline-block;overflow:auto}.vditor-emojis::-webkit-scrollbar{display:none}.vditor-emojis__tip{-webkit-box-flex:1;flex:1;width:200px;margin-right:10px;color:#586069;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-emojis__tail{margin-top:5px;font-size:12px;color:#586069;display:-webkit-box;display:flex}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis button{cursor:pointer;border-radius:3px;float:left;height:30px;width:30px;text-align:center;line-height:26px;padding:3px;box-sizing:border-box;font-size:16px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;border:0;margin:0;background-color:transparent;overflow:hidden}.vditor-emojis button:focus{outline:none}.vditor-emojis button:hover .vditor-emojis__icon{display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.vditor-emojis img{height:20px;width:20px;float:left;margin:3px 0 0 3px}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.vditor{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:-webkit-box;display:flex;min-height:60px;-webkit-box-flex:1;flex:1;position:relative}.vditor-textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";margin:0 1px 0 0;height:100%;overflow:auto;width:100%;-webkit-box-flex:1;flex:1;border:0;resize:none;padding:10px 9px 10px 10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px;font-variant-ligatures:no-common-ligatures;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.vditor-textarea[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-textarea:empty::before{content:attr(placeholder);color:rgba(36,41,46,0.68)}.vditor-preview{-webkit-box-flex:1;flex:1;background-color:#fff;overflow:auto;margin-left:-1px;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview>div::-webkit-scrollbar{display:none}.vditor-preview>.vditor-reset{margin:0 auto}.vditor-devtools{display:none;background-color:#fff;overflow:auto;-webkit-box-flex:1;flex:1;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:3px 0;cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:100%;z-index:2}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:#f6f8fa;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.vditor-resize:hover>div,.vditor-resize--selected>div{background-color:#4285f4}.vditor-resize:hover svg,.vditor-resize--selected svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{position:absolute;height:3px;left:0;top:-2px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;background-color:rgba(66,133,244,0.8)}.vditor-tip{position:absolute;font-size:12px;top:10px;color:#fff;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;left:50%}.vditor-tip--show{display:block;-webkit-animation-name:slideInDown;animation-name:slideInDown}.vditor-tip__content{text-align:left;display:inline-block;line-height:16px;padding:3px 10px;border-radius:3px;background:rgba(66,133,244,0.8);position:relative;margin-left:-50%}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__close{position:absolute;color:#586069;top:-7px;right:-15px;font-weight:bold;cursor:pointer}.vditor-tip__close:hover{color:#4285f4}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:4;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:250px;min-width:80px;display:none}.vditor-hint button{display:block;padding:3px 10px;border:0;border-bottom:1px solid #d1d5da;line-height:20px;width:100%;box-sizing:border-box;text-align:left;margin:0;background-color:transparent}.vditor-hint button:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint button:hover{background-color:#4285f4 !important;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-variant-ligatures:no-common-ligatures;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";word-wrap:break-word;overflow:auto;line-height:1.5;font-size:16px;word-break:break-word}.vditor-reset--anchor{padding-left:20px}.vditor-reset--error{color:#d23f31;font-size:12px;display:block;line-height:16px}.vditor-reset ul ul ul{list-style-type:square}.vditor-reset ul ul{list-style-type:circle}.vditor-reset ul{list-style-type:disc}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li+li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset audio:focus{outline:none}.vditor-reset video{max-height:90vh;max-width:100%}.vditor-reset img{max-width:100%}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:sub}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1:hover .vditor-anchor svg,.vditor-reset h2:hover .vditor-anchor svg,.vditor-reset h3:hover .vditor-anchor svg,.vditor-reset h4:hover .vditor-anchor svg,.vditor-reset h5:hover .vditor-anchor svg,.vditor-reset h6:hover .vditor-anchor svg{visibility:visible}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da;max-width:100%;box-sizing:border-box}.vditor-reset iframe.iframe__video{min-width:80%;min-height:36vh}.vditor-reset table{width:100%;border-collapse:collapse;empty-cells:show;margin-bottom:16px;display:block;overflow:auto;border-spacing:0}.vditor-reset table tr{background-color:#fff;border-top:1px solid #c6cbd1}.vditor-reset table td,.vditor-reset table th{padding:6px 13px;border:1px solid #dfe2e5;word-break:normal}.vditor-reset table th{font-weight:600}.vditor-reset table tbody tr:nth-child(2n){background-color:#f6f8fa}.vditor-reset code:not(.hljs):not(.highlight-chroma){padding:0.2em 0.4em;margin:0;font-size:85%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";word-break:break-word;background-size:20px 20px;white-space:pre-wrap;background-color:rgba(27,31,35,0.05)}.vditor-reset pre>code{margin:0;font-size:85%;padding:0.5em;border-radius:5px;display:block;overflow:auto;white-space:pre;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";background-size:20px 20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);word-break:initial;word-wrap:normal}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-reset p:last-child,.vditor-reset blockquote:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child,.vditor-reset ol:last-child,.vditor-reset hr:last-child{margin-bottom:0}.vditor-reset .language-echarts{overflow:hidden;height:420px}.vditor-task{list-style:none}.vditor-task input{margin:0 .2em .25em -1.6em;font-size:12px;vertical-align:middle}.vditor-copy{position:relative;display:none;z-index:1}.vditor-copy textarea{position:absolute;left:-100000px;height:10px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:14px;width:14px;display:block;background-color:#f6f8fa;border-radius:3px;padding:3px}.vditor-copy svg{color:#586069;height:14px;width:14px !important;display:block;fill:currentColor}.vditor-linenumber{padding-left:4em !important;position:relative}.vditor-linenumber__rows{position:absolute;pointer-events:none;top:0.5em;left:0;width:3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;counter-reset:linenumber}.vditor-linenumber__rows>span{pointer-events:none;display:block}.vditor-linenumber__rows>span::before{counter-increment:linenumber;content:counter(linenumber);color:rgba(158,150,150,0.38);display:block;padding-right:1em;text-align:right}.vditor-speech{position:absolute;display:none;background-color:#f6f8fa;border:1px solid #d1d5da;border-radius:3px;padding:3px;cursor:pointer;color:#586069}.vditor-speech:hover,.vditor-speech--current{color:#4285f4}.vditor-speech svg{height:14px;width:14px;fill:currentColor;display:block;stroke-width:0;stroke:currentColor}.vditor-anchor{float:left;padding-right:4px;margin-left:-20px}.vditor-anchor svg{visibility:hidden}.vditor-anchor:hover svg{visibility:visible}.vditor-anchor:focus{outline:none}.vditor-linkcard{margin:31px auto 16px;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;cursor:pointer;max-width:768px;padding:0 10px}.vditor-linkcard a{border-radius:3px;background-color:#f6f8fa;overflow:hidden;max-height:250px;display:-webkit-box;display:flex;text-decoration:none;flex-wrap:wrap-reverse;box-shadow:0 1px 2px rgba(0,0,0,0.2)}.vditor-linkcard a:hover{box-shadow:0 0 3px rgba(0,0,0,0.13),0 3px 6px rgba(0,0,0,0.26);text-decoration:none}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:rgba(88,96,105,0.6)}.vditor-linkcard__info{padding:10px;min-width:200px;box-sizing:border-box;-webkit-box-flex:1;flex:1}.vditor-linkcard__title{font-size:14px;font-weight:400;color:#24292e;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.vditor-linkcard__title img{cursor:pointer;height:20px;width:20px;border-radius:3px;flex-shrink:0;margin-right:5px}.vditor-linkcard__abstract{word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;color:#586069;margin:5px 0}.vditor-linkcard__site{font-size:12px;color:#4285f4}.vditor-linkcard__image{background-size:cover;background-repeat:no-repeat;background-position:center center;max-width:250px;min-width:126px;cursor:pointer;background-color:#fff}.vditor-wysiwyg{background-color:#fafbfc;box-sizing:border-box;-webkit-box-flex:1;flex:1;margin:0;white-space:pre-wrap;position:relative}.vditor-wysiwyg[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-wysiwyg:focus{outline:none;background-color:#fff}.vditor-wysiwyg blockquote:empty::before,.vditor-wysiwyg pre>code:empty::before{content:' '}.vditor-wysiwyg__block[data-type="html-block"]>pre,.vditor-wysiwyg__block[data-type="math-block"]>pre{margin-bottom:0}.vditor-wysiwyg__block>pre{margin-bottom:-1em}.vditor-wysiwyg__block>pre>code{background-color:#fff !important;border:1px solid #d1d5da;overflow:auto !important}.vditor-wysiwyg__block[data-type=html-inline] .vditor-wysiwyg__preview svg{fill:rgba(88,96,105,0.36);height:12px;cursor:pointer;width:12px}.vditor-wysiwyg__preview{cursor:pointer;white-space:initial;min-height:27px}.vditor-wysiwyg__preview pre{margin-bottom:1em !important}.vditor-wysiwyg h1:before,.vditor-wysiwyg h2:before,.vditor-wysiwyg h3:before,.vditor-wysiwyg h4:before,.vditor-wysiwyg h5:before,.vditor-wysiwyg h6:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before{float:left;padding-right:4px;margin-left:-29px;content:'h1';font-size:0.85rem;font-weight:normal;text-transform:uppercase;color:rgba(88,96,105,0.36)}.vditor-wysiwyg h2:before{content:'h2'}.vditor-wysiwyg h3:before{content:'h3'}.vditor-wysiwyg h4:before{content:'h4'}.vditor-wysiwyg h5:before{content:'h5'}.vditor-wysiwyg h6:before{content:'h6'}.vditor-wysiwyg div.vditor-wysiwyg__block:before{content:""}.vditor-wysiwyg details{white-space:initial}.vditor-wysiwyg span[data-type="backslash"]>span{display:none;color:rgba(88,96,105,0.36)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}body,html{position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;height:auto}::-moz-selection{color:white;text-shadow:none;background:#D6555F}::selection{color:white;text-shadow:none;background:#D6555F}a{color:inherit}a:hover{text-decoration:none;color:#d6555f !important}.vditor-reset a{color:#d6555f !important}.vditor-reset blockquote{border-left:2px solid #d6555f}.vditor-reset ol{counter-reset:item;list-style:none;position:relative}.vditor-reset ol li:before{position:absolute;left:0;content:counter(item) ". ";counter-increment:item;color:#d6555f}.vditor-reset pre{word-wrap:normal}.vditor-reset pre>code{box-sizing:border-box;width:100%}.vditor-reset p code{color:#cc0414}.fn__none{display:none}.blog__container{width:100%;max-width:1280px;margin:48px auto 0}.blog__title{font-size:22px;margin-bottom:24px}.blog__title small{font-size:14px;margin-left:4px}.container-fluid{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;margin:auto}.container-fluid .container--left,.container-fluid .container--right{box-sizing:border-box;padding:0 16px}.container-fluid .container--left{-webkit-box-flex:1;flex:1 1 auto;overflow:hidden}.container-fluid .container--right{-webkit-box-flex:0;flex:0 0 340px;margin-left:30px}@media only screen and (max-width: 768px){.container-fluid{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.container-fluid .container--left,.container-fluid .container--right{-webkit-box-flex:1;flex:1;margin-left:0;width:100%}.container-fluid .container--right{margin-top:24px}}.navbar{position:absolute;top:0;left:0;right:0;z-index:3;font-weight:800;-webkit-transition:background-color .4s;transition:background-color .4s;border-bottom:1px solid transparent;box-sizing:border-box}.navbar.is-fixed{position:fixed !important;background-color:rgba(255,255,255,0.9);-webkit-transition:opacity .4s, -webkit-transform .4s;transition:opacity .4s, -webkit-transform .4s;transition:transform .4s, opacity .4s;transition:transform .4s, opacity .4s, -webkit-transform .4s;opacity:0}.navbar.is-fixed .brand{color:black}.navbar.is-fixed .toggle{color:black}.navbar.is-fixed .toggle .icon-bar{background-color:black}.navbar.is-fixed .toggle:active{background-color:rgba(0,0,0,0.25)}.navbar.is-fixed li a{color:black}.navbar.is-fixed.show{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%);border-bottom-color:#efefef}.navbar__container .brand{color:#fff;line-height:26px;font-weight:bolder;font-size:18px}.navbar__container ul,.navbar__container li{list-style:none}.navbar__container--mobile{display:none;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;height:56px;padding:0 16px;box-sizing:border-box;position:relative}.navbar__container--mobile .toggle{-webkit-appearance:none;border-color:transparent;background:transparent;border-radius:50%;width:46px;height:46px;color:white}.navbar__container--mobile .toggle:active{background-color:rgba(255,255,255,0.25)}.navbar__container--mobile .toggle .icon-bar{display:block;width:20px;height:2px;border-radius:1px;background:currentColor;margin:auto}.navbar__container--mobile .toggle .icon-bar+.icon-bar{margin-top:4px}.navbar__container--mobile .toggle-items{opacity:0;pointer-events:none;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:all 0.2s cubic-bezier(0.47, 0, 0.4, 0.99) 0s;transition:all 0.2s cubic-bezier(0.47, 0, 0.4, 0.99) 0s;position:absolute;display:block;right:30px;top:50px}.navbar__container--mobile .toggle-items.show{pointer-events:auto;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.navbar__container--mobile .toggle-items.show ul{-webkit-transform:scaleY(1);transform:scaleY(1)}.navbar__container--mobile .toggle-items ul{padding:8px 0;width:170px;overflow:hidden;border:none;border-radius:2px;box-shadow:rgba(0,0,0,0.117647) 0 1px 6px,rgba(0,0,0,0.239216) 0 1px 4px;background:#FFF;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:-webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s;transition:transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.32, 1, 0.23, 1) 0s}.navbar__container--mobile .toggle-items li{font-size:14px;line-height:28px;font-weight:800}.navbar__container--mobile .toggle-items li a{color:#777;padding:10px 15px;display:block;text-transform:uppercase;letter-spacing:1px}.navbar__container--web{height:62px;margin:auto;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:0 20px;box-sizing:border-box;max-width:1440px}.navbar__container--web a:hover{opacity:.8}.navbar__container--web ul{list-style:none;font-weight:800;font-size:0}.navbar__container--web ul li{display:inline-block}.navbar__container--web ul a{display:block;padding:20px;color:white;text-transform:uppercase;font-size:16px;line-height:20px;font-weight:bolder;letter-spacing:1px}@media only screen and (max-width: 768px){.navbar__container--mobile{display:-webkit-box;display:flex}.navbar__container--web{display:none}}.custom_header{position:relative;height:406px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover}.custom_header:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1)}.custom_header__container{width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;z-index:2}.custom_header__container .subtitle{width:70%;margin:auto;text-align:center;font-size:26px;line-height:1.4;font-weight:400;display:block;margin:0 auto;color:white;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif}.custom_header__container .custom_header__articleMeta{width:100%;max-width:1280px;height:100%;margin:auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;color:white;padding:0 16px;box-sizing:border-box;font-size:16px}@media only screen and (max-width: 768px){.custom_header__container .custom_header__articleMeta{font-size:12px}}.custom_header__container .articleMeta__title{font-size:2.8em;line-height:1.1;word-break:break-all}.custom_header__container .articleMeta__info{font-family:Lora,'Times New Roman',serif;font-size:1.25em;font-style:italic;margin:24px 0 12px}.custom_header__container .articleMeta__info .comments{margin:0 8px}.custom_header__container .articleMeta__tags{font-size:0}.custom_header__container .articleMeta__tags .tagBtn{color:white;margin-right:12px}.article{padding-bottom:48px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}.article__info{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;font-size:16px}.article__info .article__info--left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.article__info .author{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;color:#333;-webkit-box-flex:0;flex:0 0 auto}.article__info .author__avatar{width:36px;height:36px;display:block;border-radius:50%;-webkit-box-flex:0;flex:0 0 36px}.article__info .author__name{padding-left:10px;-webkit-box-flex:0;flex:0 0 auto}.article__info .split{padding:0 8px;color:#c7c7c7;-webkit-box-flex:0;flex:0 0 auto}.article__info .tags{color:#333}.article__info .createTime{color:#c7c7c7}.article__intro .title{color:#404040;font-size:24px;font-weight:500;line-height:33px;margin:18px 0 10px;display:table;word-break:break-all}.article__intro .title sup{font-size:10px;top:-20px;color:#d6555f}.article__intro .abstract{color:#818181}.article__visit{margin-top:16px;font-size:14px;color:#333;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.article__visit--left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.article__visit .createTime{display:none;line-height:20px}.article__visit .item{display:block;line-height:20px}.article__visit .item--split{margin-right:32px;position:relative}.article__visit .item--split:after{content:'|';position:absolute;right:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 768px){.article__visit .item--split{margin-right:16px}.article__visit .item--split:after{right:-8px}}.article+.article{margin-top:48px}@media only screen and (max-width: 768px){.article__info .createTime{display:none}.article__visit{margin-top:10px}.article__visit .createTime{display:block}.article__content{font-size:medium;line-height:1.7}}.pagination{display:block;position:relative;padding:24px 0}.pagination:after{clear:both;display:table;content:''}.pagination .pagination__item{display:block;padding:8px 20px;text-decoration:none;line-height:1.1;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px}.pagination .pagination__item:hover{background:#f0f0f0}.pagination .pagination__item--left{float:left}.pagination .pagination__item--right{float:right}.sidebar .sidebar__container+.sidebar__container .header{padding-top:40px}.sidebar .sidebar__container .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.sidebar .sidebar__container .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.sidebar .sidebar__container .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.sidebar .sidebar__container .search{margin-top:24px}.sidebar .sidebar__container .search .search__form .input{position:relative}.sidebar .sidebar__container .search .search__form .input input{-webkit-appearance:none;width:100%;display:block;font-size:14px;line-height:40px;height:40px;padding:0 40px 0 18px;box-sizing:border-box;color:#313131;border:1px solid rgba(184,197,214,0.2);border-radius:2px;outline:0;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04)}.sidebar .sidebar__container .search .search__form .input button{position:absolute;z-index:2;right:5px;top:5px;width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACzElEQVRYR8XXS+hVVRTH8Y9pkBhKA1+J9BRCnYgNpImEmKVpZgXRIEuJCgeBGuJEQUQlKhqIUEoPqLCHRS8sCGkiEk0KB4ZYVEaBBJaUVGTGL/aBw/Xc/zn6/3vdcOHec9be+7vXXuu31h3lEo9Rl3h/XQEmYDnuxY2Yxv9zf8JRvIN9OHW+B2oDuBpP4jFc0bL4n9iN7fi5K8hQAHdiL8aVxX7Bp/gC35Zn12MuFmJieXYaD+C9LhD9AJ7Ac2WBuHUTduJMn0Uvw+PYhvHFZiN2tEE0AdyHN8vEnHhlueu2tfJ+Cl7C7cV4Vfndd24vwEx8hTHYjyU422XnHpsPy9x47GZ82W+NXoBE8gr8gFn4/QI2z5QrcRjX4gMs6wIwuURvoFpd1wHsYbxY7K7Dd01z6h5YUwLtBKbi3w6bDGWSa/wROdh6PNMG8Bnm4wU8OszNq+m7SnYcwi1tAL8iivcI9owQwIN4BRGpsW0Aidjk81Ikikdi3IZPykKNmlN/mIiP6l0MgD9KZpxzqDrAMdwwwlfwUBGizzGv7QreLRXvYgRh0nF1G0A9DVNu/xlmECQNk9JXYR2ebQO4CUe6angHuEqI/kKEqLFE90Zmis8CfI/Zw5DipFwOcw02Y0sXKY5N6vvXuBwfIT3BhYwqno5jBuKFxtGUm2kmXivWaUhSjv/uSJF7fx0p6RlPYcNQc/s1JGvxdOn7Ukq3lr6vX2muBCzunlPbMOJ2P94+Hw9UtovxRk1A6i3ZNwWuqSWLt6KkKesZgcj399uyoOn99NJoLup4BW+VlMvdp6Y8X0CT0vc0QbR1xdW+qZK3FjVLZAcsi6bGV59sfrAHNMXo5RpEZP7juk1XgI4OaDSrQ+R67qpDDAIgVAnEVzG6ZNQdOJAXgwLIXneXbjup+hsmBWaQAIGI+6MT+UuXpnfgAIFIj3iyErdBe+CcKP0PDKOMIcqcJKUAAAAASUVORK5CYII=) 50% 50% no-repeat;background-size:60% 60%;background-color:transparent;border:none}.sidebar .sidebar__container .user{margin-top:24px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:start;align-items:flex-start}.sidebar .sidebar__container .user .user__avatar{height:80px;width:80px;border:none;border-radius:5px;display:block}.sidebar .sidebar__container .user .user__info .item{font-size:14px;color:#aaa}.sidebar .sidebar__container .user .user__info .item a{color:black}.sidebar .sidebar__container .user .user__info .item .text{color:#aaa;margin-left:4px}.sidebar .sidebar__container .tags{margin-top:24px}.sidebar .sidebar__container .lists{list-style:none}.sidebar .sidebar__container .lists a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all}.sidebar .sidebar__container .contents .article__contents{padding:10px 0;width:308px;overflow:hidden}.sidebar .sidebar__container .contents ul{list-style:none;padding-left:20px}.sidebar .sidebar__container .contents ul li{padding:4px 0}.sidebar .sidebar__container .contents ul li a{display:block;line-height:1.51;font-size:14px}.sidebar .sidebar__container .contents ul li a.active{color:#d6555f}@media only screen and (max-width: 768px){.sidebar .article__contents{display:none}}.footer{background:#263547;color:white;text-align:center;padding:36px 0;margin-top:6rem}.footer .footer__container{line-height:1.5}.rowSmallItemLayout .item{display:inline-block;vertical-align:top;padding:5px 10px;line-height:22px;font-size:14px;text-decoration:none;margin-bottom:6px;margin-right:6px}.rowItemLayout .item{display:inline-block;vertical-align:top;width:30%;margin-right:2%;margin-bottom:2%;height:100px;font-size:14px;padding:12px}.rowRowLayout .item{display:block;height:100px;margin-bottom:12px;font-size:16px;padding:12px}.rowRowLayout .item__title,.rowRowLayout .item__desc{word-break:break-all}.rowRowLayout .item__desc{font-size:12px;display:block;padding-top:6px}[class$=Layout]{font-size:0}[class$=Layout] .item{border-radius:2px;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:translateZ(0);transform:translateZ(0);color:rgba(0,0,0,0.6);border:1px solid #ececec;box-sizing:border-box;z-index:1}[class$=Layout] .item:hover{box-shadow:2px 2px 2px rgba(0,0,0,0.1);border-color:currentColor}.comment{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;padding:32px 8px 16px;box-sizing:border-box;border-bottom:1px solid #f1f1f1;position:relative}.comment.comment-body-ref{position:absolute;width:100%;background:white;margin-top:-3px;left:20px;border:1px solid #efefef;box-sizing:border-box}.comment.comment-body-ref:hover{display:-webkit-box !important;display:flex !important}@media only screen and (max-width: 768px){.comment.comment-body-ref{display:none !important}}.comment:hover{background:#f1f1f1}.comment__avatar{width:50px;height:50px;display:block;border-radius:50%;position:absolute;left:8px;top:32px}.comment__info,.comment__detail{padding-left:64px;width:100%;box-sizing:border-box}.comment__info{font-size:16px;display:block;margin-bottom:12px}.comment__info:after{content:'';clear:both;display:table}.comment__info .username{color:#666}.comment__info .replyName{color:#666;margin-left:4px}.comment__info .btn{font-size:12px;float:right}.comment__detail{-webkit-box-flex:1;flex:1}.comment__detail .time{margin-top:8px;color:#aaa;font-size:14px;display:block}@media only screen and (max-width: 768px){.comment{flex-wrap:wrap;-webkit-box-align:center;align-items:center}.comment__avatar{position:relative;top:0;left:0;width:36px;height:36px;-webkit-box-flex:0;flex:0 0 36px;margin-right:12px}.comment__info,.comment__detail{padding-left:0}.comment__info{-webkit-box-flex:1;flex:1;margin-bottom:0}.comment__detail{margin-top:12px;-webkit-box-flex:1;flex:1 0 100%}}.comment__container{margin-top:48px}.comment__container .article__comments{position:relative}.comment__container .comment__textarea{cursor:pointer;resize:none;background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px;margin:16px 0 0;width:100%;box-sizing:border-box;-webkit-appearance:none}.comment__container h3{margin-top:16px;font-size:20px}.recommendation__container{display:-webkit-box;display:flex;margin-top:30px}@media only screen and (max-width: 768px){.recommendation__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.recommendation__container .item{margin-top:40px;padding:0 !important}}.recommendation__container .item{-webkit-box-flex:1;flex:1;padding:0 8px}.recommendation__container .item .header{border-bottom:1px solid rgba(0,0,0,0.0785)}.recommendation__container .item .header span{font-size:18px;font-weight:700;color:rgba(0,0,0,0.8);position:relative;padding:0 0 13px;display:table}.recommendation__container .item .header span:after{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#2f2f2d;content:''}.recommendation__container .item .lists,.recommendation__container .item ul{list-style:none}.recommendation__container .item .lists a,.recommendation__container .item ul a{border-bottom:1px solid #eee;line-height:1.51;padding:10px 0;display:block;word-break:break-all;font-size:14px}.share__container{margin-top:48px;display:-webkit-box;display:flex;width:100%;position:relative;bottom:0}.share__container a{-webkit-box-flex:1;flex:1;display:block;height:36px;position:relative}.share__container a canvas{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;z-index:2}.share__container .item{background-size:auto 100%;background-position:center center;background-repeat:no-repeat}.share__container .item:nth-child(1){background-color:#EA5D5C;background-image:url("../images/weibo.png")}.share__container .item:nth-child(2){background-color:#F5BC31;background-image:url("../images/qzone.png")}.share__container .item:nth-child(3){background-color:#51B674;background-image:url("../images/wechat.png")}@media only screen and (max-width: 768px){.share__container .item:nth-child(3){display:none}}.blink{-webkit-animation:blink 1.5s linear;animation:blink 1.5s linear;-webkit-animation-iteration-count:2;animation-iteration-count:2}@-webkit-keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}@keyframes blink{0%,50%,100%{background-color:white}25%,75%{background-color:#d1d1d1}}.toTop{position:fixed;z-index:5;bottom:40px;right:40px;display:none;cursor:pointer}@media only screen and (max-width: 768px){.toTop{right:20px}}@-webkit-keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes jump{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.toTop img{width:40px;height:40px;display:block;animation:jump .6s linear infinite alternate-reverse}
diff --git a/css/base.scss b/css/base.scss
index 91466bc..8bf694d 100644
--- a/css/base.scss
+++ b/css/base.scss
@@ -88,6 +88,12 @@ a {
}
}
+.fn {
+ &__none {
+ display: none;
+ }
+}
+
.blog {
&__container {
width: 100%;
diff --git a/js/common.min.js b/js/common.min.js
index b4f6f0e..ffae42b 100644
--- a/js/common.min.js
+++ b/js/common.min.js
@@ -1 +1 @@
-function Emiya(){this.listen()}function initPageShare(){var t=$(".J_share"),e=$(".J_share_wechat"),a=e.data("url"),o=e.data("avatar"),n=encodeURIComponent(e.data("title")+" - "+e.data("blogtitle")),i=encodeURIComponent(a),r={};r.weibo="http://v.t.sina.com.cn/share/share.php?title="+n+"&url="+i+"&pic="+o,r.qzone="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+i+"&sharesource=qzone&title="+n+"&pics="+o,r.twitter="https://twitter.com/intent/tweet?status="+n+" "+i,t.on("click",function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===e.find("canvas").length?$.ajax({method:"GET",url:Label.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){e.qrcode({width:128,height:128,text:a})}}):e.find("canvas").slideToggle(),!1):void window.open(r[t],"_blank","top=100,left=200,width=648,height=618")})}function initContents(){var i={h1:5,h2:4,h3:3,h4:2,h5:1},r=getArticleTitles();if(0!==r.length){var s,c,l='
- 
-
-
-
-
-
-<#macro article_comment comment article>
-
- <#if "http://" == comment.commentURL>
- ${comment.commentName}
- <#else>
- ${comment.commentName}
-
- ${viewLabel}»
-
-
-
-
-
-
-
-
<#macro article_comments commentList article>
-<#if commentList?size != 0>
-
- <#if "http://" == comment.commentURL || "https://" == comment.commentURL>
- ${comment.commentName}
- <#else>
- ${comment.commentName}
-
- <#if comment.isReply>
- @${comment.commentOriginalCommentName}
-
- <#if article.commentable>
- ${replyLabel}
-
-
-
- ${comment.commentContent}
-
-
- 评论列表
--
- <#list commentList as comment>
- <@article_comment comment=comment article=article>
-
-
添加新评论
- - + <#if commentList?size != 0> +评论列表
+-
+ <#list commentList as comment>
+
-
+ + <#if "http://" == comment.commentURL || "https://" == comment.commentURL> + ${comment.commentName} + <#else> + ${comment.commentName} + + <#if comment.isReply> + @${comment.commentOriginalCommentName} + + <#if article.commentable> + ${replyLabel} + ++
+ ++ ${comment.commentContent} ++ +
+
+
添加新评论
+ + \ No newline at end of file diff --git a/side.ftl b/side.ftl index eacf8fe..d6a11ac 100644 --- a/side.ftl +++ b/side.ftl @@ -21,8 +21,6 @@
-
-
@@ -41,30 +39,30 @@
- <#if 0 != mostCommentArticles?size>
+ <#if 0 != archiveDates?size>
-
-
- <#if 0 != mostViewCountArticles?size>
-
+ ${statistic.statisticBlogViewCount}${viewLabel}
${onlineVisitorCnt}${onlineVisitorLabel}
- ';r.each(function(t,e){var a=i[e.tagName.toLowerCase()],o=r.eq(t).text(),n='
- '+o+" ";a&&(c?a===s?l+=n:a
- ';e.each((function(i,r){var s=t[r.tagName.toLowerCase()],c=e.eq(i).text(),l='
- '+c+" ";s&&(o?s===a?n+=l:s