Skip to content

S
solo-1
Commit d89797d3 authored by Liyuan Li's avatar Liyuan Li
Browse files
Options

💄 metro-hot

parent 8ddf6c42
Hide whitespace changes
Inline Side-by-side
Showing with 6 additions and 11 deletions
src/main/resources/skins/metro-hot/article-list.ftl
View file @ d89797d3
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
${article.articleTitle} ${article.articleTitle}
</a> </a>
</h2> </h2>
<div class="vditor-reset"> <div class="vditor-reset vditor-reset--dark">
${article.articleAbstractText} ${article.articleAbstractText}
</div> </div>
<div data-ico="&#x003b;" title="${tagLabel}" class="article-tags"> <div data-ico="&#x003b;" title="${tagLabel}" class="article-tags">
......
src/main/resources/skins/metro-hot/article.ftl
View file @ d89797d3
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
</div> </div>
<div class="fn-clear"> <div class="fn-clear">
<div class="main"> <div class="main">
<div class="vditor-reset"> <div class="vditor-reset vditor-reset--dark">
${article.articleContent} ${article.articleContent}
<#if "" != article.articleSign.signHTML?trim> <#if "" != article.articleSign.signHTML?trim>
${article.articleSign.signHTML} ${article.articleSign.signHTML}
......
src/main/resources/skins/metro-hot/common-comment.ftl
View file @ d89797d3
...@@ -43,6 +43,6 @@ ...@@ -43,6 +43,6 @@
${comment.commentDate2?string("yy-MM-dd HH:mm")} ${comment.commentDate2?string("yy-MM-dd HH:mm")}
</div> </div>
</div> </div>
<div class="vditor-reset">${comment.commentContent}</div> <div class="vditor-reset vditor-reset--dark">${comment.commentContent}</div>
</div> </div>
</div> </div>
\ No newline at end of file
src/main/resources/skins/metro-hot/css/base.css
View file @ d89797d3
.article__toc{overflow:auto}.article__toc::-webkit-scrollbar{display:none}.article__toc li{list-style-type:none}.article__toc li a{padding-left:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article__toc li a:hover{text-decoration:none}.article__toc li.toc__h3 a{padding-left:20px}.article__toc li.toc__h4 a{padding-left:30px}.article__toc li.toc__h5 a{padding-left:40px}.user__site:hover{text-decoration:none}.fn__flex{display:-webkit-box;display:flex}.fn__flex-center{-ms-grid-row-align:center;align-self:center}.fn__flex-inline{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}.fn__flex-1{-webkit-box-flex:1;flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.fn__pointer{cursor:pointer}.fn__clear:after,.fn__clear:before{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__center{text-align:center}.ft__nowrap{white-space:nowrap}.vditor,.vditor-reset{--border-color:#d1d5da;--second-color:rgba(88,96,105,0.36);--panel-background-color:#fff;--toolbar-background-color:#f6f8fa;--toolbar-icon-color:#586069;--toolbar-icon-hover-color:#4285f4;--textarea-background-color:#fafbfc;--textarea-text-color:#24292e;--resize-icon-color:var(--toolbar-icon-color);--resize-background-color:var(--toolbar-background-color);--resize-hover-icon-color:var(--panel-background-color);--resize-hover-background-color:var(--toolbar-icon-hover-color);--code-background-color:rgba(27,31,35,0.05);--heading-border-color:#eaecef;--blockquote-color:#6a737d}.vditor--dark,.vditor-reset--dark{--border-color:#141414;--second-color:hsla(0,0%,72.5%,0.36);--panel-background-color:#24292e;--toolbar-background-color:#1d2125;--toolbar-icon-color:#b9b9b9;--toolbar-icon-hover-color:#fff;--textarea-background-color:#2f363d;--textarea-text-color:#d1d5da;--resize-icon-color:var(--border-color);--resize-background-color:var(--second-color);--resize-hover-icon-color:var(--toolbar-icon-hover-color);--resize-hover-background-color:hsla(0,0%,72.5%,0.86);--code-background-color:rgba(66,133,244,0.36);--heading-border-color:var(--textarea-text-color);--blockquote-color:var(--toolbar-icon-color)}@-webkit-keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped:after{z-index:1000000;padding:5px 8px;font-size:11px;font-weight:400;-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;content:attr(aria-label);background:#3b3e43;border-radius:3px;line-height:16px}.vditor-tooltipped:after,.vditor-tooltipped:before{position:absolute;display:none;pointer-events:none;opacity:0}.vditor-tooltipped:before{z-index:1000001;width:0;height:0;color:#3b3e43;content:"";border:5px solid transparent}.vditor-tooltipped--hover:after,.vditor-tooltipped--hover:before,.vditor-tooltipped:active:after,.vditor-tooltipped:active:before,.vditor-tooltipped:focus:after,.vditor-tooltipped:focus:before,.vditor-tooltipped:hover:after,.vditor-tooltipped:hover:before{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.15s;animation-duration:.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:#3b3e43}.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:#3b3e43}.vditor-tooltipped__ne:after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw:after{margin-right:-15px}.vditor-tooltipped__n:after,.vditor-tooltipped__s: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:#3b3e43}.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:#3b3e43}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vditor-panel{background-color:var(--panel-background-color);position:absolute;box-shadow:0 1px 2px rgba(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(.2,0,.13,1.5);animation-timing-function:cubic-bezier(.2,0,.13,1.5);color:var(--toolbar-icon-color)}.vditor-panel--none{padding:0;-webkit-animation:none;animation:none;min-width:auto;max-width:none}.vditor-input{border:0;padding:3px 5px;background-color:var(--panel-background-color);font-size:12px;color:var(--textarea-text-color)}.vditor-input:focus{background-color:var(--toolbar-background-color);outline:none}.vditor-icon{color:var(--toolbar-icon-color);cursor:pointer;float:left;padding:4px 5px;height:21px;width:23px;background-color:transparent;border:0;box-sizing:border-box}.vditor-icon--current,.vditor-icon:hover{color:var(--toolbar-icon-hover-color);background-color:transparent}.vditor-icon:focus{outline:none}.vditor-icon svg{height:13px!important;width:13px!important;float:left;fill:currentColor;pointer-events:none}.vditor-toolbar{background-color:var(--toolbar-background-color);border-bottom:1px solid var(--border-color);padding:0 5px}.vditor-toolbar--hide{-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;height:5px}.vditor-toolbar--hide:hover{background-color:var(--toolbar-background-color);height:auto}.vditor-toolbar__item{float:left}.vditor-toolbar__item .vditor-tooltipped{color:var(--toolbar-icon-color);border:0;margin:0;padding:10px 5px;background-color:transparent;height:35px;width:25px;box-sizing:border-box}.vditor-toolbar__item .vditor-tooltipped:focus{outline:none}.vditor-toolbar__item .vditor-tooltipped:hover{color:var(--toolbar-icon-hover-color)}.vditor-toolbar__item svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:15px;height:15px}.vditor-toolbar__item input{position:absolute;width:25px;height:35px;top:0;left:0;cursor:pointer;opacity:.001;overflow:hidden}.vditor-toolbar__divider{float:left;width:10px;height:35px}.vditor-toolbar__br{width:100%;padding:0!important;height:0!important}.vditor-menu--current svg{color:var(--toolbar-icon-hover-color)}.vditor-menu--disabled svg{color:var(--second-color);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:var(--toolbar-icon-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-emojis__tail{margin-top:5px;font-size:12px;color:var(--toolbar-icon-color);display:-webkit-box;display:flex}.vditor-emojis__tail a{text-decoration:none;color:var(--toolbar-icon-color)}.vditor-emojis__tail a:hover{color:var(--toolbar-icon-hover-color)}.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 .15s ease-in-out;transition:all .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{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.vditor{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border:1px solid var(--border-color);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;border-radius:0}.vditor-content{display:-webkit-box;display:flex;min-height:60px;-webkit-box-flex:1;flex:1;position:relative;background-color:var(--textarea-background-color)}.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:var(--panel-background-color);outline:0 none;font-size:16px;line-height:22px;color:var(--textarea-text-color);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:.3;cursor:not-allowed}.vditor-textarea:empty:before{content:attr(placeholder);color:var(--second-color)}.vditor-textarea:focus{background-color:var(--textarea-background-color)}.vditor-textarea:after{content:"";height:var(--editor-bottom);display:block}.vditor-preview{-webkit-box-flex:1;flex:1;overflow:auto;margin-left:-1px;border-left:1px solid var(--border-color);box-sizing:border-box;border-radius:0 0 3px 0;background-color:var(--textarea-background-color)}.vditor-preview>.vditor-reset{padding:10px}.vditor-preview>div::-webkit-scrollbar{display:none}.vditor-preview>.vditor-reset{margin:0 auto}.vditor-devtools{display:none;background-color:var(--textarea-background-color);overflow:auto;-webkit-box-flex:1;flex:1;box-shadow:inset 1px 0 var(--border-color);box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:var(--toolbar-icon-color);background-color:var(--code-background-color);border-radius:3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,.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%}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:var(--resize-background-color);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.vditor-resize--selected>div,.vditor-resize:hover>div{background-color:var(--resize-hover-background-color)}.vditor-resize--selected svg,.vditor-resize:hover svg{color:var(--resize-hover-icon-color)}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:var(--resize-icon-color)}.vditor-upload{position:absolute;height:3px;left:0;top:-2px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:#4285f4}.vditor-tip{position:absolute;font-size:12px;top:10px;color:var(--toolbar-icon-color);-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:var(--toolbar-icon-color);position:relative;margin-left:-50%;color:var(--toolbar-background-color)}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__close{position:absolute;color:var(--toolbar-icon-color);top:-7px;right:-15px;font-weight:700;cursor:pointer}.vditor-tip__close:hover{color:var(--toolbar-icon-hover-color)}.vditor-arrow:before{position:absolute;width:0;height:0;pointer-events:none;content:" ";top:-14px;left:5px;border:7px solid transparent;border-bottom:7px solid var(--panel-background-color)}.vditor-hint{background-color:var(--panel-background-color);position:absolute;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:3px;padding:5px 0;z-index:4;line-height:20px;list-style:none;font-size:12px;margin:0;max-width:250px;min-width:80px;display:none}.vditor-hint button{color:var(--toolbar-icon-color);display:block;padding:3px 10px;border:0;border-radius:0;border-bottom:1px solid var(--border-color);line-height:20px;width:100%;box-sizing:border-box;text-align:left;margin:0;background-color:transparent;cursor:pointer;white-space:nowrap}.vditor-hint button:last-child{border-bottom:0}.vditor-hint button:focus{outline:none}.vditor-hint--current,.vditor-hint button:hover{background-color:var(--toolbar-background-color)!important;color:var(--toolbar-icon-hover-color)!important}.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{color:var(--textarea-text-color);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;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--dark{background-color:var(--textarea-background-color)}.vditor-reset--dark a{color:#4285f4}.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 ol,.vditor-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li+li{margin-top:.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{font-size:1.7em}.vditor-reset h1,.vditor-reset h2{padding-bottom:.3em;border-bottom:1px solid var(--heading-border-color)}.vditor-reset h2{font-size:1.5em}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:.875em}.vditor-reset h6{font-size:.85em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:var(--heading-border-color);border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:var(--blockquote-color);border-left:.25em solid var(--heading-border-color);margin:0 0 16px}.vditor-reset blockquote>:first-child{margin-top:0}.vditor-reset blockquote>:last-child{margin-bottom:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid var(--border-color);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:var(--textarea-background-color);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:var(--panel-background-color)}.vditor-reset code:not(.hljs):not(.highlight-chroma){padding:.2em .4em;border-radius:3px;word-break:break-word;white-space:pre-wrap;background-color:var(--code-background-color)}.vditor-reset code:not(.hljs):not(.highlight-chroma),.vditor-reset pre>code{margin:0;font-size:85%;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}.vditor-reset pre>code{padding:.5em;border-radius:5px;display:block;overflow:auto;white-space:pre;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:normal;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:var(--textarea-text-color);vertical-align:middle;background-color:var(--textarea-background-color);border:1px solid var(--border-color);border-radius:3px;box-shadow:inset 0 -1px 0 var(--border-color)}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto;stroke-width:initial}.vditor-reset blockquote:last-child,.vditor-reset hr:last-child,.vditor-reset ol:last-child,.vditor-reset p:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child{margin-bottom:0}.vditor-reset .language-echarts{overflow:hidden;height:420px}.vditor-reset .language-graphviz polygon{fill:transparent}.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:.5em;top:.5em}.vditor-copy svg{color:var(--toolbar-icon-color);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:.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:hsla(0,4%,60.4%,.38);display:block;padding-right:1em;text-align:right}.vditor-speech{position:absolute;display:none;background-color:var(--toolbar-background-color);border:1px solid var(--border-color);border-radius:3px;padding:3px;cursor:pointer;color:var(--toolbar-icon-color)}.vditor-speech--current,.vditor-speech:hover{color:var(--toolbar-icon-hover-color)}.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 .15s ease-in-out;transition:all .15s ease-in-out;cursor:pointer;max-width:768px;padding:0 10px}.vditor-linkcard a{border-radius:3px;background-color:var(--toolbar-background-color);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,.2)}.vditor-linkcard a:hover{box-shadow:0 0 3px rgba(0,0,0,.13),0 3px 6px rgba(0,0,0,.26);text-decoration:none}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:var(--second-color)}.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:var(--textarea-text-color);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:var(--toolbar-icon-color);margin:5px 0}.vditor-linkcard__site{font-size:12px;color:var(--toolbar-icon-hover-color)}.vditor-linkcard__image{background-size:cover;background-repeat:no-repeat;background-position:50%;max-width:250px;min-width:126px;cursor:pointer;background-color:var(--second-color)}.vditor-math mjx-container:focus{outline:none;cursor:context-menu}.vditor-footnotes__goto-ref{text-decoration:none}.vditor-toc{margin-bottom:16px}.vditor-wysiwyg{box-sizing:border-box;-webkit-box-flex:1;flex:1;position:relative;width:100%}.vditor-wysiwyg .vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-wysiwyg .vditor-reset[contenteditable=false]{opacity:.3;cursor:not-allowed}.vditor-wysiwyg .vditor-reset:empty:before{content:attr(placeholder);color:var(--second-color)}.vditor-wysiwyg .vditor-reset:focus{outline:none;background-color:var(--textarea-background-color)}.vditor-wysiwyg .vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-wysiwyg blockquote:empty:before,.vditor-wysiwyg h1:empty:after,.vditor-wysiwyg h2:empty:after,.vditor-wysiwyg h3:empty:after,.vditor-wysiwyg h4:empty:after,.vditor-wysiwyg h5:empty:after,.vditor-wysiwyg h6:empty:after,.vditor-wysiwyg p:empty:before,.vditor-wysiwyg pre>code:empty:before{content:" "}.vditor-wysiwyg code{padding-left:0!important;padding-right:0!important}.vditor-wysiwyg__block[data-type=html-block]>pre,.vditor-wysiwyg__block[data-type=math-block]>pre{margin-bottom:0}.vditor-wysiwyg__block code{padding:.2em .4em!important}.vditor-wysiwyg__block>code{display:none}.vditor-wysiwyg__block>pre{margin-bottom:-1em;display:none}.vditor-wysiwyg__block>pre>code{border:1px solid var(--border-color);overflow:auto!important;display:block}.vditor-wysiwyg__block[data-type=html-inline] .vditor-wysiwyg__preview svg{fill:var(--second-color);height:12px;cursor:pointer;width:12px}.vditor-wysiwyg__preview{cursor:pointer;white-space:normal;min-height:27px}.vditor-wysiwyg__preview pre{margin-bottom:1em!important}.vditor-wysiwyg .vditor-toc:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before,.vditor-wysiwyg div[data-type=footnotes-block]:before,.vditor-wysiwyg div[data-type=link-ref-defs-block]:before,.vditor-wysiwyg h1:before,.vditor-wysiwyg h2:before,.vditor-wysiwyg h3:before,.vditor-wysiwyg h4:before,.vditor-wysiwyg h5:before,.vditor-wysiwyg h6:before{float:left;padding-right:4px;margin-left:-29px;content:"H1";font-size:.85rem;font-weight:400;color:var(--second-color)}.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[data-type=link-ref-defs-block]:before{content:'"A"'}.vditor-wysiwyg div[data-type=footnotes-block]:before{content:"^F"}.vditor-wysiwyg div.vditor-wysiwyg__block:before{content:"</>"}.vditor-wysiwyg .vditor-toc:before{content:"ToC"}.vditor-wysiwyg hr{display:inline-block;margin:12px 0;width:100%}.vditor-wysiwyg details{white-space:normal}.vditor-wysiwyg span[data-type=backslash]>span{display:none;color:var(--second-color)}.vditor-wysiwyg span[data-type=link-ref],.vditor-wysiwyg sup[data-type=footnotes-ref]{color:#4285f4}.vditor-wysiwyg span[data-type=toc-h]{color:#4285f4;text-decoration:underline}.vditor-wysiwyg div[data-type=footnotes-block]{border-top:2px solid var(--heading-border-color);padding-top:24px;margin-top:24px}.vditor-wysiwyg div[data-type=link-ref-defs-block]{color:var(--blockquote-color)}.vditor-ir{box-sizing:border-box;-webkit-box-flex:1;flex:1;position:relative;width:100%}.vditor-ir__node .vditor-ir__marker{color:var(--second-color);width:0;overflow:hidden;display:inline-block;height:0;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.vditor-ir__node--expand .vditor-ir__marker{display:inline;height:auto;width:auto}.vditor-ir__link{color:#4285f4;text-decoration:underline}.vditor-ir .vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-ir .vditor-reset[contenteditable=false]{opacity:.3;cursor:not-allowed}.vditor-ir .vditor-reset:empty:before{content:attr(placeholder);color:var(--second-color)}.vditor-ir .vditor-reset:focus{outline:none;background-color:var(--textarea-background-color)}.vditor-ir .vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-ir .vditor-toc:before,.vditor-ir div.vditor-wysiwyg__block:before,.vditor-ir div[data-type=footnotes-block]:before,.vditor-ir div[data-type=link-ref-defs-block]:before,.vditor-ir h1:before,.vditor-ir h2:before,.vditor-ir h3:before,.vditor-ir h4:before,.vditor-ir h5:before,.vditor-ir h6:before{float:left;padding-right:4px;margin-left:-29px;content:"H1";font-size:.85rem;font-weight:400;color:var(--second-color)}.vditor-ir h2:before{content:"H2"}.vditor-ir h3:before{content:"H3"}.vditor-ir h4:before{content:"H4"}.vditor-ir h5:before{content:"H5"}.vditor-ir h6:before{content:"H6"}.vditor-ir div[data-type=link-ref-defs-block]:before{content:'"A"'}.vditor-ir div[data-type=footnotes-block]:before{content:"^F"}.vditor-ir div.vditor-wysiwyg__block:before{content:"</>"}.vditor-ir .vditor-toc:before{content:"ToC"}.vditor-reset pre>code{background-color:hsla(0,0%,100%,.04)}.user__site svg{height:14px;width:14px;fill:currentColor}@font-face{font-family:IcoMoon;src:url(font/IcoMoon.eot);src:url(font/IcoMoon.eot?#iefix) format("embedded-opentype"),url(font/IcoMoon.svg#IcoMoon) format("svg"),url(font/IcoMoon.woff) format("woff"),url(font/IcoMoon.ttf) format("truetype");font-weight:400;font-style:normal}[data-ico]:before{font-family:IcoMoon;content:attr(data-ico);speak:none;cursor:pointer}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Verdana,arial,"\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#292929;margin:0;color:#d1d2d1}a{outline:0;text-decoration:none;color:#bdbebd}a:hover{color:#fff}a:focus{color:#9e0b0e!important}sub,sup{position:relative;font-size:70%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"\5fae\8f6f\96c5\9ed1";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]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#d5d5d5;color:#fcfcfc}::-moz-selection{background-color:#d5d5d5;color:#fcfcfc}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.article-abstract .article-tags a:hover,.article-abstract .article-title a:hover,.article-relative a:hover,.footer a:hover,.vditor-reset a{text-decoration:underline}.vditor-reset a:hover{text-decoration:none}.wrapper{height:auto;margin:30px auto 10px;width:1190px}.footer{background-color:#141414;color:#fff;padding:30px;margin-right:10px}.main{float:left;width:920px}.header{position:relative}.header .title{color:#e61e1e;padding:30px 0}.header .title:hover{color:#ca1b1e}.header .title>span:before{color:inherit}.top-info{font-size:38px;height:46px;line-height:46px}.top-info>hr{background-color:#7b7b7b;border:0;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}.top-info a{color:#fff}.top-info a:hover{color:#ca1b1e}.sub-nav{background-color:#e61e1e;color:#fff;padding:30px;margin:30px 0}.sub-nav>h2{float:left;margin:0}.pagination{float:right;margin-top:5px}.pagination>a,.pagination>span{background-color:#ea4040;color:#fff;padding:6px 7px;text-align:center;font-weight:700}.pagination>a:hover,.pagination>span{color:#e61e1e;background-color:#fff}.navigation{background-color:#fff;border:2px solid #bababa;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none}.navigation a{background-color:#fff;border-bottom:1px solid #bababa;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#e61e1e;color:#fff}.navigation a.lats{border-bottom-width:0}.navigation .page-icon{float:left;height:14px;width:14px;margin:2px 5px 0 0}.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}.article-abstract{background-color:#3e3e3e;opacity:.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;-webkit-transition:all 1.2s;transition:all 1.2s;height:100%}.article-image{top:151px}.article-list>div:hover .article-image{top:0}.article-list>div>img{max-width:100%;-webkit-transition:all 1.2s;transition:all 1.2s;display:block;margin:0 auto}.article-list>div:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2)}.article-date{float:left;margin:10px}.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:430px;font-weight:400}.article-title span{color:#e61e1e}.article-title a{color:#f8f7f7}.article-title sup{color:#9e0b0e}.article-abstract .fn-right{display:none;position:absolute;right:0}.article-abstract:hover .fn-right{display:block}.article-abstract .fn-right>a{background-color:#fff;color:#e61e1e;float:left;padding:10px;-webkit-transition:all .8s;transition:all .8s}.article-abstract .fn-right>a:hover{color:#fff;background-color:#e61e1e}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.vditor-reset{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}.side{float:right;width:240px}#search{border:0;height:50px;padding:0 10px;width:177px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}#search,.side form>span{background-color:#fff;color:#3a3a3a;margin-top:5px}.side form>span{float:right;font-size:25px;height:32px;padding:9px}.side-tile{color:#fff;float:left;margin-top:20px;padding:15px 25px;position:relative;background-color:#f09609;width:65px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}#dynamic .footer:hover,.form button:hover,.form input:focus,.form textarea:focus,.side-tile:hover,.side form input:focus{outline:3px solid #bababa}.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}.side-tile>.title{line-height:17px}.side-tile>.text{font-size:15px;font-weight:700;left:93px;line-height:30px;position:absolute;top:20px}.side-tile>.text a{color:#fff}.article-relative,.notice-board,.online-count,.user{width:188px}.logout,.prev,.prev-disabled,.translate{margin-left:10px}.translate{background-color:#2e8bcc}.settings{background-color:#008641}.logout,.register{background-color:#7b4f9d}.next,.prev{background-color:#e61e1e}.next-disabled,.prev-disabled{color:#bdbebd;background-color:#ea4040}.user{background-color:#393}.user img{margin:0 10px 10px 0;height:60px;width:60px}.online-count{background-color:#20608e}.article__share{display:inline-block;position:relative;z-index:10}.article__share .item{cursor:pointer;display:inline-block;float:left;text-align:center;padding:5px;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.86;color:#323232}.article__share .item svg{fill:currentColor;height:20px;width:20px;float:left}.article__share .item:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn);color:#9eabb3}.article__share .item__qr{position:absolute;top:30px;left:33px;height:99px;width:99px}.article-relative .text,.online-count .text{font-size:12px;font-weight:400;left:104px;line-height:19px;text-align:left;top:12px}.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}.article-relative .text ul{margin:0}.notice-board{background-color:#2e8bcc;overflow:hidden;height:auto}.user .text{top:27px}#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}#goCmt{bottom:55px}.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}.archives li{list-style:none;float:left}.archives a{background-color:#e61e1e;color:#fff;line-height:15px;float:left;margin:10px;padding:10px 15px;white-space:nowrap;-webkit-transition:all .8s;transition:all .8s}.archives a:hover{background-color:#fff;color:#e61e1e}.article-header{background-color:#e61e1e;margin:30px 0;padding:20px 30px;position:relative}.article-info{position:absolute;right:0;top:0}.article-info>a{background-color:#fff;color:#e61e1e;-webkit-transition:all .8s;transition:all .8s;font-size:14px;float:left;padding:14px;border-bottom:1px solid #fff;border-left:1px solid #fff}.article-info>a:hover{background-color:#e61e1e;color:#fff}.article-header h2{color:#fff}.article-header h2>span{font-weight:400;color:#d1d2d1}.article-header .article-date{float:none;margin:0}.vditor-reset{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.vditor-reset::-webkit-scrollbar{display:none}.main>.vditor-reset{margin-right:10px;margin-top:20px}pre.prettyprint{background-color:#f7f7f7}#vcomment .vcomment__item{border-bottom:0}#vcomment .vcomment .vditor-reset{margin-bottom:0}#vcomment .vcomment__meta,#vcomment .vcomment__pointer,#vcomment .vcomment__text{color:#bdbebd}#vcomment .vcomment__pointer:hover,#vcomment .vcomment__text:hover{color:#fff}#comments{position:relative}#comments>div{margin-bottom:20px;margin-right:10px}#comments>div.fn-clear>img{width:80px}#comments .vditor-reset{margin:10px 0;width:800px}#comments .user-name{color:#e61e1e;font-weight:700}#comments .user-name:hover{color:#ca1b1e}.comment-info a{color:#f8f7f7}.at{font-size:15px;color:#fff;font-weight:700}.comment-main{float:right}.comment-body-ref{background-color:#ea4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}.comment-disabled{background-color:#ea4040;color:#fff;margin:0 10px 30px 0;padding:5px 20px}.form{width:600px;margin-bottom:30px}.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#e61e1e;border:0;color:#fff;cursor:pointer;font-size:15px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;padding:10px 50px}.tip{color:#ca1b1e}#dynamic #comments{background-color:#ea4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .vditor-reset{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.links-tile,.tags-tile{position:static;background-color:#f09609;width:100%;box-sizing:border-box;margin-bottom:20px}.most-view{margin-left:20px;background-color:#2e8bcc}.tags-tile{background-color:#393}.links-tile{background-color:#7b4f9d}.links-tile span,.most-view span,.tags-tile span{font-size:60px}.links-tile .text,.most-view .text,.tags-tile .text{position:static;width:430px}.links-tile a,.tags-tile a{background-color:#ea4040;color:#d1d2d1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;white-space:nowrap}.links-tile a:hover,.tags-tile a:hover{background-color:#fff;color:#ea4040}.most-view .text{margin-right:20px;line-height:24px}.most-view .text a:hover{text-decoration:underline}.most-view .text span{color:#d1d2d1;font-size:13px;font-weight:400}@media (max-width:860px) and (min-width:460px){.fn__flex{display:block}.wrapper{width:720px}.main{width:460px}.form{width:auto}.form input{width:395px}.form textarea{width:434px}#comments .vditor-reset{width:340px}#dynamic #comments .vditor-reset{width:283px}.archives-tile,.links-tile,.most-view,.tags-tile{width:670px}.archives-tile .text,.links-tile .text,.most-view .text,.tags-tile .text{width:580px}.links-tile,.tags-tile{margin-left:0}}@media (max-width:460px){.fn__flex{display:block}.comment-main,.header>.fn-left,.side,.top-info{float:none}.article-list>div,.main,.side,.wrapper{width:300px}#comments>div>img,.footer,.sub-nav>.pagination{display:none}#search{width:237px}.side-tile{width:94px}.article-relative,.notice-board,.online-count,.user{width:249px}#comments>div,.comment-disabled,.main .pagination,.main>.vditor-reset{margin-right:0}#comments .vditor-reset,.side>div{position:static!important;width:auto!important}.form{width:auto}.form input{width:240px}.form textarea{width:285px;height:150px}#dynamic .main{margin-bottom:20px}.tags-tile{margin-bottom:50px}.article-title{width:280px}.archives{margin-right:0}.article-info>a{padding:3px;font-size:12px}#dynamic #comments{padding-left:15px}.links-tile .title,.tags-tile .title{float:right;font-size:15px;font-weight:700;margin:20px 0 0 40px}.links-tile,.tags-tile{width:249px;margin-left:0}.links-tile .text,.tags-tile .text{width:249px}} .article__toc{overflow:auto}.article__toc::-webkit-scrollbar{display:none}.article__toc li{list-style-type:none}.article__toc li a{padding-left:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article__toc li a:hover{text-decoration:none}.article__toc li.toc__h3 a{padding-left:20px}.article__toc li.toc__h4 a{padding-left:30px}.article__toc li.toc__h5 a{padding-left:40px}.user__site:hover{text-decoration:none}.fn__flex{display:-webkit-box;display:flex}.fn__flex-center{-ms-grid-row-align:center;align-self:center}.fn__flex-inline{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center}.fn__flex-1{-webkit-box-flex:1;flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.fn__pointer{cursor:pointer}.fn__clear:after,.fn__clear:before{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__center{text-align:center}.ft__nowrap{white-space:nowrap}.vditor,.vditor-reset{--border-color:#d1d5da;--second-color:rgba(88,96,105,0.36);--panel-background-color:#fff;--toolbar-background-color:#f6f8fa;--toolbar-icon-color:#586069;--toolbar-icon-hover-color:#4285f4;--textarea-background-color:#fafbfc;--textarea-text-color:#24292e;--resize-icon-color:var(--toolbar-icon-color);--resize-background-color:var(--toolbar-background-color);--resize-hover-icon-color:var(--panel-background-color);--resize-hover-background-color:var(--toolbar-icon-hover-color);--code-background-color:rgba(27,31,35,0.05);--heading-border-color:#eaecef;--blockquote-color:#6a737d}.vditor--dark,.vditor-reset--dark{--border-color:#141414;--second-color:hsla(0,0%,72.5%,0.36);--panel-background-color:#24292e;--toolbar-background-color:#1d2125;--toolbar-icon-color:#b9b9b9;--toolbar-icon-hover-color:#fff;--textarea-background-color:#2f363d;--textarea-text-color:#d1d5da;--resize-icon-color:var(--border-color);--resize-background-color:var(--second-color);--resize-hover-icon-color:var(--toolbar-icon-hover-color);--resize-hover-background-color:hsla(0,0%,72.5%,0.86);--code-background-color:rgba(66,133,244,0.36);--heading-border-color:var(--textarea-text-color);--blockquote-color:var(--toolbar-icon-color)}@-webkit-keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped:after{z-index:1000000;padding:5px 8px;font-size:11px;font-weight:400;-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;content:attr(aria-label);background:#3b3e43;border-radius:3px;line-height:16px}.vditor-tooltipped:after,.vditor-tooltipped:before{position:absolute;display:none;pointer-events:none;opacity:0}.vditor-tooltipped:before{z-index:1000001;width:0;height:0;color:#3b3e43;content:"";border:5px solid transparent}.vditor-tooltipped--hover:after,.vditor-tooltipped--hover:before,.vditor-tooltipped:active:after,.vditor-tooltipped:active:before,.vditor-tooltipped:focus:after,.vditor-tooltipped:focus:before,.vditor-tooltipped:hover:after,.vditor-tooltipped:hover:before{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.15s;animation-duration:.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:#3b3e43}.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:#3b3e43}.vditor-tooltipped__ne:after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw:after{margin-right:-15px}.vditor-tooltipped__n:after,.vditor-tooltipped__s: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:#3b3e43}.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:#3b3e43}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.vditor-panel{background-color:var(--panel-background-color);position:absolute;box-shadow:0 1px 2px rgba(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(.2,0,.13,1.5);animation-timing-function:cubic-bezier(.2,0,.13,1.5);color:var(--toolbar-icon-color)}.vditor-panel--none{padding:0;-webkit-animation:none;animation:none;min-width:auto;max-width:none}.vditor-input{border:0;padding:3px 5px;background-color:var(--panel-background-color);font-size:12px;color:var(--textarea-text-color)}.vditor-input:focus{background-color:var(--toolbar-background-color);outline:none}.vditor-icon{color:var(--toolbar-icon-color);cursor:pointer;float:left;padding:4px 5px;height:21px;width:23px;background-color:transparent;border:0;box-sizing:border-box}.vditor-icon--current,.vditor-icon:hover{color:var(--toolbar-icon-hover-color);background-color:transparent}.vditor-icon:focus{outline:none}.vditor-icon svg{height:13px!important;width:13px!important;float:left;fill:currentColor;pointer-events:none}.vditor-toolbar{background-color:var(--toolbar-background-color);border-bottom:1px solid var(--border-color);padding:0 5px}.vditor-toolbar--hide{-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;height:5px}.vditor-toolbar--hide:hover{background-color:var(--toolbar-background-color);height:auto}.vditor-toolbar__item{float:left}.vditor-toolbar__item .vditor-tooltipped{color:var(--toolbar-icon-color);border:0;margin:0;padding:10px 5px;background-color:transparent;height:35px;width:25px;box-sizing:border-box}.vditor-toolbar__item .vditor-tooltipped:focus{outline:none}.vditor-toolbar__item .vditor-tooltipped:hover{color:var(--toolbar-icon-hover-color)}.vditor-toolbar__item svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:15px;height:15px}.vditor-toolbar__item input{position:absolute;width:25px;height:35px;top:0;left:0;cursor:pointer;opacity:.001;overflow:hidden}.vditor-toolbar__divider{float:left;width:10px;height:35px}.vditor-toolbar__br{width:100%;padding:0!important;height:0!important}.vditor-menu--current svg{color:var(--toolbar-icon-hover-color)}.vditor-menu--disabled svg{color:var(--second-color);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:var(--toolbar-icon-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-emojis__tail{margin-top:5px;font-size:12px;color:var(--toolbar-icon-color);display:-webkit-box;display:flex}.vditor-emojis__tail a{text-decoration:none;color:var(--toolbar-icon-color)}.vditor-emojis__tail a:hover{color:var(--toolbar-icon-hover-color)}.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 .15s ease-in-out;transition:all .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{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.vditor{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;border:1px solid var(--border-color);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;border-radius:0}.vditor-content{display:-webkit-box;display:flex;min-height:60px;-webkit-box-flex:1;flex:1;position:relative;background-color:var(--textarea-background-color)}.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:var(--panel-background-color);outline:0 none;font-size:16px;line-height:22px;color:var(--textarea-text-color);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:.3;cursor:not-allowed}.vditor-textarea:empty:before{content:attr(placeholder);color:var(--second-color)}.vditor-textarea:focus{background-color:var(--textarea-background-color)}.vditor-textarea:after{content:"";height:var(--editor-bottom);display:block}.vditor-preview{-webkit-box-flex:1;flex:1;overflow:auto;margin-left:-1px;border-left:1px solid var(--border-color);box-sizing:border-box;border-radius:0 0 3px 0;background-color:var(--textarea-background-color)}.vditor-preview>.vditor-reset{padding:10px}.vditor-preview>div::-webkit-scrollbar{display:none}.vditor-preview>.vditor-reset{margin:0 auto}.vditor-devtools{display:none;background-color:var(--textarea-background-color);overflow:auto;-webkit-box-flex:1;flex:1;box-shadow:inset 1px 0 var(--border-color);box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:var(--toolbar-icon-color);background-color:var(--code-background-color);border-radius:3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,.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%}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:var(--resize-background-color);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.vditor-resize--selected>div,.vditor-resize:hover>div{background-color:var(--resize-hover-background-color)}.vditor-resize--selected svg,.vditor-resize:hover svg{color:var(--resize-hover-icon-color)}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:var(--resize-icon-color)}.vditor-upload{position:absolute;height:3px;left:0;top:-2px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:#4285f4}.vditor-tip{position:absolute;font-size:12px;top:10px;color:var(--toolbar-icon-color);-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:var(--toolbar-icon-color);position:relative;margin-left:-50%;color:var(--toolbar-background-color)}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__close{position:absolute;color:var(--toolbar-icon-color);top:-7px;right:-15px;font-weight:700;cursor:pointer}.vditor-tip__close:hover{color:var(--toolbar-icon-hover-color)}.vditor-arrow:before{position:absolute;width:0;height:0;pointer-events:none;content:" ";top:-14px;left:5px;border:7px solid transparent;border-bottom:7px solid var(--panel-background-color)}.vditor-hint{background-color:var(--panel-background-color);position:absolute;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:3px;padding:5px 0;z-index:4;line-height:20px;list-style:none;font-size:12px;margin:0;max-width:250px;min-width:80px;display:none}.vditor-hint button{color:var(--toolbar-icon-color);display:block;padding:3px 10px;border:0;border-radius:0;border-bottom:1px solid var(--border-color);line-height:20px;width:100%;box-sizing:border-box;text-align:left;margin:0;background-color:transparent;cursor:pointer;white-space:nowrap}.vditor-hint button:last-child{border-bottom:0}.vditor-hint button:focus{outline:none}.vditor-hint--current,.vditor-hint button:hover{background-color:var(--toolbar-background-color)!important;color:var(--toolbar-icon-hover-color)!important}.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{color:var(--textarea-text-color);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;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--dark{background-color:var(--textarea-background-color)}.vditor-reset--dark a{color:#4285f4}.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 ol,.vditor-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li+li{margin-top:.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{font-size:1.7em}.vditor-reset h1,.vditor-reset h2{padding-bottom:.3em;border-bottom:1px solid var(--heading-border-color)}.vditor-reset h2{font-size:1.5em}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:.875em}.vditor-reset h6{font-size:.85em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:var(--heading-border-color);border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:var(--blockquote-color);border-left:.25em solid var(--heading-border-color);margin:0 0 16px}.vditor-reset blockquote>:first-child{margin-top:0}.vditor-reset blockquote>:last-child{margin-bottom:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid var(--border-color);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:var(--textarea-background-color);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:var(--panel-background-color)}.vditor-reset code:not(.hljs):not(.highlight-chroma){padding:.2em .4em;border-radius:3px;word-break:break-word;white-space:pre-wrap;background-color:var(--code-background-color)}.vditor-reset code:not(.hljs):not(.highlight-chroma),.vditor-reset pre>code{margin:0;font-size:85%;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}.vditor-reset pre>code{padding:.5em;border-radius:5px;display:block;overflow:auto;white-space:pre;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:normal;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:var(--textarea-text-color);vertical-align:middle;background-color:var(--textarea-background-color);border:1px solid var(--border-color);border-radius:3px;box-shadow:inset 0 -1px 0 var(--border-color)}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto;stroke-width:initial}.vditor-reset blockquote:last-child,.vditor-reset hr:last-child,.vditor-reset ol:last-child,.vditor-reset p:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child{margin-bottom:0}.vditor-reset .language-echarts{overflow:hidden;height:420px}.vditor-reset .language-graphviz polygon{fill:transparent}.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:.5em;top:.5em}.vditor-copy svg{color:var(--toolbar-icon-color);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:.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:hsla(0,4%,60.4%,.38);display:block;padding-right:1em;text-align:right}.vditor-speech{position:absolute;display:none;background-color:var(--toolbar-background-color);border:1px solid var(--border-color);border-radius:3px;padding:3px;cursor:pointer;color:var(--toolbar-icon-color)}.vditor-speech--current,.vditor-speech:hover{color:var(--toolbar-icon-hover-color)}.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 .15s ease-in-out;transition:all .15s ease-in-out;cursor:pointer;max-width:768px;padding:0 10px}.vditor-linkcard a{border-radius:3px;background-color:var(--toolbar-background-color);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,.2)}.vditor-linkcard a:hover{box-shadow:0 0 3px rgba(0,0,0,.13),0 3px 6px rgba(0,0,0,.26);text-decoration:none}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:var(--second-color)}.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:var(--textarea-text-color);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:var(--toolbar-icon-color);margin:5px 0}.vditor-linkcard__site{font-size:12px;color:var(--toolbar-icon-hover-color)}.vditor-linkcard__image{background-size:cover;background-repeat:no-repeat;background-position:50%;max-width:250px;min-width:126px;cursor:pointer;background-color:var(--second-color)}.vditor-math mjx-container:focus{outline:none;cursor:context-menu}.vditor-footnotes__goto-ref{text-decoration:none}.vditor-toc{margin-bottom:16px}.vditor-wysiwyg{box-sizing:border-box;-webkit-box-flex:1;flex:1;position:relative;width:100%}.vditor-wysiwyg .vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-wysiwyg .vditor-reset[contenteditable=false]{opacity:.3;cursor:not-allowed}.vditor-wysiwyg .vditor-reset:empty:before{content:attr(placeholder);color:var(--second-color)}.vditor-wysiwyg .vditor-reset:focus{outline:none;background-color:var(--textarea-background-color)}.vditor-wysiwyg .vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-wysiwyg blockquote:empty:before,.vditor-wysiwyg h1:empty:after,.vditor-wysiwyg h2:empty:after,.vditor-wysiwyg h3:empty:after,.vditor-wysiwyg h4:empty:after,.vditor-wysiwyg h5:empty:after,.vditor-wysiwyg h6:empty:after,.vditor-wysiwyg p:empty:before,.vditor-wysiwyg pre>code:empty:before{content:" "}.vditor-wysiwyg code{padding-left:0!important;padding-right:0!important}.vditor-wysiwyg__block[data-type=html-block]>pre,.vditor-wysiwyg__block[data-type=math-block]>pre{margin-bottom:0}.vditor-wysiwyg__block code{padding:.2em .4em!important}.vditor-wysiwyg__block>code{display:none}.vditor-wysiwyg__block>pre{margin-bottom:-1em;display:none}.vditor-wysiwyg__block>pre>code{border:1px solid var(--border-color);overflow:auto!important;display:block}.vditor-wysiwyg__block[data-type=html-inline] .vditor-wysiwyg__preview svg{fill:var(--second-color);height:12px;cursor:pointer;width:12px}.vditor-wysiwyg__preview{cursor:pointer;white-space:normal;min-height:27px}.vditor-wysiwyg__preview pre{margin-bottom:1em!important}.vditor-wysiwyg .vditor-toc:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before,.vditor-wysiwyg div[data-type=footnotes-block]:before,.vditor-wysiwyg div[data-type=link-ref-defs-block]:before,.vditor-wysiwyg h1:before,.vditor-wysiwyg h2:before,.vditor-wysiwyg h3:before,.vditor-wysiwyg h4:before,.vditor-wysiwyg h5:before,.vditor-wysiwyg h6:before{float:left;padding-right:4px;margin-left:-29px;content:"H1";font-size:.85rem;font-weight:400;color:var(--second-color)}.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[data-type=link-ref-defs-block]:before{content:'"A"'}.vditor-wysiwyg div[data-type=footnotes-block]:before{content:"^F"}.vditor-wysiwyg div.vditor-wysiwyg__block:before{content:"</>"}.vditor-wysiwyg .vditor-toc:before{content:"ToC"}.vditor-wysiwyg hr{display:inline-block;margin:12px 0;width:100%}.vditor-wysiwyg details{white-space:normal}.vditor-wysiwyg span[data-type=backslash]>span{display:none;color:var(--second-color)}.vditor-wysiwyg span[data-type=link-ref],.vditor-wysiwyg sup[data-type=footnotes-ref]{color:#4285f4}.vditor-wysiwyg span[data-type=toc-h]{color:#4285f4;text-decoration:underline}.vditor-wysiwyg div[data-type=footnotes-block]{border-top:2px solid var(--heading-border-color);padding-top:24px;margin-top:24px}.vditor-wysiwyg div[data-type=link-ref-defs-block]{color:var(--blockquote-color)}.vditor-ir{box-sizing:border-box;-webkit-box-flex:1;flex:1;position:relative;width:100%}.vditor-ir__node .vditor-ir__marker{color:var(--second-color);width:0;overflow:hidden;display:inline-block;height:0;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.vditor-ir__node--expand .vditor-ir__marker{display:inline;height:auto;width:auto}.vditor-ir__link{color:#4285f4;text-decoration:underline}.vditor-ir .vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-ir .vditor-reset[contenteditable=false]{opacity:.3;cursor:not-allowed}.vditor-ir .vditor-reset:empty:before{content:attr(placeholder);color:var(--second-color)}.vditor-ir .vditor-reset:focus{outline:none;background-color:var(--textarea-background-color)}.vditor-ir .vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-ir .vditor-toc:before,.vditor-ir div.vditor-wysiwyg__block:before,.vditor-ir div[data-type=footnotes-block]:before,.vditor-ir div[data-type=link-ref-defs-block]:before,.vditor-ir h1:before,.vditor-ir h2:before,.vditor-ir h3:before,.vditor-ir h4:before,.vditor-ir h5:before,.vditor-ir h6:before{float:left;padding-right:4px;margin-left:-29px;content:"H1";font-size:.85rem;font-weight:400;color:var(--second-color)}.vditor-ir h2:before{content:"H2"}.vditor-ir h3:before{content:"H3"}.vditor-ir h4:before{content:"H4"}.vditor-ir h5:before{content:"H5"}.vditor-ir h6:before{content:"H6"}.vditor-ir div[data-type=link-ref-defs-block]:before{content:'"A"'}.vditor-ir div[data-type=footnotes-block]:before{content:"^F"}.vditor-ir div.vditor-wysiwyg__block:before{content:"</>"}.vditor-ir .vditor-toc:before{content:"ToC"}.user__site svg{height:14px;width:14px;fill:currentColor}@font-face{font-family:IcoMoon;src:url(font/IcoMoon.eot);src:url(font/IcoMoon.eot?#iefix) format("embedded-opentype"),url(font/IcoMoon.svg#IcoMoon) format("svg"),url(font/IcoMoon.woff) format("woff"),url(font/IcoMoon.ttf) format("truetype");font-weight:400;font-style:normal}[data-ico]:before{font-family:IcoMoon;content:attr(data-ico);speak:none;cursor:pointer}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Verdana,arial,"\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#292929;margin:0;color:#d1d2d1}a{outline:0;text-decoration:none;color:#bdbebd}a:hover{color:#fff}a:focus{color:#9e0b0e!important}sub,sup{position:relative;font-size:70%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"\5fae\8f6f\96c5\9ed1";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]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#d5d5d5;color:#fcfcfc}::-moz-selection{background-color:#d5d5d5;color:#fcfcfc}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.article-abstract .article-tags a:hover,.article-abstract .article-title a:hover,.article-relative a:hover,.footer a:hover,.vditor-reset a{text-decoration:underline}.vditor-reset a:hover{text-decoration:none}.wrapper{height:auto;margin:30px auto 10px;width:1190px}.footer{background-color:#141414;color:#fff;padding:30px;margin-right:10px}.main{float:left;width:920px}.header{position:relative}.header .title{color:#e61e1e;padding:30px 0}.header .title:hover{color:#ca1b1e}.header .title>span:before{color:inherit}.top-info{font-size:38px;height:46px;line-height:46px}.top-info>hr{background-color:#7b7b7b;border:0;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}.top-info a{color:#fff}.top-info a:hover{color:#ca1b1e}.sub-nav{background-color:#e61e1e;color:#fff;padding:30px;margin:30px 0}.sub-nav>h2{float:left;margin:0}.pagination{float:right;margin-top:5px}.pagination>a,.pagination>span{background-color:#ea4040;color:#fff;padding:6px 7px;text-align:center;font-weight:700}.pagination>a:hover,.pagination>span{color:#e61e1e;background-color:#fff}.navigation{background-color:#fff;border:2px solid #bababa;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none}.navigation a{background-color:#fff;border-bottom:1px solid #bababa;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#e61e1e;color:#fff}.navigation a.lats{border-bottom-width:0}.navigation .page-icon{float:left;height:14px;width:14px;margin:2px 5px 0 0}.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}.article-abstract{background-color:#3e3e3e;opacity:.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;-webkit-transition:all 1.2s;transition:all 1.2s;height:100%}.article-image{top:151px}.article-list>div:hover .article-image{top:0}.article-list>div>img{max-width:100%;-webkit-transition:all 1.2s;transition:all 1.2s;display:block;margin:0 auto}.article-list>div:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2)}.article-date{float:left;margin:10px}.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:430px;font-weight:400}.article-title span{color:#e61e1e}.article-title a{color:#f8f7f7}.article-title sup{color:#9e0b0e}.article-abstract .fn-right{display:none;position:absolute;right:0}.article-abstract:hover .fn-right{display:block}.article-abstract .fn-right>a{background-color:#fff;color:#e61e1e;float:left;padding:10px;-webkit-transition:all .8s;transition:all .8s}.article-abstract .fn-right>a:hover{color:#fff;background-color:#e61e1e}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.vditor-reset{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}.side{float:right;width:240px}#search{border:0;height:50px;padding:0 10px;width:177px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}#search,.side form>span{background-color:#fff;color:#3a3a3a;margin-top:5px}.side form>span{float:right;font-size:25px;height:32px;padding:9px}.side-tile{color:#fff;float:left;margin-top:20px;padding:15px 25px;position:relative;background-color:#f09609;width:65px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}#dynamic .footer:hover,.form button:hover,.form input:focus,.form textarea:focus,.side-tile:hover,.side form input:focus{outline:3px solid #bababa}.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}.side-tile>.title{line-height:17px}.side-tile>.text{font-size:15px;font-weight:700;left:93px;line-height:30px;position:absolute;top:20px}.side-tile>.text a{color:#fff}.article-relative,.notice-board,.online-count,.user{width:188px}.logout,.prev,.prev-disabled,.translate{margin-left:10px}.translate{background-color:#2e8bcc}.settings{background-color:#008641}.logout,.register{background-color:#7b4f9d}.next,.prev{background-color:#e61e1e}.next-disabled,.prev-disabled{color:#bdbebd;background-color:#ea4040}.user{background-color:#393}.user img{margin:0 10px 10px 0;height:60px;width:60px}.online-count{background-color:#20608e}.article__share{display:inline-block;position:relative;z-index:10}.article__share .item{cursor:pointer;display:inline-block;float:left;text-align:center;padding:5px;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.86;color:#323232}.article__share .item svg{fill:currentColor;height:20px;width:20px;float:left}.article__share .item:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn);color:#9eabb3}.article__share .item__qr{position:absolute;top:30px;left:33px;height:99px;width:99px}.article-relative .text,.online-count .text{font-size:12px;font-weight:400;left:104px;line-height:19px;text-align:left;top:12px}.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}.article-relative .text ul{margin:0}.notice-board{background-color:#2e8bcc;overflow:hidden;height:auto}.user .text{top:27px}#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}#goCmt{bottom:55px}.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}.archives li{list-style:none;float:left}.archives a{background-color:#e61e1e;color:#fff;line-height:15px;float:left;margin:10px;padding:10px 15px;white-space:nowrap;-webkit-transition:all .8s;transition:all .8s}.archives a:hover{background-color:#fff;color:#e61e1e}.article-header{background-color:#e61e1e;margin:30px 0;padding:20px 30px;position:relative}.article-info{position:absolute;right:0;top:0}.article-info>a{background-color:#fff;color:#e61e1e;-webkit-transition:all .8s;transition:all .8s;font-size:14px;float:left;padding:14px;border-bottom:1px solid #fff;border-left:1px solid #fff}.article-info>a:hover{background-color:#e61e1e;color:#fff}.article-header h2{color:#fff}.article-header h2>span{font-weight:400;color:#d1d2d1}.article-header .article-date{float:none;margin:0}.vditor-reset{margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.vditor-reset::-webkit-scrollbar{display:none}.main>.vditor-reset{margin-right:10px;margin-top:20px}pre.prettyprint{background-color:#f7f7f7}#vcomment .vcomment__item{border-bottom:0}#vcomment .vcomment .vditor-reset{margin-bottom:0}#vcomment .vcomment__meta,#vcomment .vcomment__pointer,#vcomment .vcomment__text{color:#bdbebd}#vcomment .vcomment__pointer:hover,#vcomment .vcomment__text:hover{color:#fff}#comments{position:relative}#comments>div{margin-bottom:20px;margin-right:10px}#comments>div.fn-clear>img{width:80px}#comments .vditor-reset{margin:10px 0;width:800px}#comments .user-name{color:#e61e1e;font-weight:700}#comments .user-name:hover{color:#ca1b1e}.comment-info a{color:#f8f7f7}.at{font-size:15px;color:#fff;font-weight:700}.comment-main{float:right}.comment-body-ref{background-color:#ea4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}.comment-disabled{background-color:#ea4040;color:#fff;margin:0 10px 30px 0;padding:5px 20px}.form{width:600px;margin-bottom:30px}.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#e61e1e;border:0;color:#fff;cursor:pointer;font-size:15px;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;padding:10px 50px}.tip{color:#ca1b1e}#dynamic #comments{background-color:#ea4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .vditor-reset{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.links-tile,.tags-tile{position:static;background-color:#f09609;width:100%;box-sizing:border-box;margin-bottom:20px}.most-view{margin-left:20px;background-color:#2e8bcc}.tags-tile{background-color:#393}.links-tile{background-color:#7b4f9d}.links-tile span,.most-view span,.tags-tile span{font-size:60px}.links-tile .text,.most-view .text,.tags-tile .text{position:static;width:430px}.links-tile a,.tags-tile a{background-color:#ea4040;color:#d1d2d1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;white-space:nowrap}.links-tile a:hover,.tags-tile a:hover{background-color:#fff;color:#ea4040}.most-view .text{margin-right:20px;line-height:24px}.most-view .text a:hover{text-decoration:underline}.most-view .text span{color:#d1d2d1;font-size:13px;font-weight:400}@media (max-width:860px) and (min-width:460px){.fn__flex{display:block}.wrapper{width:720px}.main{width:460px}.form{width:auto}.form input{width:395px}.form textarea{width:434px}#comments .vditor-reset{width:340px}#dynamic #comments .vditor-reset{width:283px}.archives-tile,.links-tile,.most-view,.tags-tile{width:670px}.archives-tile .text,.links-tile .text,.most-view .text,.tags-tile .text{width:580px}.links-tile,.tags-tile{margin-left:0}}@media (max-width:460px){.fn__flex{display:block}.comment-main,.header>.fn-left,.side,.top-info{float:none}.article-list>div,.main,.side,.wrapper{width:300px}#comments>div>img,.footer,.sub-nav>.pagination{display:none}#search{width:237px}.side-tile{width:94px}.article-relative,.notice-board,.online-count,.user{width:249px}#comments>div,.comment-disabled,.main .pagination,.main>.vditor-reset{margin-right:0}#comments .vditor-reset,.side>div{position:static!important;width:auto!important}.form{width:auto}.form input{width:240px}.form textarea{width:285px;height:150px}#dynamic .main{margin-bottom:20px}.tags-tile{margin-bottom:50px}.article-title{width:280px}.archives{margin-right:0}.article-info>a{padding:3px;font-size:12px}#dynamic #comments{padding-left:15px}.links-tile .title,.tags-tile .title{float:right;font-size:15px;font-weight:700;margin:20px 0 0 40px}.links-tile,.tags-tile{width:249px;margin-left:0}.links-tile .text,.tags-tile .text{width:249px}}
\ No newline at end of file \ No newline at end of file
src/main/resources/skins/metro-hot/css/base.scss
View file @ d89797d3
...@@ -27,10 +27,6 @@ ...@@ -27,10 +27,6 @@
@import "../../../scss/function"; @import "../../../scss/function";
@import "vditor/src/assets/scss/index"; @import "vditor/src/assets/scss/index";
.vditor-reset pre > code {
background-color: rgba(255, 255, 255, 0.04);
}
.user__site { .user__site {
svg { svg {
height: 14px; height: 14px;
...@@ -748,7 +744,6 @@ textarea { ...@@ -748,7 +744,6 @@ textarea {
} }
.vditor-reset { .vditor-reset {
background-color: #323232;
margin-bottom: 30px; margin-bottom: 30px;
overflow: hidden; overflow: hidden;
padding: 10px; padding: 10px;
......
src/main/resources/skins/metro-hot/macro-side.ftl
View file @ d89797d3
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
</#if> </#if>
<#if article?? && article.articleToC?? && article.articleToC?size &gt; 0> <#if article?? && article.articleToC?? && article.articleToC?size &gt; 0>
<div class="vditor-reset" style="margin-top: 20px"> <div class="vditor-reset vditor-reset--dark" style="margin-top: 20px">
<#include "../../common-template/toc.ftl"/> <#include "../../common-template/toc.ftl"/>
</div> </div>
</#if> </#if>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment