vditor 3.8.13 → 3.8.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vditor v3.8.13 - A markdown editor written in TypeScript.
2
+ * Vditor v3.8.14 - A markdown editor written in TypeScript.
3
3
  *
4
4
  * MIT License
5
5
  *
@@ -24,5 +24,1810 @@
24
24
  * SOFTWARE.
25
25
  *
26
26
  */
27
- .vditor{--border-color: #d1d5da;--second-color: rgba(88, 96, 105, 0.36);--panel-background-color: #fff;--panel-shadow: 0 1px 2px rgba(0, 0, 0, .2);--toolbar-background-color: #f6f8fa;--toolbar-icon-color: #586069;--toolbar-icon-hover-color: #4285f4;--toolbar-height: 35px;--toolbar-divider-margin-top: 8px;--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);--count-background-color:rgba(27, 31, 35, .05);--heading-border-color: #eaecef;--blockquote-color: #6a737d;--ir-heading-color: #660e7a;--ir-title-color: #808080;--ir-bi-color: #0033b3;--ir-link-color: #008000;--ir-bracket-color: #0000ff;--ir-paren-color: #008000}.vditor--dark{--border-color: #141414;--second-color: rgba(185, 185, 185, .36);--panel-background-color: #24292e;--panel-shadow: 0 1px 2px rgba(255, 255, 255, .2);--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: rgba(185, 185, 185, .86);--count-background-color: rgba(66,133,244,0.36);--heading-border-color: var(--textarea-text-color);--blockquote-color: var(--toolbar-icon-color);--ir-heading-color: #9876aa;--ir-title-color: #808080;--ir-bi-color: #cc7832;--ir-link-color: #ffc66d;--ir-bracket-color: #287bde;--ir-paren-color: #6a8759}@-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:#3b3e43;border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:#3b3e43;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:#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__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;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;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:#3b3e43}@media screen and (max-width: 520px){.vditor-tooltipped:before,.vditor-tooltipped:after{content:none}}@-webkit-keyframes scale-in{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes scale-in{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.vditor-panel{background-color:var(--panel-background-color);position:absolute;box-shadow:var(--panel-shadow);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);color:var(--toolbar-icon-color)}.vditor-panel--none{padding:0;-webkit-animation:none;animation:none;min-width:auto;max-width:none;white-space:nowrap;opacity:.86}.vditor-panel--arrow:before{position:absolute;width:0;height:0;pointer-events:none;content:" ";border:7px solid transparent;top:-14px;left:5px;border-bottom-color:var(--panel-background-color)}.vditor-panel--left{right:0}.vditor-panel--left.vditor-panel--arrow:before{right:5px;left:auto}.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:hover,.vditor-icon--current{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;line-height:1}.vditor-toolbar--pin{position:-webkit-sticky;position:sticky;top:0;z-index:1}.vditor-toolbar--hide{transition:all 0.15s ease-in-out;height:5px;overflow:hidden}.vditor-toolbar--hide:hover{background-color:var(--toolbar-background-color);height:auto;overflow:visible}.vditor-toolbar__item{float:left;position:relative}.vditor-toolbar__item .vditor-tooltipped{color:var(--toolbar-icon-color);border:0;padding:10px 5px;background-color:transparent;height:var(--toolbar-height);width:25px;box-sizing:border-box;font-size:0}.vditor-toolbar__item .vditor-tooltipped:focus{outline:none}.vditor-toolbar__item .vditor-tooltipped:focus{cursor:pointer;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:var(--toolbar-height);top:0;left:0;cursor:pointer;opacity:.001;overflow:hidden}.vditor-toolbar__divider{float:left;height:calc(var(--toolbar-height) - (var(--toolbar-divider-margin-top) * 2));border-left:1px solid var(--second-color);margin:var(--toolbar-divider-margin-top) 8px}.vditor-toolbar__br{width:100%;padding:0 !important;height:0 !important}.vditor-menu--current{color:var(--toolbar-icon-hover-color) !important}.vditor-menu--disabled{color:var(--second-color) !important;cursor:not-allowed !important}.vditor-emojis{display:inline-block;overflow:auto}.vditor-emojis::-webkit-scrollbar{display:none}.vditor-emojis__tip{flex:1;min-width:1px;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: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;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;transform:scale(1.2)}.vditor-emojis img{height:20px;width:20px;float:left;margin:3px 0 0 3px}@media screen and (max-width: 520px){.vditor-toolbar__item{padding:0 12px}.vditor-panel--left.vditor-panel--arrow:before{right:17px}}@media (hover: hover) and (pointer: fine){.vditor-toolbar__item .vditor-tooltipped:hover{color:var(--toolbar-icon-hover-color)}}@-webkit-keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.vditor{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:3px;box-sizing:border-box;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"}.vditor .vditor-copy{z-index:auto}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;border-radius:0}.vditor-content{display:flex;min-height:60px;flex:1;min-width:1px;position:relative}.vditor-preview{flex:1;min-width:1px;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::-webkit-scrollbar{display:none}.vditor-preview__action{text-align:center;padding:10px;background-color:var(--toolbar-background-color)}.vditor-preview__action button{background-color:var(--toolbar-background-color);color:var(--toolbar-icon-color);line-height:20px;border:0;margin:0 10px;cursor:pointer;padding:0 7px;font-size:12px}.vditor-preview__action button.vditor-preview__action--current,.vditor-preview__action button:hover{color:var(--toolbar-icon-hover-color);background-color:var(--toolbar-background-color)}.vditor-preview__action button:focus{outline:none}.vditor-preview__action button svg{fill:currentColor;height:15px;width:15px;vertical-align:middle}.vditor-preview>.vditor-reset{padding:10px;margin:0 auto}.vditor-preview img:not(.emoji){cursor:pointer}.vditor-devtools{display:none;background-color:var(--textarea-background-color);overflow:auto;flex:1;min-width:1px;box-shadow:inset 1px 0 var(--border-color);box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:3px;color:var(--toolbar-icon-color);background-color:var(--count-background-color);border-radius:3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:right;margin:8px 3px 0 0}.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%}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:var(--resize-background-color);transition:all 0.15s ease-in-out}.vditor-resize:hover>div,.vditor-resize--selected>div{background-color:var(--resize-hover-background-color)}.vditor-resize:hover svg,.vditor-resize--selected 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;transition:all 0.15s ease-in-out;background-color:#4285f4}.vditor-tip{position:absolute;font-size:12px;top:10px;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;left:50%;z-index:5}.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-background-color);position:relative;margin-left:-50%;color:var(--toolbar-icon-color);max-width:100%;box-shadow:var(--panel-shadow)}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__content a{color:#4285f4}.vditor-tip__close{position:absolute;color:var(--toolbar-icon-color);top:-7px;right:-15px;font-weight:bold;cursor:pointer}.vditor-tip__close:hover{color:var(--toolbar-icon-hover-color)}.vditor-img{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:3}.vditor-img__bar{border-bottom:1px solid var(--border-color);background-color:var(--toolbar-background-color);text-align:center;height:36px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.vditor-img__btn{display:flex;align-items:center;cursor:pointer;margin-left:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--toolbar-icon-color)}.vditor-img__btn:hover{color:var(--toolbar-icon-hover-color)}.vditor-img__btn svg{height:14px;width:14px;margin-right:8px;fill:currentColor}.vditor-img__img{flex:1;background-color:var(--textarea-background-color);overflow:auto;cursor:zoom-out}.vditor-img__img img{max-width:none}.vditor-hint{background-color:var(--panel-background-color);position:absolute;box-shadow:var(--panel-shadow);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 .vditor-hint{margin-top:-31px;left:100%;right:auto}.vditor-hint .vditor-hint.vditor-panel--left{right:100%;left:auto}.vditor-hint button{color:var(--toolbar-icon-color);display:block;padding:3px 10px;border:0;border-radius:0;line-height:20px;width:100%;box-sizing:border-box;text-align:left;margin:0;background-color:transparent;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-hint button:focus{outline:none}.vditor-hint--current,.vditor-hint button:not(.vditor-menu--disabled):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:#24292e;font-variant-ligatures:no-common-ligatures;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","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{font-size:1.75em}.vditor-reset h2{font-size:1.55em}.vditor-reset h3{font-size:1.38em}.vditor-reset h4{font-size:1.25em}.vditor-reset h5{font-size:1.13em}.vditor-reset h6{font-size:1em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:#eaecef;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#6a737d;border-left:0.25em solid #eaecef;margin:0 0 16px 0}.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 #d1d5da;max-width:100%;box-sizing:border-box}.vditor-reset iframe.iframe__video{min-width:80%;min-height:36vh}.vditor-reset table{border-collapse:collapse;empty-cells:show;margin-bottom:16px;overflow:auto;border-spacing:0;display:block;word-break:keep-all;width:100%}.vditor-reset table tr{background-color:#fafbfc;border-top:1px solid #c6cbd1}.vditor-reset table td,.vditor-reset table th{padding:6px 13px;border:1px solid #dfe2e5;word-break:normal;white-space:nowrap}.vditor-reset table td:first-child::after,.vditor-reset table th:first-child::after{content:"";display:inline-block;vertical-align:top;min-height:24px}.vditor-reset table th{font-weight:600}.vditor-reset table tbody tr:nth-child(2n){background-color:#fff}.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}.vditor-reset pre{margin:1em 0}.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 .language-math,.vditor-reset .language-echarts,.vditor-reset .language-mindmap,.vditor-reset .language-plantuml,.vditor-reset .language-mermaid,.vditor-reset .language-abc,.vditor-reset .language-flowchart,.vditor-reset .language-graphviz{margin-bottom:16px}.vditor-reset .language-math mjx-container:focus{outline:none;cursor:context-menu}.vditor-reset .language-echarts,.vditor-reset .language-mindmap{overflow:hidden;height:420px}.vditor-reset .language-mermaid,.vditor-reset .language-flowchart,.vditor-reset .language-graphviz{text-align:center}.vditor-reset .language-graphviz parsererror{overflow:auto}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#24292e;vertical-align:middle;background-color:#fafbfc;border:solid 1px #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto;stroke-width:initial}.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-comment{border-bottom:2px solid #f8e6ab}.vditor-comment--focus,.vditor-comment--hover{background-color:#faf1d1;border-bottom:2px solid #ffc60a}.vditor-comment--focus .vditor-comment,.vditor-comment--hover .vditor-comment{border-bottom:2px solid #ffc60a}.vditor-task{list-style:none !important;word-break:break-all}.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:15px;top:0.5em}.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{margin-left:5px}.vditor-anchor--left{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;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: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.36)}.vditor-linkcard__info{padding:10px;min-width:200px;box-sizing:border-box;flex:1}.vditor-linkcard__title{font-size:14px;font-weight:400;color:#24292e;display:flex;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:rgba(88,96,105,0.36)}.vditor-footnotes__goto-ref{text-decoration:none}.vditor-toc{margin-bottom:16px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#4285f4}.vditor-toc .vditor-outline__action{display:none}.vditor-toc ul{list-style:none !important;padding-left:1em}.vditor-toc>ul{padding-left:0}.vditor-toc span{cursor:pointer}.vditor-toc li>span>svg{width:0;height:0}.vditor-outline{width:250px;border-right:1px solid var(--border-color);background-color:var(--panel-background-color);display:none;overflow:auto}.vditor-outline--right{border-right:0;border-left:1px solid var(--border-color)}.vditor-outline::-webkit-scrollbar{display:none}.vditor-outline ul{list-style:none !important;padding-left:1em;margin:0}.vditor-outline__content>ul{padding-left:0}.vditor-outline li>span{display:flex;align-items:center;padding:5px 10px;cursor:pointer;color:var(--textarea-text-color)}.vditor-outline li>span>svg{height:10px;width:10px}.vditor-outline li>span:hover{color:var(--toolbar-icon-hover-color)}.vditor-outline li>span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vditor-outline__title{border-bottom:1px dashed var(--border-color);padding:5px 10px;color:var(--toolbar-icon-color);font-size:12px}.vditor-outline__action{transition:all 0.15s ease-in-out;fill:currentColor;margin-right:5px;flex-shrink:0}.vditor-outline__action--close{transform:rotate(-90deg)}.vditor-wysiwyg{box-sizing:border-box;flex:1;position:relative;width:100%;min-width:1px}.vditor-wysiwyg pre.vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-wysiwyg pre.vditor-reset[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-wysiwyg pre.vditor-reset:empty::before{content:attr(placeholder);color:var(--second-color)}.vditor-wysiwyg pre.vditor-reset:focus{outline:none;background-color:var(--textarea-background-color)}.vditor-wysiwyg pre.vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-wysiwyg blockquote:empty::before,.vditor-wysiwyg pre>code:empty::before,.vditor-wysiwyg p: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{content:' '}.vditor-wysiwyg code[data-marker="`"]{padding-left:0 !important;padding-right:0 !important}.vditor-wysiwyg__block pre:first-child{margin-bottom:-1em}.vditor-wysiwyg__block pre:first-child code{height:auto;color:var(--textarea-text-color);height:auto;text-align:left}.vditor-wysiwyg__block pre:last-child{margin-bottom:1em}.vditor-wysiwyg__preview{cursor:pointer;white-space:initial;min-height:27px}.vditor-wysiwyg>.vditor-reset>h1:before,.vditor-wysiwyg>.vditor-reset>h2:before,.vditor-wysiwyg>.vditor-reset>h3:before,.vditor-wysiwyg>.vditor-reset>h4:before,.vditor-wysiwyg>.vditor-reset>h5:before,.vditor-wysiwyg>.vditor-reset>h6:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before,.vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,.vditor-wysiwyg div[data-type="footnotes-block"]:before,.vditor-wysiwyg .vditor-toc:before{float:left;padding-right:4px;margin-left:-29px;content:'H1';font-size:0.85rem;font-weight:normal;color:var(--second-color)}.vditor-wysiwyg>.vditor-reset>h2:before{content:'H2'}.vditor-wysiwyg>.vditor-reset>h3:before{content:'H3'}.vditor-wysiwyg>.vditor-reset>h4:before{content:'H4'}.vditor-wysiwyg>.vditor-reset>h5:before{content:'H5'}.vditor-wysiwyg>.vditor-reset>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 div.vditor-wysiwyg__block[data-type="yaml-front-matter"]:before{content:"F"}.vditor-wysiwyg div.vditor-wysiwyg__block[data-type="math-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:initial}.vditor-wysiwyg a{cursor:pointer}.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)}@media screen and (max-width: 520px){.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,.vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,.vditor-wysiwyg div[data-type="footnotes-block"]:before,.vditor-wysiwyg .vditor-toc:before{content:none}}.vditor-ir{box-sizing:border-box;flex:1;min-width:1px;position:relative;width:100%}.vditor-ir__node[data-type="code-block"]:before,.vditor-ir__node[data-type="code-block"]:after,.vditor-ir__node[data-type="yaml-front-matter"]:before,.vditor-ir__node[data-type="yaml-front-matter"]:after,.vditor-ir__node[data-type="math-block"]:before,.vditor-ir__node[data-type="math-block"]:after{content:' ';color:var(--second-color)}.vditor-ir__node:not(.vditor-ir__node--expand) .vditor-ir__marker{padding:0 !important}.vditor-ir__node:not(.vditor-ir__node--expand)[data-type="a"]{cursor:pointer}.vditor-ir__node[data-type="link-ref"],.vditor-ir__node[data-type="footnotes-ref"]{color:#4285f4}.vditor-ir__node[data-type="html-block"]{margin-bottom:1em}.vditor-ir__node .vditor-ir__marker{width:0;overflow:hidden;display:inline-block;height:0;transition:all 0.15s ease-in-out}.vditor-ir__node--hidden .vditor-ir__marker{visibility:hidden}.vditor-ir__node--expand .vditor-ir__marker{color:var(--second-color);display:inline;height:auto;width:auto}.vditor-ir__node--expand .vditor-ir__marker--hide{display:none}.vditor-ir__node--expand .vditor-ir__marker--heading{color:var(--ir-heading-color)}.vditor-ir__node--expand .vditor-ir__marker--bi{color:var(--ir-bi-color)}.vditor-ir__node--expand .vditor-ir__marker--link{color:var(--ir-link-color)}.vditor-ir__node--expand .vditor-ir__marker--title{color:var(--ir-title-color)}.vditor-ir__node--expand .vditor-ir__marker--bracket{color:var(--ir-bracket-color);text-decoration:underline}.vditor-ir__node--expand .vditor-ir__marker--paren{color:var(--ir-paren-color)}.vditor-ir__node--expand .vditor-ir__marker--info{color:var(--ir-heading-color)}.vditor-ir__node--expand .vditor-ir__marker--pre code{color:var(--textarea-text-color);height:auto;text-align:left}.vditor-ir__node--expand[data-type="code-block"]:before,.vditor-ir__node--expand[data-type="code-block"]:after{content:'```'}.vditor-ir__node--expand[data-type="yaml-front-matter"]:before,.vditor-ir__node--expand[data-type="yaml-front-matter"]:after{content:'---'}.vditor-ir__node--expand[data-type="math-block"]:before,.vditor-ir__node--expand[data-type="math-block"]:after{content:'$$'}.vditor-ir__node span[data-type="code-block-open-marker"],.vditor-ir__node span[data-type="code-block-close-marker"],.vditor-ir__node span[data-type="yaml-front-matter-open-marker"],.vditor-ir__node span[data-type="yaml-front-matter-close-marker"],.vditor-ir__node span[data-type="math-block-open-marker"],.vditor-ir__node span[data-type="math-block-close-marker"]{display:none}.vditor-ir__preview{cursor:pointer;white-space:initial;min-height:27px}.vditor-ir__link{color:var(--ir-bracket-color);text-decoration:underline}.vditor-ir pre.vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-ir pre.vditor-reset[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-ir pre.vditor-reset:empty::before{content:attr(placeholder);color:var(--second-color)}.vditor-ir pre.vditor-reset:focus{outline:none;background-color:var(--textarea-background-color)}.vditor-ir pre.vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-ir pre.vditor-reset pre{margin:0}.vditor-ir hr{display:inline-block;margin:12px 0;width:100%}.vditor-ir blockquote:empty::before,.vditor-ir pre>code:empty::before,.vditor-ir p:empty::before,.vditor-ir h1:empty::after,.vditor-ir h2:empty::after,.vditor-ir h3:empty::after,.vditor-ir h4:empty::after,.vditor-ir h5:empty::after,.vditor-ir h6:empty::after{content:' '}.vditor-ir .vditor-reset>h1:before,.vditor-ir .vditor-reset>h2:before,.vditor-ir .vditor-reset>h3:before,.vditor-ir .vditor-reset>h4:before,.vditor-ir .vditor-reset>h5:before,.vditor-ir .vditor-reset>h6:before,.vditor-ir div[data-type="link-ref-defs-block"]:before,.vditor-ir div[data-type="footnotes-block"]:before,.vditor-ir .vditor-toc:before{float:left;padding-right:4px;margin-left:-29px;content:'H1';font-size:0.85rem;font-weight:normal;color:var(--second-color)}.vditor-ir .vditor-reset>h2:before{content:'H2'}.vditor-ir .vditor-reset>h3:before{content:'H3'}.vditor-ir .vditor-reset>h4:before{content:'H4'}.vditor-ir .vditor-reset>h5:before{content:'H5'}.vditor-ir .vditor-reset>h6:before{content:'H6'}.vditor-ir div[data-type="link-ref-defs-block"]{color:var(--blockquote-color)}.vditor-ir div[data-type="link-ref-defs-block"]:before{content:'"A"'}.vditor-ir div[data-type="footnotes-block"]{border-top:2px solid var(--heading-border-color);padding-top:24px;margin-top:24px}.vditor-ir div[data-type="footnotes-block"]:before{content:'^F'}.vditor-ir div[data-type="footnotes-block"]>div[data-type="footnotes-def"]>ul,.vditor-ir div[data-type="footnotes-block"]>div[data-type="footnotes-def"]>ol,.vditor-ir div[data-type="footnotes-block"]>div[data-type="footnotes-def"]>p,.vditor-ir div[data-type="footnotes-block"]>div[data-type="footnotes-def"]>blockquote,.vditor-ir div[data-type="footnotes-block"]>div[data-type="footnotes-def"]>pre,.vditor-ir div[data-type="footnotes-block"]>div[data-type="footnotes-def"]>table,.vditor-ir div[data-type="footnotes-block"]>div[data-type="footnotes-def"]>hr{margin-left:8px}.vditor-ir .vditor-toc:before{content:"ToC"}.vditor-ir .vditor-toc span[data-type="toc-h"]{color:#4285f4;text-decoration:underline}@media screen and (max-width: 520px){.vditor-ir h1:before,.vditor-ir h2:before,.vditor-ir h3:before,.vditor-ir h4:before,.vditor-ir h5:before,.vditor-ir h6:before,.vditor-ir div[data-type="link-ref-defs-block"]:before,.vditor-ir div[data-type="footnotes-block"]:before,.vditor-ir .vditor-toc:before{content:none}}.vditor-sv{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","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;overflow:auto;width:100%;flex:1;min-width:1px;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-sv[contenteditable="false"]{opacity:0.3;cursor:not-allowed}.vditor-sv:empty::before{content:attr(placeholder);color:var(--second-color)}.vditor-sv:focus{background-color:var(--textarea-background-color)}.vditor-sv:after{content:"";height:var(--editor-bottom);display:block}.vditor-sv span[data-type="newline"]+span[data-type="text"]:empty{display:inherit}.vditor-sv .sup{vertical-align:super;font-size:smaller}.vditor-sv .strong{font-weight:bold}.vditor-sv .em{font-style:italic}.vditor-sv .s{text-decoration:line-through}.vditor-sv .mark:not(.vditor-sv__marker){background-color:yellow;color:black}.vditor-sv .h1{font-size:1.75em;line-height:44px}.vditor-sv .h2{font-size:1.55em;line-height:38px}.vditor-sv .h3{font-size:1.38em;line-height:27px}.vditor-sv .h4{font-size:1.25em;line-height:25px}.vditor-sv .h5{font-size:1.13em}.vditor-sv .h6{font-size:1em}.vditor-sv__marker{color:var(--second-color)}.vditor-sv__marker--heading{color:var(--ir-heading-color)}.vditor-sv__marker--bi{color:var(--ir-bi-color)}.vditor-sv__marker--link{color:var(--ir-link-color)}.vditor-sv__marker--title{color:var(--ir-title-color)}.vditor-sv__marker--bracket{color:var(--ir-bracket-color)}.vditor-sv__marker--paren{color:var(--ir-paren-color)}.vditor-sv__marker--info{color:var(--ir-heading-color)}.vditor-sv__marker--strong{font-weight:bold}
27
+ .vditor {
28
+ --border-color: #d1d5da;
29
+ --second-color: rgba(88, 96, 105, 0.36);
30
+ --panel-background-color: #fff;
31
+ --panel-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
32
+ --toolbar-background-color: #f6f8fa;
33
+ --toolbar-icon-color: #586069;
34
+ --toolbar-icon-hover-color: #4285f4;
35
+ --toolbar-height: 35px;
36
+ --toolbar-divider-margin-top: 8px;
37
+ --textarea-background-color: #fafbfc;
38
+ --textarea-text-color: #24292e;
39
+ --resize-icon-color: var(--toolbar-icon-color);
40
+ --resize-background-color: var(--toolbar-background-color);
41
+ --resize-hover-icon-color: var(--panel-background-color);
42
+ --resize-hover-background-color: var(--toolbar-icon-hover-color);
43
+ --count-background-color: rgba(27, 31, 35, 0.05);
44
+ --heading-border-color: #eaecef;
45
+ --blockquote-color: #6a737d;
46
+ --ir-heading-color: #660e7a;
47
+ --ir-title-color: #808080;
48
+ --ir-bi-color: #0033b3;
49
+ --ir-link-color: #008000;
50
+ --ir-bracket-color: #0000ff;
51
+ --ir-paren-color: #008000;
52
+ }
53
+ .vditor--dark {
54
+ --border-color: #141414;
55
+ --second-color: rgba(185, 185, 185, 0.36);
56
+ --panel-background-color: #24292e;
57
+ --panel-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
58
+ --toolbar-background-color: #1d2125;
59
+ --toolbar-icon-color: #b9b9b9;
60
+ --toolbar-icon-hover-color: #fff;
61
+ --textarea-background-color: #2f363d;
62
+ --textarea-text-color: #d1d5da;
63
+ --resize-icon-color: var(--border-color);
64
+ --resize-background-color: var(--second-color);
65
+ --resize-hover-icon-color: var(--toolbar-icon-hover-color);
66
+ --resize-hover-background-color: rgba(185, 185, 185, 0.86);
67
+ --count-background-color: rgba(66, 133, 244, 0.36);
68
+ --heading-border-color: var(--textarea-text-color);
69
+ --blockquote-color: var(--toolbar-icon-color);
70
+ --ir-heading-color: #9876aa;
71
+ --ir-title-color: #808080;
72
+ --ir-bi-color: #cc7832;
73
+ --ir-link-color: #ffc66d;
74
+ --ir-bracket-color: #287bde;
75
+ --ir-paren-color: #6a8759;
76
+ }
77
+ /**
78
+ * tool tip.
79
+ *
80
+ * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
81
+ * @version 0.1.0.0, Jan 25, 2019
82
+ */
83
+ @-webkit-keyframes tooltip-appear {
84
+ from {
85
+ opacity: 0;
86
+ }
87
+ to {
88
+ opacity: 1;
89
+ }
90
+ }
91
+ @keyframes tooltip-appear {
92
+ from {
93
+ opacity: 0;
94
+ }
95
+ to {
96
+ opacity: 1;
97
+ }
98
+ }
99
+ .vditor-tooltipped {
100
+ position: relative;
101
+ cursor: pointer;
102
+ }
103
+ .vditor-tooltipped::after {
104
+ position: absolute;
105
+ z-index: 1000000;
106
+ display: none;
107
+ padding: 5px 8px;
108
+ font-size: 11px;
109
+ font-weight: normal;
110
+ -webkit-font-smoothing: subpixel-antialiased;
111
+ color: #fff;
112
+ text-align: center;
113
+ text-decoration: none;
114
+ text-shadow: none;
115
+ text-transform: none;
116
+ letter-spacing: normal;
117
+ word-wrap: break-word;
118
+ white-space: pre;
119
+ pointer-events: none;
120
+ content: attr(aria-label);
121
+ background: #3b3e43;
122
+ border-radius: 3px;
123
+ line-height: 16px;
124
+ opacity: 0;
125
+ }
126
+ .vditor-tooltipped::before {
127
+ position: absolute;
128
+ z-index: 1000001;
129
+ display: none;
130
+ width: 0;
131
+ height: 0;
132
+ color: #3b3e43;
133
+ pointer-events: none;
134
+ content: "";
135
+ border: 5px solid transparent;
136
+ opacity: 0;
137
+ }
138
+ .vditor-tooltipped--hover::before,
139
+ .vditor-tooltipped--hover::after,
140
+ .vditor-tooltipped:hover::before,
141
+ .vditor-tooltipped:hover::after,
142
+ .vditor-tooltipped:active::before,
143
+ .vditor-tooltipped:active::after,
144
+ .vditor-tooltipped:focus::before,
145
+ .vditor-tooltipped:focus::after {
146
+ display: inline-block;
147
+ text-decoration: none;
148
+ -webkit-animation-name: tooltip-appear;
149
+ animation-name: tooltip-appear;
150
+ -webkit-animation-duration: 0.15s;
151
+ animation-duration: 0.15s;
152
+ -webkit-animation-fill-mode: forwards;
153
+ animation-fill-mode: forwards;
154
+ -webkit-animation-timing-function: ease-in;
155
+ animation-timing-function: ease-in;
156
+ }
157
+ .vditor-tooltipped__s::after,
158
+ .vditor-tooltipped__se::after,
159
+ .vditor-tooltipped__sw::after {
160
+ top: 100%;
161
+ right: 50%;
162
+ margin-top: 5px;
163
+ }
164
+ .vditor-tooltipped__s::before,
165
+ .vditor-tooltipped__se::before,
166
+ .vditor-tooltipped__sw::before {
167
+ top: auto;
168
+ right: 50%;
169
+ bottom: -5px;
170
+ margin-right: -5px;
171
+ border-bottom-color: #3b3e43;
172
+ }
173
+ .vditor-tooltipped__se::after {
174
+ right: auto;
175
+ left: 50%;
176
+ margin-left: -15px;
177
+ }
178
+ .vditor-tooltipped__sw::after {
179
+ margin-right: -15px;
180
+ }
181
+ .vditor-tooltipped__n::after,
182
+ .vditor-tooltipped__ne::after,
183
+ .vditor-tooltipped__nw::after {
184
+ right: 50%;
185
+ bottom: 100%;
186
+ margin-bottom: 5px;
187
+ }
188
+ .vditor-tooltipped__n::before,
189
+ .vditor-tooltipped__ne::before,
190
+ .vditor-tooltipped__nw::before {
191
+ top: -5px;
192
+ right: 50%;
193
+ bottom: auto;
194
+ margin-right: -5px;
195
+ border-top-color: #3b3e43;
196
+ }
197
+ .vditor-tooltipped__ne::after {
198
+ right: auto;
199
+ left: 50%;
200
+ margin-left: -15px;
201
+ }
202
+ .vditor-tooltipped__nw::after {
203
+ margin-right: -15px;
204
+ }
205
+ .vditor-tooltipped__s::after,
206
+ .vditor-tooltipped__n::after {
207
+ transform: translateX(50%);
208
+ }
209
+ .vditor-tooltipped__w::after {
210
+ right: 100%;
211
+ bottom: 50%;
212
+ margin-right: 5px;
213
+ transform: translateY(50%);
214
+ }
215
+ .vditor-tooltipped__w::before {
216
+ top: 50%;
217
+ bottom: 50%;
218
+ left: -5px;
219
+ margin-top: -5px;
220
+ border-left-color: #3b3e43;
221
+ }
222
+ .vditor-tooltipped__e::after {
223
+ bottom: 50%;
224
+ left: 100%;
225
+ margin-left: 5px;
226
+ transform: translateY(50%);
227
+ }
228
+ .vditor-tooltipped__e::before {
229
+ top: 50%;
230
+ right: -5px;
231
+ bottom: 50%;
232
+ margin-top: -5px;
233
+ border-right-color: #3b3e43;
234
+ }
235
+ @media screen and (max-width: 520px) {
236
+ .vditor-tooltipped:before,
237
+ .vditor-tooltipped:after {
238
+ content: none;
239
+ }
240
+ }
241
+ /**
242
+ * panel.
243
+ *
244
+ * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
245
+ * @version 1.0.0.0, Jan 22, 2020
246
+ */
247
+ @-webkit-keyframes scale-in {
248
+ 0% {
249
+ opacity: 0;
250
+ transform: scale(0.5);
251
+ }
252
+ 100% {
253
+ opacity: 1;
254
+ transform: scale(1);
255
+ }
256
+ }
257
+ @keyframes scale-in {
258
+ 0% {
259
+ opacity: 0;
260
+ transform: scale(0.5);
261
+ }
262
+ 100% {
263
+ opacity: 1;
264
+ transform: scale(1);
265
+ }
266
+ }
267
+ .vditor-panel {
268
+ background-color: var(--panel-background-color);
269
+ position: absolute;
270
+ box-shadow: var(--panel-shadow);
271
+ border-radius: 3px;
272
+ padding: 5px;
273
+ z-index: 3;
274
+ font-size: 14px;
275
+ display: none;
276
+ -webkit-user-select: none;
277
+ -moz-user-select: none;
278
+ -ms-user-select: none;
279
+ user-select: none;
280
+ max-width: 320px;
281
+ min-width: 80px;
282
+ -webkit-animation-duration: 0.15s;
283
+ animation-duration: 0.15s;
284
+ -webkit-animation-name: scale-in;
285
+ animation-name: scale-in;
286
+ -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
287
+ animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
288
+ color: var(--toolbar-icon-color);
289
+ }
290
+ .vditor-panel--none {
291
+ padding: 0;
292
+ -webkit-animation: none;
293
+ animation: none;
294
+ min-width: auto;
295
+ max-width: none;
296
+ white-space: nowrap;
297
+ opacity: 0.86;
298
+ }
299
+ .vditor-panel--arrow:before {
300
+ position: absolute;
301
+ width: 0;
302
+ height: 0;
303
+ pointer-events: none;
304
+ content: " ";
305
+ border: 7px solid transparent;
306
+ top: -14px;
307
+ left: 5px;
308
+ border-bottom-color: var(--panel-background-color);
309
+ }
310
+ .vditor-panel--left {
311
+ right: 0;
312
+ }
313
+ .vditor-panel--left.vditor-panel--arrow:before {
314
+ right: 5px;
315
+ left: auto;
316
+ }
317
+ .vditor-input {
318
+ border: 0;
319
+ padding: 3px 5px;
320
+ background-color: var(--panel-background-color);
321
+ font-size: 12px;
322
+ color: var(--textarea-text-color);
323
+ }
324
+ .vditor-input:focus {
325
+ background-color: var(--toolbar-background-color);
326
+ outline: none;
327
+ }
328
+ .vditor-icon {
329
+ color: var(--toolbar-icon-color);
330
+ cursor: pointer;
331
+ float: left;
332
+ padding: 4px 5px;
333
+ height: 21px;
334
+ width: 23px;
335
+ background-color: transparent;
336
+ border: 0;
337
+ box-sizing: border-box;
338
+ }
339
+ .vditor-icon:hover,
340
+ .vditor-icon--current {
341
+ color: var(--toolbar-icon-hover-color);
342
+ background-color: transparent;
343
+ }
344
+ .vditor-icon:focus {
345
+ outline: none;
346
+ }
347
+ .vditor-icon svg {
348
+ height: 13px !important;
349
+ width: 13px !important;
350
+ float: left;
351
+ fill: currentColor;
352
+ pointer-events: none;
353
+ }
354
+ .vditor-toolbar {
355
+ background-color: var(--toolbar-background-color);
356
+ border-bottom: 1px solid var(--border-color);
357
+ padding: 0 5px;
358
+ line-height: 1;
359
+ }
360
+ .vditor-toolbar--pin {
361
+ position: -webkit-sticky;
362
+ position: sticky;
363
+ top: 0;
364
+ z-index: 1;
365
+ }
366
+ .vditor-toolbar--hide {
367
+ transition: all 0.15s ease-in-out;
368
+ height: 5px;
369
+ overflow: hidden;
370
+ }
371
+ .vditor-toolbar--hide:hover {
372
+ background-color: var(--toolbar-background-color);
373
+ height: auto;
374
+ overflow: visible;
375
+ }
376
+ .vditor-toolbar__item {
377
+ float: left;
378
+ position: relative;
379
+ }
380
+ .vditor-toolbar__item .vditor-tooltipped {
381
+ color: var(--toolbar-icon-color);
382
+ border: 0;
383
+ padding: 10px 5px;
384
+ background-color: transparent;
385
+ height: var(--toolbar-height);
386
+ width: 25px;
387
+ box-sizing: border-box;
388
+ font-size: 0;
389
+ }
390
+ .vditor-toolbar__item .vditor-tooltipped:focus {
391
+ outline: none;
392
+ }
393
+ .vditor-toolbar__item .vditor-tooltipped:focus {
394
+ cursor: pointer;
395
+ color: var(--toolbar-icon-hover-color);
396
+ }
397
+ .vditor-toolbar__item svg {
398
+ fill: currentColor;
399
+ display: inline-block;
400
+ stroke-width: 0;
401
+ stroke: currentColor;
402
+ width: 15px;
403
+ height: 15px;
404
+ }
405
+ .vditor-toolbar__item input {
406
+ position: absolute;
407
+ width: 25px;
408
+ height: var(--toolbar-height);
409
+ top: 0;
410
+ left: 0;
411
+ cursor: pointer;
412
+ opacity: 0.001;
413
+ overflow: hidden;
414
+ }
415
+ .vditor-toolbar__divider {
416
+ float: left;
417
+ height: calc(var(--toolbar-height) - (var(--toolbar-divider-margin-top) * 2));
418
+ border-left: 1px solid var(--second-color);
419
+ margin: var(--toolbar-divider-margin-top) 8px;
420
+ }
421
+ .vditor-toolbar__br {
422
+ width: 100%;
423
+ padding: 0 !important;
424
+ height: 0 !important;
425
+ }
426
+ .vditor-menu--current {
427
+ color: var(--toolbar-icon-hover-color) !important;
428
+ }
429
+ .vditor-menu--disabled {
430
+ color: var(--second-color) !important;
431
+ cursor: not-allowed !important;
432
+ }
433
+ .vditor-emojis {
434
+ display: inline-block;
435
+ overflow: auto;
436
+ }
437
+ .vditor-emojis::-webkit-scrollbar {
438
+ display: none;
439
+ }
440
+ .vditor-emojis__tip {
441
+ flex: 1;
442
+ min-width: 1px;
443
+ width: 200px;
444
+ margin-right: 10px;
445
+ color: var(--toolbar-icon-color);
446
+ white-space: nowrap;
447
+ text-overflow: ellipsis;
448
+ overflow: hidden;
449
+ }
450
+ .vditor-emojis__tail {
451
+ margin-top: 5px;
452
+ font-size: 12px;
453
+ color: var(--toolbar-icon-color);
454
+ display: flex;
455
+ }
456
+ .vditor-emojis__tail a {
457
+ text-decoration: none;
458
+ color: var(--toolbar-icon-color);
459
+ }
460
+ .vditor-emojis__tail a:hover {
461
+ color: var(--toolbar-icon-hover-color);
462
+ }
463
+ .vditor-emojis button {
464
+ cursor: pointer;
465
+ border-radius: 3px;
466
+ float: left;
467
+ height: 30px;
468
+ width: 30px;
469
+ text-align: center;
470
+ line-height: 26px;
471
+ padding: 3px;
472
+ box-sizing: border-box;
473
+ font-size: 16px;
474
+ transition: all 0.15s ease-in-out;
475
+ border: 0;
476
+ margin: 0;
477
+ background-color: transparent;
478
+ overflow: hidden;
479
+ }
480
+ .vditor-emojis button:focus {
481
+ outline: none;
482
+ }
483
+ .vditor-emojis button:hover .vditor-emojis__icon {
484
+ display: inline-block;
485
+ transform: scale(1.2);
486
+ }
487
+ .vditor-emojis img {
488
+ height: 20px;
489
+ width: 20px;
490
+ float: left;
491
+ margin: 3px 0 0 3px;
492
+ }
493
+ @media screen and (max-width: 520px) {
494
+ .vditor-toolbar__item {
495
+ padding: 0 12px;
496
+ }
497
+ .vditor-panel--left.vditor-panel--arrow:before {
498
+ right: 17px;
499
+ }
500
+ }
501
+ @media (hover: hover) and (pointer: fine) {
502
+ .vditor-toolbar__item .vditor-tooltipped:hover {
503
+ color: var(--toolbar-icon-hover-color);
504
+ }
505
+ }
506
+ @-webkit-keyframes slideInDown {
507
+ from {
508
+ transform: translate3d(0, -100%, 0);
509
+ visibility: visible;
510
+ }
511
+ to {
512
+ transform: translate3d(0, 0, 0);
513
+ }
514
+ }
515
+ @keyframes slideInDown {
516
+ from {
517
+ transform: translate3d(0, -100%, 0);
518
+ visibility: visible;
519
+ }
520
+ to {
521
+ transform: translate3d(0, 0, 0);
522
+ }
523
+ }
524
+ .vditor {
525
+ display: flex;
526
+ flex-direction: column;
527
+ border: 1px solid var(--border-color);
528
+ border-radius: 3px;
529
+ box-sizing: border-box;
530
+ font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
531
+ }
532
+ .vditor .vditor-copy {
533
+ z-index: auto;
534
+ }
535
+ .vditor--fullscreen {
536
+ position: fixed;
537
+ top: 0;
538
+ width: 100% !important;
539
+ left: 0;
540
+ height: 100vh !important;
541
+ z-index: 90;
542
+ border-radius: 0;
543
+ }
544
+ .vditor-content {
545
+ display: flex;
546
+ min-height: 60px;
547
+ flex: 1;
548
+ min-width: 1px;
549
+ position: relative;
550
+ }
551
+ .vditor-preview {
552
+ flex: 1;
553
+ min-width: 1px;
554
+ overflow: auto;
555
+ margin-left: -1px;
556
+ border-left: 1px solid var(--border-color);
557
+ box-sizing: border-box;
558
+ border-radius: 0 0 3px 0;
559
+ background-color: var(--textarea-background-color);
560
+ }
561
+ .vditor-preview::-webkit-scrollbar {
562
+ display: none;
563
+ }
564
+ .vditor-preview__action {
565
+ text-align: center;
566
+ padding: 10px;
567
+ background-color: var(--toolbar-background-color);
568
+ }
569
+ .vditor-preview__action button {
570
+ background-color: var(--toolbar-background-color);
571
+ color: var(--toolbar-icon-color);
572
+ line-height: 20px;
573
+ border: 0;
574
+ margin: 0 10px;
575
+ cursor: pointer;
576
+ padding: 0 7px;
577
+ font-size: 12px;
578
+ }
579
+ .vditor-preview__action button.vditor-preview__action--current,
580
+ .vditor-preview__action button:hover {
581
+ color: var(--toolbar-icon-hover-color);
582
+ background-color: var(--toolbar-background-color);
583
+ }
584
+ .vditor-preview__action button:focus {
585
+ outline: none;
586
+ }
587
+ .vditor-preview__action button svg {
588
+ fill: currentColor;
589
+ height: 15px;
590
+ width: 15px;
591
+ vertical-align: middle;
592
+ }
593
+ .vditor-preview > .vditor-reset {
594
+ padding: 10px;
595
+ margin: 0 auto;
596
+ }
597
+ .vditor-preview img:not(.emoji) {
598
+ cursor: pointer;
599
+ }
600
+ .vditor-devtools {
601
+ display: none;
602
+ background-color: var(--textarea-background-color);
603
+ overflow: auto;
604
+ flex: 1;
605
+ min-width: 1px;
606
+ box-shadow: inset 1px 0 var(--border-color);
607
+ box-sizing: border-box;
608
+ border-radius: 0 0 3px 0;
609
+ padding: 10px;
610
+ }
611
+ .vditor-counter {
612
+ padding: 3px;
613
+ color: var(--toolbar-icon-color);
614
+ background-color: var(--count-background-color);
615
+ border-radius: 3px;
616
+ font-size: 12px;
617
+ -webkit-user-select: none;
618
+ -moz-user-select: none;
619
+ -ms-user-select: none;
620
+ user-select: none;
621
+ float: right;
622
+ margin: 8px 3px 0 0;
623
+ }
624
+ .vditor-counter--error {
625
+ color: #d23f31;
626
+ background-color: rgba(210, 63, 49, 0.1);
627
+ }
628
+ .vditor-resize {
629
+ padding: 3px 0;
630
+ cursor: row-resize;
631
+ -webkit-user-select: none;
632
+ -moz-user-select: none;
633
+ -ms-user-select: none;
634
+ user-select: none;
635
+ position: absolute;
636
+ width: 100%;
637
+ }
638
+ .vditor-resize--top {
639
+ top: -3px;
640
+ }
641
+ .vditor-resize--bottom {
642
+ bottom: -3px;
643
+ }
644
+ .vditor-resize > div {
645
+ height: 3px;
646
+ background-color: var(--resize-background-color);
647
+ transition: all 0.15s ease-in-out;
648
+ }
649
+ .vditor-resize:hover > div,
650
+ .vditor-resize--selected > div {
651
+ background-color: var(--resize-hover-background-color);
652
+ }
653
+ .vditor-resize:hover svg,
654
+ .vditor-resize--selected svg {
655
+ color: var(--resize-hover-icon-color);
656
+ }
657
+ .vditor-resize svg {
658
+ fill: currentColor;
659
+ stroke-width: 0;
660
+ stroke: currentColor;
661
+ width: 13px;
662
+ height: 3px;
663
+ display: block;
664
+ margin: 0 auto;
665
+ color: var(--resize-icon-color);
666
+ }
667
+ .vditor-upload {
668
+ position: absolute;
669
+ height: 3px;
670
+ left: 0;
671
+ top: -2px;
672
+ transition: all 0.15s ease-in-out;
673
+ background-color: #4285f4;
674
+ }
675
+ .vditor-tip {
676
+ position: absolute;
677
+ font-size: 12px;
678
+ top: 10px;
679
+ -webkit-animation-duration: 0.15s;
680
+ animation-duration: 0.15s;
681
+ -webkit-animation-fill-mode: both;
682
+ animation-fill-mode: both;
683
+ left: 50%;
684
+ z-index: 5;
685
+ }
686
+ .vditor-tip--show {
687
+ display: block;
688
+ -webkit-animation-name: slideInDown;
689
+ animation-name: slideInDown;
690
+ }
691
+ .vditor-tip__content {
692
+ text-align: left;
693
+ display: inline-block;
694
+ line-height: 16px;
695
+ padding: 3px 10px;
696
+ border-radius: 3px;
697
+ background: var(--toolbar-background-color);
698
+ position: relative;
699
+ margin-left: -50%;
700
+ color: var(--toolbar-icon-color);
701
+ max-width: 100%;
702
+ box-shadow: var(--panel-shadow);
703
+ }
704
+ .vditor-tip__content ul {
705
+ margin: 2px 0;
706
+ padding: 0 0 0 18px;
707
+ }
708
+ .vditor-tip__content a {
709
+ color: #4285f4;
710
+ }
711
+ .vditor-tip__close {
712
+ position: absolute;
713
+ color: var(--toolbar-icon-color);
714
+ top: -7px;
715
+ right: -15px;
716
+ font-weight: bold;
717
+ cursor: pointer;
718
+ }
719
+ .vditor-tip__close:hover {
720
+ color: var(--toolbar-icon-hover-color);
721
+ }
722
+ .vditor-img {
723
+ position: fixed;
724
+ top: 0;
725
+ left: 0;
726
+ right: 0;
727
+ bottom: 0;
728
+ display: flex;
729
+ flex-direction: column;
730
+ z-index: 3;
731
+ }
732
+ .vditor-img__bar {
733
+ border-bottom: 1px solid var(--border-color);
734
+ background-color: var(--toolbar-background-color);
735
+ text-align: center;
736
+ height: 36px;
737
+ box-sizing: border-box;
738
+ display: flex;
739
+ align-items: center;
740
+ justify-content: center;
741
+ }
742
+ .vditor-img__btn {
743
+ display: flex;
744
+ align-items: center;
745
+ cursor: pointer;
746
+ margin-left: 24px;
747
+ -webkit-user-select: none;
748
+ -moz-user-select: none;
749
+ -ms-user-select: none;
750
+ user-select: none;
751
+ color: var(--toolbar-icon-color);
752
+ }
753
+ .vditor-img__btn:hover {
754
+ color: var(--toolbar-icon-hover-color);
755
+ }
756
+ .vditor-img__btn svg {
757
+ height: 14px;
758
+ width: 14px;
759
+ margin-right: 8px;
760
+ fill: currentColor;
761
+ }
762
+ .vditor-img__img {
763
+ flex: 1;
764
+ background-color: var(--textarea-background-color);
765
+ overflow: auto;
766
+ cursor: zoom-out;
767
+ }
768
+ .vditor-img__img img {
769
+ max-width: none;
770
+ }
771
+ .vditor-hint {
772
+ background-color: var(--panel-background-color);
773
+ position: absolute;
774
+ box-shadow: var(--panel-shadow);
775
+ border-radius: 3px;
776
+ padding: 5px 0;
777
+ z-index: 4;
778
+ line-height: 20px;
779
+ list-style: none;
780
+ font-size: 12px;
781
+ margin: 0;
782
+ max-width: 250px;
783
+ min-width: 80px;
784
+ display: none;
785
+ }
786
+ .vditor-hint .vditor-hint {
787
+ margin-top: -31px;
788
+ left: 100%;
789
+ right: auto;
790
+ }
791
+ .vditor-hint .vditor-hint.vditor-panel--left {
792
+ right: 100%;
793
+ left: auto;
794
+ }
795
+ .vditor-hint button {
796
+ color: var(--toolbar-icon-color);
797
+ display: block;
798
+ padding: 3px 10px;
799
+ border: 0;
800
+ border-radius: 0;
801
+ line-height: 20px;
802
+ width: 100%;
803
+ box-sizing: border-box;
804
+ text-align: left;
805
+ margin: 0;
806
+ background-color: transparent;
807
+ cursor: pointer;
808
+ white-space: nowrap;
809
+ text-overflow: ellipsis;
810
+ overflow: hidden;
811
+ }
812
+ .vditor-hint button:focus {
813
+ outline: none;
814
+ }
815
+ .vditor-hint--current,
816
+ .vditor-hint button:not(.vditor-menu--disabled):hover {
817
+ background-color: var(--toolbar-background-color) !important;
818
+ color: var(--toolbar-icon-hover-color) !important;
819
+ }
820
+ .vditor-hint__emoji {
821
+ font-size: 16px;
822
+ float: left;
823
+ margin-right: 3px;
824
+ }
825
+ .vditor-hint img {
826
+ height: 20px;
827
+ width: 20px;
828
+ float: left;
829
+ margin-right: 3px;
830
+ }
831
+ .vditor-reset {
832
+ color: #24292e;
833
+ font-variant-ligatures: no-common-ligatures;
834
+ font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
835
+ word-wrap: break-word;
836
+ overflow: auto;
837
+ line-height: 1.5;
838
+ font-size: 16px;
839
+ word-break: break-word;
840
+ }
841
+ .vditor-reset--anchor {
842
+ padding-left: 20px;
843
+ }
844
+ .vditor-reset--error {
845
+ color: #d23f31;
846
+ font-size: 12px;
847
+ display: block;
848
+ line-height: 16px;
849
+ }
850
+ .vditor-reset ul ul ul {
851
+ list-style-type: square;
852
+ }
853
+ .vditor-reset ul ul {
854
+ list-style-type: circle;
855
+ }
856
+ .vditor-reset ul {
857
+ list-style-type: disc;
858
+ }
859
+ .vditor-reset ul,
860
+ .vditor-reset ol {
861
+ padding-left: 2em;
862
+ margin-top: 0;
863
+ margin-bottom: 16px;
864
+ }
865
+ .vditor-reset li + li {
866
+ margin-top: 0.25em;
867
+ }
868
+ .vditor-reset audio {
869
+ max-width: 100%;
870
+ }
871
+ .vditor-reset audio:focus {
872
+ outline: none;
873
+ }
874
+ .vditor-reset video {
875
+ max-height: 90vh;
876
+ max-width: 100%;
877
+ }
878
+ .vditor-reset img {
879
+ max-width: 100%;
880
+ }
881
+ .vditor-reset img.emoji {
882
+ cursor: auto;
883
+ max-width: 20px;
884
+ vertical-align: sub;
885
+ }
886
+ .vditor-reset h1,
887
+ .vditor-reset h2,
888
+ .vditor-reset h3,
889
+ .vditor-reset h4,
890
+ .vditor-reset h5,
891
+ .vditor-reset h6 {
892
+ margin-top: 24px;
893
+ margin-bottom: 16px;
894
+ font-weight: 600;
895
+ line-height: 1.25;
896
+ }
897
+ .vditor-reset h1:hover .vditor-anchor svg,
898
+ .vditor-reset h2:hover .vditor-anchor svg,
899
+ .vditor-reset h3:hover .vditor-anchor svg,
900
+ .vditor-reset h4:hover .vditor-anchor svg,
901
+ .vditor-reset h5:hover .vditor-anchor svg,
902
+ .vditor-reset h6:hover .vditor-anchor svg {
903
+ visibility: visible;
904
+ }
905
+ .vditor-reset h1 {
906
+ font-size: 1.75em;
907
+ }
908
+ .vditor-reset h2 {
909
+ font-size: 1.55em;
910
+ }
911
+ .vditor-reset h3 {
912
+ font-size: 1.38em;
913
+ }
914
+ .vditor-reset h4 {
915
+ font-size: 1.25em;
916
+ }
917
+ .vditor-reset h5 {
918
+ font-size: 1.13em;
919
+ }
920
+ .vditor-reset h6 {
921
+ font-size: 1em;
922
+ }
923
+ .vditor-reset hr {
924
+ height: 2px;
925
+ padding: 0;
926
+ margin: 24px 0;
927
+ background-color: #eaecef;
928
+ border: 0;
929
+ }
930
+ .vditor-reset p {
931
+ margin-top: 0;
932
+ margin-bottom: 16px;
933
+ }
934
+ .vditor-reset blockquote {
935
+ padding: 0 1em;
936
+ color: #6a737d;
937
+ border-left: 0.25em solid #eaecef;
938
+ margin: 0 0 16px 0;
939
+ }
940
+ .vditor-reset blockquote > :first-child {
941
+ margin-top: 0;
942
+ }
943
+ .vditor-reset blockquote > :last-child {
944
+ margin-bottom: 0;
945
+ }
946
+ .vditor-reset ins > iframe {
947
+ border: 0;
948
+ }
949
+ .vditor-reset iframe {
950
+ border: 1px solid #d1d5da;
951
+ max-width: 100%;
952
+ box-sizing: border-box;
953
+ }
954
+ .vditor-reset iframe.iframe__video {
955
+ min-width: 80%;
956
+ min-height: 36vh;
957
+ }
958
+ .vditor-reset table {
959
+ border-collapse: collapse;
960
+ empty-cells: show;
961
+ margin-bottom: 16px;
962
+ overflow: auto;
963
+ border-spacing: 0;
964
+ display: block;
965
+ word-break: keep-all;
966
+ width: 100%;
967
+ }
968
+ .vditor-reset table tr {
969
+ background-color: #fafbfc;
970
+ border-top: 1px solid #c6cbd1;
971
+ }
972
+ .vditor-reset table td,
973
+ .vditor-reset table th {
974
+ padding: 6px 13px;
975
+ border: 1px solid #dfe2e5;
976
+ word-break: normal;
977
+ white-space: nowrap;
978
+ }
979
+ .vditor-reset table td:first-child::after,
980
+ .vditor-reset table th:first-child::after {
981
+ content: "";
982
+ display: inline-block;
983
+ vertical-align: top;
984
+ min-height: 24px;
985
+ }
986
+ .vditor-reset table th {
987
+ font-weight: 600;
988
+ }
989
+ .vditor-reset table tbody tr:nth-child(2n) {
990
+ background-color: #fff;
991
+ }
992
+ .vditor-reset code:not(.hljs):not(.highlight-chroma) {
993
+ padding: 0.2em 0.4em;
994
+ margin: 0;
995
+ font-size: 85%;
996
+ border-radius: 3px;
997
+ font-family: mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
998
+ word-break: break-word;
999
+ background-size: 20px 20px;
1000
+ white-space: pre-wrap;
1001
+ }
1002
+ .vditor-reset pre {
1003
+ margin: 1em 0;
1004
+ }
1005
+ .vditor-reset pre > code {
1006
+ margin: 0;
1007
+ font-size: 85%;
1008
+ padding: 0.5em;
1009
+ border-radius: 5px;
1010
+ display: block;
1011
+ overflow: auto;
1012
+ white-space: pre;
1013
+ font-family: mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
1014
+ background-size: 20px 20px;
1015
+ 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==);
1016
+ word-break: initial;
1017
+ word-wrap: normal;
1018
+ }
1019
+ .vditor-reset pre:hover div.vditor-copy {
1020
+ display: block;
1021
+ }
1022
+ .vditor-reset .language-math,
1023
+ .vditor-reset .language-echarts,
1024
+ .vditor-reset .language-mindmap,
1025
+ .vditor-reset .language-plantuml,
1026
+ .vditor-reset .language-mermaid,
1027
+ .vditor-reset .language-abc,
1028
+ .vditor-reset .language-flowchart,
1029
+ .vditor-reset .language-graphviz {
1030
+ margin-bottom: 16px;
1031
+ }
1032
+ .vditor-reset .language-math mjx-container:focus {
1033
+ outline: none;
1034
+ cursor: context-menu;
1035
+ }
1036
+ .vditor-reset .language-echarts,
1037
+ .vditor-reset .language-mindmap {
1038
+ overflow: hidden;
1039
+ height: 420px;
1040
+ }
1041
+ .vditor-reset .language-mermaid,
1042
+ .vditor-reset .language-flowchart,
1043
+ .vditor-reset .language-graphviz {
1044
+ text-align: center;
1045
+ }
1046
+ .vditor-reset .language-graphviz parsererror {
1047
+ overflow: auto;
1048
+ }
1049
+ .vditor-reset kbd {
1050
+ display: inline-block;
1051
+ padding: 3px 5px;
1052
+ font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
1053
+ line-height: 10px;
1054
+ color: #24292e;
1055
+ vertical-align: middle;
1056
+ background-color: #fafbfc;
1057
+ border: solid 1px #d1d5da;
1058
+ border-radius: 3px;
1059
+ box-shadow: inset 0 -1px 0 #d1d5da;
1060
+ }
1061
+ .vditor-reset summary {
1062
+ cursor: pointer;
1063
+ }
1064
+ .vditor-reset summary:focus {
1065
+ outline: none;
1066
+ }
1067
+ .vditor-reset svg {
1068
+ height: auto;
1069
+ width: auto;
1070
+ stroke-width: initial;
1071
+ }
1072
+ .vditor-reset p:last-child,
1073
+ .vditor-reset blockquote:last-child,
1074
+ .vditor-reset pre:last-child,
1075
+ .vditor-reset ul:last-child,
1076
+ .vditor-reset ol:last-child,
1077
+ .vditor-reset hr:last-child {
1078
+ margin-bottom: 0;
1079
+ }
1080
+ .vditor-comment {
1081
+ border-bottom: 2px solid #f8e6ab;
1082
+ }
1083
+ .vditor-comment--focus,
1084
+ .vditor-comment--hover {
1085
+ background-color: #faf1d1;
1086
+ border-bottom: 2px solid #ffc60a;
1087
+ }
1088
+ .vditor-comment--focus .vditor-comment,
1089
+ .vditor-comment--hover .vditor-comment {
1090
+ border-bottom: 2px solid #ffc60a;
1091
+ }
1092
+ .vditor-task {
1093
+ list-style: none !important;
1094
+ word-break: break-all;
1095
+ }
1096
+ .vditor-task input {
1097
+ margin: 0 0.2em 0.25em -1.6em;
1098
+ font-size: 12px;
1099
+ vertical-align: middle;
1100
+ }
1101
+ .vditor-copy {
1102
+ position: relative;
1103
+ display: none;
1104
+ z-index: 1;
1105
+ }
1106
+ .vditor-copy textarea {
1107
+ position: absolute;
1108
+ left: -100000px;
1109
+ height: 10px;
1110
+ }
1111
+ .vditor-copy span {
1112
+ cursor: pointer;
1113
+ position: absolute;
1114
+ right: 15px;
1115
+ top: 0.5em;
1116
+ }
1117
+ .vditor-copy svg {
1118
+ color: #586069;
1119
+ height: 14px;
1120
+ width: 14px !important;
1121
+ display: block;
1122
+ fill: currentColor;
1123
+ }
1124
+ .vditor-linenumber {
1125
+ padding-left: 4em !important;
1126
+ position: relative;
1127
+ }
1128
+ .vditor-linenumber__rows {
1129
+ position: absolute;
1130
+ pointer-events: none;
1131
+ top: 0.5em;
1132
+ left: 0;
1133
+ width: 3em;
1134
+ /* works for line-numbers below 1000 lines */
1135
+ -webkit-user-select: none;
1136
+ -moz-user-select: none;
1137
+ -ms-user-select: none;
1138
+ user-select: none;
1139
+ counter-reset: linenumber;
1140
+ }
1141
+ .vditor-linenumber__rows > span {
1142
+ pointer-events: none;
1143
+ display: block;
1144
+ }
1145
+ .vditor-linenumber__rows > span::before {
1146
+ counter-increment: linenumber;
1147
+ content: counter(linenumber);
1148
+ color: rgba(158, 150, 150, 0.38);
1149
+ display: block;
1150
+ padding-right: 1em;
1151
+ text-align: right;
1152
+ }
1153
+ .vditor-speech {
1154
+ position: absolute;
1155
+ display: none;
1156
+ background-color: #f6f8fa;
1157
+ border: 1px solid #d1d5da;
1158
+ border-radius: 3px;
1159
+ padding: 3px;
1160
+ cursor: pointer;
1161
+ color: #586069;
1162
+ }
1163
+ .vditor-speech:hover,
1164
+ .vditor-speech--current {
1165
+ color: #4285f4;
1166
+ }
1167
+ .vditor-speech svg {
1168
+ height: 14px;
1169
+ width: 14px;
1170
+ fill: currentColor;
1171
+ display: block;
1172
+ stroke-width: 0;
1173
+ stroke: currentColor;
1174
+ }
1175
+ .vditor-anchor {
1176
+ margin-left: 5px;
1177
+ }
1178
+ .vditor-anchor--left {
1179
+ float: left;
1180
+ padding-right: 4px;
1181
+ margin-left: -20px;
1182
+ }
1183
+ .vditor-anchor svg {
1184
+ visibility: hidden;
1185
+ }
1186
+ .vditor-anchor:hover svg {
1187
+ visibility: visible;
1188
+ }
1189
+ .vditor-anchor:focus {
1190
+ outline: none;
1191
+ }
1192
+ .vditor-linkcard {
1193
+ margin: 31px auto 16px;
1194
+ transition: all 0.15s ease-in-out;
1195
+ cursor: pointer;
1196
+ max-width: 768px;
1197
+ padding: 0 10px;
1198
+ }
1199
+ .vditor-linkcard a {
1200
+ border-radius: 3px;
1201
+ background-color: #f6f8fa;
1202
+ overflow: hidden;
1203
+ max-height: 250px;
1204
+ display: flex;
1205
+ text-decoration: none;
1206
+ flex-wrap: wrap-reverse;
1207
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1208
+ }
1209
+ .vditor-linkcard a:hover {
1210
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.13), 0 3px 6px rgba(0, 0, 0, 0.26);
1211
+ text-decoration: none;
1212
+ }
1213
+ .vditor-linkcard a:visited .vditor-linkcard__abstract {
1214
+ color: rgba(88, 96, 105, 0.36);
1215
+ }
1216
+ .vditor-linkcard__info {
1217
+ padding: 10px;
1218
+ min-width: 200px;
1219
+ box-sizing: border-box;
1220
+ flex: 1;
1221
+ }
1222
+ .vditor-linkcard__title {
1223
+ font-size: 14px;
1224
+ font-weight: 400;
1225
+ color: #24292e;
1226
+ display: flex;
1227
+ align-items: center;
1228
+ }
1229
+ .vditor-linkcard__title img {
1230
+ cursor: pointer;
1231
+ height: 20px;
1232
+ width: 20px;
1233
+ border-radius: 3px;
1234
+ flex-shrink: 0;
1235
+ margin-right: 5px;
1236
+ }
1237
+ .vditor-linkcard__abstract {
1238
+ word-wrap: break-word;
1239
+ word-break: break-all;
1240
+ -webkit-line-clamp: 2;
1241
+ overflow: hidden;
1242
+ text-overflow: ellipsis;
1243
+ -webkit-box-orient: vertical;
1244
+ display: -webkit-box;
1245
+ font-size: 13px;
1246
+ color: #586069;
1247
+ margin: 5px 0;
1248
+ }
1249
+ .vditor-linkcard__site {
1250
+ font-size: 12px;
1251
+ color: #4285f4;
1252
+ }
1253
+ .vditor-linkcard__image {
1254
+ background-size: cover;
1255
+ background-repeat: no-repeat;
1256
+ background-position: center center;
1257
+ max-width: 250px;
1258
+ min-width: 126px;
1259
+ cursor: pointer;
1260
+ background-color: rgba(88, 96, 105, 0.36);
1261
+ }
1262
+ .vditor-footnotes__goto-ref {
1263
+ text-decoration: none;
1264
+ }
1265
+ .vditor-toc {
1266
+ margin-bottom: 16px;
1267
+ -webkit-user-select: text;
1268
+ -moz-user-select: text;
1269
+ -ms-user-select: text;
1270
+ user-select: text;
1271
+ color: #4285f4;
1272
+ }
1273
+ .vditor-toc .vditor-outline__action {
1274
+ display: none;
1275
+ }
1276
+ .vditor-toc ul {
1277
+ list-style: none !important;
1278
+ padding-left: 1em;
1279
+ }
1280
+ .vditor-toc > ul {
1281
+ padding-left: 0;
1282
+ }
1283
+ .vditor-toc span {
1284
+ cursor: pointer;
1285
+ }
1286
+ .vditor-toc li > span > svg {
1287
+ width: 0;
1288
+ height: 0;
1289
+ }
1290
+ .vditor-outline {
1291
+ width: 250px;
1292
+ border-right: 1px solid var(--border-color);
1293
+ background-color: var(--panel-background-color);
1294
+ display: none;
1295
+ overflow: auto;
1296
+ }
1297
+ .vditor-outline--right {
1298
+ border-right: 0;
1299
+ border-left: 1px solid var(--border-color);
1300
+ }
1301
+ .vditor-outline::-webkit-scrollbar {
1302
+ display: none;
1303
+ }
1304
+ .vditor-outline ul {
1305
+ list-style: none !important;
1306
+ padding-left: 1em;
1307
+ margin: 0;
1308
+ }
1309
+ .vditor-outline__content > ul {
1310
+ padding-left: 0;
1311
+ }
1312
+ .vditor-outline li > span {
1313
+ display: flex;
1314
+ align-items: center;
1315
+ padding: 5px 10px;
1316
+ cursor: pointer;
1317
+ color: var(--textarea-text-color);
1318
+ }
1319
+ .vditor-outline li > span > svg {
1320
+ height: 10px;
1321
+ width: 10px;
1322
+ }
1323
+ .vditor-outline li > span:hover {
1324
+ color: var(--toolbar-icon-hover-color);
1325
+ }
1326
+ .vditor-outline li > span > span {
1327
+ white-space: nowrap;
1328
+ overflow: hidden;
1329
+ text-overflow: ellipsis;
1330
+ }
1331
+ .vditor-outline__title {
1332
+ border-bottom: 1px dashed var(--border-color);
1333
+ padding: 5px 10px;
1334
+ color: var(--toolbar-icon-color);
1335
+ font-size: 12px;
1336
+ }
1337
+ .vditor-outline__action {
1338
+ transition: all 0.15s ease-in-out;
1339
+ fill: currentColor;
1340
+ margin-right: 5px;
1341
+ flex-shrink: 0;
1342
+ }
1343
+ .vditor-outline__action--close {
1344
+ transform: rotate(-90deg);
1345
+ }
1346
+ .vditor-wysiwyg {
1347
+ box-sizing: border-box;
1348
+ flex: 1;
1349
+ position: relative;
1350
+ width: 100%;
1351
+ min-width: 1px;
1352
+ }
1353
+ .vditor-wysiwyg pre.vditor-reset {
1354
+ background-color: var(--panel-background-color);
1355
+ margin: 0;
1356
+ white-space: pre-wrap;
1357
+ height: 100%;
1358
+ box-sizing: border-box;
1359
+ }
1360
+ .vditor-wysiwyg pre.vditor-reset[contenteditable="false"] {
1361
+ opacity: 0.3;
1362
+ cursor: not-allowed;
1363
+ }
1364
+ .vditor-wysiwyg pre.vditor-reset:empty::before {
1365
+ content: attr(placeholder);
1366
+ color: var(--second-color);
1367
+ }
1368
+ .vditor-wysiwyg pre.vditor-reset:focus {
1369
+ outline: none;
1370
+ background-color: var(--textarea-background-color);
1371
+ }
1372
+ .vditor-wysiwyg pre.vditor-reset:after {
1373
+ content: "";
1374
+ height: var(--editor-bottom);
1375
+ display: block;
1376
+ }
1377
+ .vditor-wysiwyg blockquote:empty::before,
1378
+ .vditor-wysiwyg pre > code:empty::before,
1379
+ .vditor-wysiwyg p:empty::before,
1380
+ .vditor-wysiwyg h1:empty::after,
1381
+ .vditor-wysiwyg h2:empty::after,
1382
+ .vditor-wysiwyg h3:empty::after,
1383
+ .vditor-wysiwyg h4:empty::after,
1384
+ .vditor-wysiwyg h5:empty::after,
1385
+ .vditor-wysiwyg h6:empty::after {
1386
+ content: ' ';
1387
+ }
1388
+ .vditor-wysiwyg code[data-marker="`"] {
1389
+ padding-left: 0 !important;
1390
+ padding-right: 0 !important;
1391
+ }
1392
+ .vditor-wysiwyg__block pre:first-child {
1393
+ margin-bottom: -1em;
1394
+ }
1395
+ .vditor-wysiwyg__block pre:first-child code {
1396
+ color: var(--textarea-text-color);
1397
+ height: auto;
1398
+ text-align: left;
1399
+ }
1400
+ .vditor-wysiwyg__block pre:last-child {
1401
+ margin-bottom: 1em;
1402
+ }
1403
+ .vditor-wysiwyg__preview {
1404
+ cursor: pointer;
1405
+ white-space: initial;
1406
+ min-height: 27px;
1407
+ }
1408
+ .vditor-wysiwyg > .vditor-reset > h1:before,
1409
+ .vditor-wysiwyg > .vditor-reset > h2:before,
1410
+ .vditor-wysiwyg > .vditor-reset > h3:before,
1411
+ .vditor-wysiwyg > .vditor-reset > h4:before,
1412
+ .vditor-wysiwyg > .vditor-reset > h5:before,
1413
+ .vditor-wysiwyg > .vditor-reset > h6:before,
1414
+ .vditor-wysiwyg div.vditor-wysiwyg__block:before,
1415
+ .vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,
1416
+ .vditor-wysiwyg div[data-type="footnotes-block"]:before,
1417
+ .vditor-wysiwyg .vditor-toc:before {
1418
+ float: left;
1419
+ padding-right: 4px;
1420
+ margin-left: -29px;
1421
+ content: 'H1';
1422
+ font-size: 0.85rem;
1423
+ font-weight: normal;
1424
+ color: var(--second-color);
1425
+ }
1426
+ .vditor-wysiwyg > .vditor-reset > h2:before {
1427
+ content: 'H2';
1428
+ }
1429
+ .vditor-wysiwyg > .vditor-reset > h3:before {
1430
+ content: 'H3';
1431
+ }
1432
+ .vditor-wysiwyg > .vditor-reset > h4:before {
1433
+ content: 'H4';
1434
+ }
1435
+ .vditor-wysiwyg > .vditor-reset > h5:before {
1436
+ content: 'H5';
1437
+ }
1438
+ .vditor-wysiwyg > .vditor-reset > h6:before {
1439
+ content: 'H6';
1440
+ }
1441
+ .vditor-wysiwyg div[data-type="link-ref-defs-block"]:before {
1442
+ content: '"A"';
1443
+ }
1444
+ .vditor-wysiwyg div[data-type="footnotes-block"]:before {
1445
+ content: '^F';
1446
+ }
1447
+ .vditor-wysiwyg div.vditor-wysiwyg__block:before {
1448
+ content: "</>";
1449
+ }
1450
+ .vditor-wysiwyg div.vditor-wysiwyg__block[data-type="yaml-front-matter"]:before {
1451
+ content: "F";
1452
+ }
1453
+ .vditor-wysiwyg div.vditor-wysiwyg__block[data-type="math-block"]:before {
1454
+ content: "$$";
1455
+ }
1456
+ .vditor-wysiwyg .vditor-toc:before {
1457
+ content: "ToC";
1458
+ }
1459
+ .vditor-wysiwyg hr {
1460
+ display: inline-block;
1461
+ margin: 12px 0;
1462
+ width: 100%;
1463
+ }
1464
+ .vditor-wysiwyg details {
1465
+ white-space: initial;
1466
+ }
1467
+ .vditor-wysiwyg a {
1468
+ cursor: pointer;
1469
+ }
1470
+ .vditor-wysiwyg span[data-type="backslash"] > span {
1471
+ display: none;
1472
+ color: var(--second-color);
1473
+ }
1474
+ .vditor-wysiwyg span[data-type="link-ref"],
1475
+ .vditor-wysiwyg sup[data-type="footnotes-ref"] {
1476
+ color: #4285f4;
1477
+ }
1478
+ .vditor-wysiwyg span[data-type="toc-h"] {
1479
+ color: #4285f4;
1480
+ text-decoration: underline;
1481
+ }
1482
+ .vditor-wysiwyg div[data-type="footnotes-block"] {
1483
+ border-top: 2px solid var(--heading-border-color);
1484
+ padding-top: 24px;
1485
+ margin-top: 24px;
1486
+ }
1487
+ .vditor-wysiwyg div[data-type="link-ref-defs-block"] {
1488
+ color: var(--blockquote-color);
1489
+ }
1490
+ @media screen and (max-width: 520px) {
1491
+ .vditor-wysiwyg h1:before,
1492
+ .vditor-wysiwyg h2:before,
1493
+ .vditor-wysiwyg h3:before,
1494
+ .vditor-wysiwyg h4:before,
1495
+ .vditor-wysiwyg h5:before,
1496
+ .vditor-wysiwyg h6:before,
1497
+ .vditor-wysiwyg div.vditor-wysiwyg__block:before,
1498
+ .vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,
1499
+ .vditor-wysiwyg div[data-type="footnotes-block"]:before,
1500
+ .vditor-wysiwyg .vditor-toc:before {
1501
+ content: none;
1502
+ }
1503
+ }
1504
+ .vditor-ir {
1505
+ box-sizing: border-box;
1506
+ flex: 1;
1507
+ min-width: 1px;
1508
+ position: relative;
1509
+ width: 100%;
1510
+ }
1511
+ .vditor-ir__node[data-type="code-block"]:before,
1512
+ .vditor-ir__node[data-type="code-block"]:after,
1513
+ .vditor-ir__node[data-type="yaml-front-matter"]:before,
1514
+ .vditor-ir__node[data-type="yaml-front-matter"]:after,
1515
+ .vditor-ir__node[data-type="math-block"]:before,
1516
+ .vditor-ir__node[data-type="math-block"]:after {
1517
+ content: ' ';
1518
+ color: var(--second-color);
1519
+ }
1520
+ .vditor-ir__node:not(.vditor-ir__node--expand) .vditor-ir__marker {
1521
+ padding: 0 !important;
1522
+ }
1523
+ .vditor-ir__node:not(.vditor-ir__node--expand)[data-type="a"] {
1524
+ cursor: pointer;
1525
+ }
1526
+ .vditor-ir__node[data-type="link-ref"],
1527
+ .vditor-ir__node[data-type="footnotes-ref"] {
1528
+ color: #4285f4;
1529
+ }
1530
+ .vditor-ir__node[data-type="html-block"] {
1531
+ margin-bottom: 1em;
1532
+ }
1533
+ .vditor-ir__node .vditor-ir__marker {
1534
+ width: 0;
1535
+ overflow: hidden;
1536
+ display: inline-block;
1537
+ height: 0;
1538
+ transition: all 0.15s ease-in-out;
1539
+ }
1540
+ .vditor-ir__node--hidden .vditor-ir__marker {
1541
+ visibility: hidden;
1542
+ }
1543
+ .vditor-ir__node--expand .vditor-ir__marker {
1544
+ color: var(--second-color);
1545
+ display: inline;
1546
+ height: auto;
1547
+ width: auto;
1548
+ }
1549
+ .vditor-ir__node--expand .vditor-ir__marker--hide {
1550
+ display: none;
1551
+ }
1552
+ .vditor-ir__node--expand .vditor-ir__marker--heading {
1553
+ color: var(--ir-heading-color);
1554
+ }
1555
+ .vditor-ir__node--expand .vditor-ir__marker--bi {
1556
+ color: var(--ir-bi-color);
1557
+ }
1558
+ .vditor-ir__node--expand .vditor-ir__marker--link {
1559
+ color: var(--ir-link-color);
1560
+ }
1561
+ .vditor-ir__node--expand .vditor-ir__marker--title {
1562
+ color: var(--ir-title-color);
1563
+ }
1564
+ .vditor-ir__node--expand .vditor-ir__marker--bracket {
1565
+ color: var(--ir-bracket-color);
1566
+ text-decoration: underline;
1567
+ }
1568
+ .vditor-ir__node--expand .vditor-ir__marker--paren {
1569
+ color: var(--ir-paren-color);
1570
+ }
1571
+ .vditor-ir__node--expand .vditor-ir__marker--info {
1572
+ color: var(--ir-heading-color);
1573
+ }
1574
+ .vditor-ir__node--expand .vditor-ir__marker--pre code {
1575
+ color: var(--textarea-text-color);
1576
+ height: auto;
1577
+ text-align: left;
1578
+ }
1579
+ .vditor-ir__node--expand[data-type="code-block"]:before,
1580
+ .vditor-ir__node--expand[data-type="code-block"]:after {
1581
+ content: '```';
1582
+ }
1583
+ .vditor-ir__node--expand[data-type="yaml-front-matter"]:before,
1584
+ .vditor-ir__node--expand[data-type="yaml-front-matter"]:after {
1585
+ content: '---';
1586
+ }
1587
+ .vditor-ir__node--expand[data-type="math-block"]:before,
1588
+ .vditor-ir__node--expand[data-type="math-block"]:after {
1589
+ content: '$$';
1590
+ }
1591
+ .vditor-ir__node span[data-type="code-block-open-marker"],
1592
+ .vditor-ir__node span[data-type="code-block-close-marker"],
1593
+ .vditor-ir__node span[data-type="yaml-front-matter-open-marker"],
1594
+ .vditor-ir__node span[data-type="yaml-front-matter-close-marker"],
1595
+ .vditor-ir__node span[data-type="math-block-open-marker"],
1596
+ .vditor-ir__node span[data-type="math-block-close-marker"] {
1597
+ display: none;
1598
+ }
1599
+ .vditor-ir__preview {
1600
+ cursor: pointer;
1601
+ white-space: initial;
1602
+ min-height: 27px;
1603
+ }
1604
+ .vditor-ir__link {
1605
+ color: var(--ir-bracket-color);
1606
+ text-decoration: underline;
1607
+ }
1608
+ .vditor-ir pre.vditor-reset {
1609
+ background-color: var(--panel-background-color);
1610
+ margin: 0;
1611
+ white-space: pre-wrap;
1612
+ height: 100%;
1613
+ box-sizing: border-box;
1614
+ }
1615
+ .vditor-ir pre.vditor-reset[contenteditable="false"] {
1616
+ opacity: 0.3;
1617
+ cursor: not-allowed;
1618
+ }
1619
+ .vditor-ir pre.vditor-reset:empty::before {
1620
+ content: attr(placeholder);
1621
+ color: var(--second-color);
1622
+ }
1623
+ .vditor-ir pre.vditor-reset:focus {
1624
+ outline: none;
1625
+ background-color: var(--textarea-background-color);
1626
+ }
1627
+ .vditor-ir pre.vditor-reset:after {
1628
+ content: "";
1629
+ height: var(--editor-bottom);
1630
+ display: block;
1631
+ }
1632
+ .vditor-ir pre.vditor-reset pre {
1633
+ margin: 0;
1634
+ }
1635
+ .vditor-ir hr {
1636
+ display: inline-block;
1637
+ margin: 12px 0;
1638
+ width: 100%;
1639
+ }
1640
+ .vditor-ir blockquote:empty::before,
1641
+ .vditor-ir pre > code:empty::before,
1642
+ .vditor-ir p:empty::before,
1643
+ .vditor-ir h1:empty::after,
1644
+ .vditor-ir h2:empty::after,
1645
+ .vditor-ir h3:empty::after,
1646
+ .vditor-ir h4:empty::after,
1647
+ .vditor-ir h5:empty::after,
1648
+ .vditor-ir h6:empty::after {
1649
+ content: ' ';
1650
+ }
1651
+ .vditor-ir .vditor-reset > h1:before,
1652
+ .vditor-ir .vditor-reset > h2:before,
1653
+ .vditor-ir .vditor-reset > h3:before,
1654
+ .vditor-ir .vditor-reset > h4:before,
1655
+ .vditor-ir .vditor-reset > h5:before,
1656
+ .vditor-ir .vditor-reset > h6:before,
1657
+ .vditor-ir div[data-type="link-ref-defs-block"]:before,
1658
+ .vditor-ir div[data-type="footnotes-block"]:before,
1659
+ .vditor-ir .vditor-toc:before {
1660
+ float: left;
1661
+ padding-right: 4px;
1662
+ margin-left: -29px;
1663
+ content: 'H1';
1664
+ font-size: 0.85rem;
1665
+ font-weight: normal;
1666
+ color: var(--second-color);
1667
+ }
1668
+ .vditor-ir .vditor-reset > h2:before {
1669
+ content: 'H2';
1670
+ }
1671
+ .vditor-ir .vditor-reset > h3:before {
1672
+ content: 'H3';
1673
+ }
1674
+ .vditor-ir .vditor-reset > h4:before {
1675
+ content: 'H4';
1676
+ }
1677
+ .vditor-ir .vditor-reset > h5:before {
1678
+ content: 'H5';
1679
+ }
1680
+ .vditor-ir .vditor-reset > h6:before {
1681
+ content: 'H6';
1682
+ }
1683
+ .vditor-ir div[data-type="link-ref-defs-block"] {
1684
+ color: var(--blockquote-color);
1685
+ }
1686
+ .vditor-ir div[data-type="link-ref-defs-block"]:before {
1687
+ content: '"A"';
1688
+ }
1689
+ .vditor-ir div[data-type="footnotes-block"] {
1690
+ border-top: 2px solid var(--heading-border-color);
1691
+ padding-top: 24px;
1692
+ margin-top: 24px;
1693
+ }
1694
+ .vditor-ir div[data-type="footnotes-block"]:before {
1695
+ content: '^F';
1696
+ }
1697
+ .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > ul,
1698
+ .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > ol,
1699
+ .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > p,
1700
+ .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > blockquote,
1701
+ .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > pre,
1702
+ .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > table,
1703
+ .vditor-ir div[data-type="footnotes-block"] > div[data-type="footnotes-def"] > hr {
1704
+ margin-left: 8px;
1705
+ }
1706
+ .vditor-ir .vditor-toc:before {
1707
+ content: "ToC";
1708
+ }
1709
+ .vditor-ir .vditor-toc span[data-type="toc-h"] {
1710
+ color: #4285f4;
1711
+ text-decoration: underline;
1712
+ }
1713
+ @media screen and (max-width: 520px) {
1714
+ .vditor-ir h1:before,
1715
+ .vditor-ir h2:before,
1716
+ .vditor-ir h3:before,
1717
+ .vditor-ir h4:before,
1718
+ .vditor-ir h5:before,
1719
+ .vditor-ir h6:before,
1720
+ .vditor-ir div[data-type="link-ref-defs-block"]:before,
1721
+ .vditor-ir div[data-type="footnotes-block"]:before,
1722
+ .vditor-ir .vditor-toc:before {
1723
+ content: none;
1724
+ }
1725
+ }
1726
+ .vditor-sv {
1727
+ font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
1728
+ margin: 0 1px 0 0;
1729
+ overflow: auto;
1730
+ width: 100%;
1731
+ flex: 1;
1732
+ min-width: 1px;
1733
+ border: 0;
1734
+ resize: none;
1735
+ padding: 10px 9px 10px 10px;
1736
+ box-sizing: border-box;
1737
+ background-color: var(--panel-background-color);
1738
+ outline: 0 none;
1739
+ font-size: 16px;
1740
+ line-height: 22px;
1741
+ color: var(--textarea-text-color);
1742
+ border-radius: 0 0 3px 3px;
1743
+ font-variant-ligatures: no-common-ligatures;
1744
+ white-space: pre-wrap;
1745
+ word-break: break-word;
1746
+ word-wrap: break-word;
1747
+ }
1748
+ .vditor-sv[contenteditable="false"] {
1749
+ opacity: 0.3;
1750
+ cursor: not-allowed;
1751
+ }
1752
+ .vditor-sv:empty::before {
1753
+ content: attr(placeholder);
1754
+ color: var(--second-color);
1755
+ }
1756
+ .vditor-sv:focus {
1757
+ background-color: var(--textarea-background-color);
1758
+ }
1759
+ .vditor-sv:after {
1760
+ content: "";
1761
+ height: var(--editor-bottom);
1762
+ display: block;
1763
+ }
1764
+ .vditor-sv span[data-type="newline"] + span[data-type="text"]:empty {
1765
+ display: inherit;
1766
+ }
1767
+ .vditor-sv .sup {
1768
+ vertical-align: super;
1769
+ font-size: smaller;
1770
+ }
1771
+ .vditor-sv .strong {
1772
+ font-weight: bold;
1773
+ }
1774
+ .vditor-sv .em {
1775
+ font-style: italic;
1776
+ }
1777
+ .vditor-sv .s {
1778
+ text-decoration: line-through;
1779
+ }
1780
+ .vditor-sv .mark:not(.vditor-sv__marker) {
1781
+ background-color: yellow;
1782
+ color: black;
1783
+ }
1784
+ .vditor-sv .h1 {
1785
+ font-size: 1.75em;
1786
+ line-height: 44px;
1787
+ }
1788
+ .vditor-sv .h2 {
1789
+ font-size: 1.55em;
1790
+ line-height: 38px;
1791
+ }
1792
+ .vditor-sv .h3 {
1793
+ font-size: 1.38em;
1794
+ line-height: 27px;
1795
+ }
1796
+ .vditor-sv .h4 {
1797
+ font-size: 1.25em;
1798
+ line-height: 25px;
1799
+ }
1800
+ .vditor-sv .h5 {
1801
+ font-size: 1.13em;
1802
+ }
1803
+ .vditor-sv .h6 {
1804
+ font-size: 1em;
1805
+ }
1806
+ .vditor-sv__marker {
1807
+ color: var(--second-color);
1808
+ }
1809
+ .vditor-sv__marker--heading {
1810
+ color: var(--ir-heading-color);
1811
+ }
1812
+ .vditor-sv__marker--bi {
1813
+ color: var(--ir-bi-color);
1814
+ }
1815
+ .vditor-sv__marker--link {
1816
+ color: var(--ir-link-color);
1817
+ }
1818
+ .vditor-sv__marker--title {
1819
+ color: var(--ir-title-color);
1820
+ }
1821
+ .vditor-sv__marker--bracket {
1822
+ color: var(--ir-bracket-color);
1823
+ }
1824
+ .vditor-sv__marker--paren {
1825
+ color: var(--ir-paren-color);
1826
+ }
1827
+ .vditor-sv__marker--info {
1828
+ color: var(--ir-heading-color);
1829
+ }
1830
+ .vditor-sv__marker--strong {
1831
+ font-weight: bold;
1832
+ }
28
1833