@charset "UTF-8";body,html{min-height:101vh}.markdown-editor-page{padding-bottom:120px;background:var(--compiler-bg)}.markdown-editor-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:500px;background:var(--compiler-top-bg)}.markdown-editor-page>.compiler-intro,.markdown-editor-page>.compiler-list,.markdown-editor-page>.editor-body,.markdown-editor-page>.editor-header{position:relative;z-index:1000}.markdown-editor-page>.editor-header{display:flex;justify-content:center;margin-top:10px}.markdown-editor-page>.editor-header>.container{width:95%;padding:10px 0}.markdown-editor-page>.editor-header>.container>div>a{display:block;width:105px;height:35px}.markdown-editor-page>.editor-header>.container>div>a>img{width:105px;height:35px}.markdown-editor-page>.editor-header>.container>h1{width:200px;height:20px;line-height:20px;font-size:13px;text-align:left;margin-left:5px;background-image:var(--compiler-h1-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.markdown-editor-page>.editor-body{height:calc(100vh - 125px);margin-top:10px;display:flex;justify-content:center}.markdown-editor-page>.editor-body>.container{width:95%}.markdown-editor-page>.editor-body>.container>.markdown-body{height:100%;border:1px solid var(--border-transparent-black2);background-color:transparent}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op{background:var(--compiler-header-bg)!important;border-bottom:1px solid var(--border-transparent-black3)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-left-item{border-right:1px solid var(--border-silver-black2)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-left-item>.op-icon-divider{border-left-color:var(--border-silver-black3)!important}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-left-item>.op-icon{color:var(--markdown-icon-color)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-left-item>.op-icon:hover{color:var(--markdown-icon-hover-color);background:var(--markdown-icon-hover-bg)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-right-item>.op-icon{color:var(--markdown-icon-color)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-right-item>.op-icon:hover,.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-right-item>.selected{color:var(--markdown-icon-hover-color);background:var(--markdown-icon-hover-bg)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op .popup-dropdown{border:1px solid var(--markdown-dropdown-border);background-color:var(--bg-white-black2)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op .popup-dropdown>.dropdown-item{color:var(--text-black1-silver)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op .popup-dropdown>.dropdown-item:hover{color:var(--markdown-dropdown-hover-color);background-color:var(--markdown-dropdown-hover-bg)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel{display:block}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-edit{width:100%;height:50%;min-height:300px;overflow:auto;border-bottom:6px solid var(--markdown-body-border);border-radius:0;background:var(--compiler-input-bg)!important}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-edit>.content-input-wrapper{background:var(--compiler-input-bg)!important}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-edit>.content-input-wrapper>.auto-textarea-wrapper>textarea{color:var(--text-black1-silver);background:var(--compiler-input-bg)!important}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-edit>.content-input-wrapper>.auto-textarea-wrapper>textarea::-webkit-input-placeholder{color:var(--markdown-textarea-placeholder)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show{width:100%;height:50%;min-width:300px!important}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content{color:var(--text-black1-silver);background:var(--compiler-input-bg)!important}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content h1,.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content h2{border:none}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content em{font-style:italic}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content ul{list-style-type:disc}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content ol{list-style-type:decimal}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content tbody,.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content td,.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content th,.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content thead,.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content tr{background:var(--compiler-input-bg)!important;border:1px solid var(--border-gray-black2)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show>.v-show-content-html{color:var(--text-black1-silver);background-color:var(--compiler-input-bg)!important;white-space:pre-wrap!important;font-family:Consolas,ui-monospace,SFMono-Regular,SF Mono,Menlo,Liberation Mono,monospace;font-size:14px;line-height:1.6;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.markdown-editor-page>.compiler-list{display:flex;justify-content:center;margin-top:80px}.markdown-editor-page>.compiler-list>.container{width:90%}.markdown-editor-page>.compiler-list>.container>.compiler-list-header{text-align:center}.markdown-editor-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title{position:relative;display:inline-block;font-size:24px;font-weight:700;background-image:linear-gradient(90deg,#1ca5ed,#12d2af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.markdown-editor-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:after,.markdown-editor-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:before{content:"";position:absolute;top:12px;width:12px;height:12px;border-radius:8px}.markdown-editor-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:before{left:-25px;border:2px solid #1ca5ed}.markdown-editor-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:after{right:-25px;border:2px solid #12d2af}.markdown-editor-page>.compiler-list>.container>.compiler-list-header>.compiler-list-desc{margin-top:20px;line-height:22px;font-size:14px;color:#24cab7}.markdown-editor-page>.compiler-list>.container>ul{display:flex;justify-content:center;flex-wrap:wrap;-moz-column-gap:15px;column-gap:15px;row-gap:15px;margin-top:50px}.markdown-editor-page>.compiler-list>.container>ul>li>a{display:grid;place-items:center;width:40px;height:40px;line-height:40px;font-size:14px;border:1px solid var(--compiler-list-item-border);color:var(--compiler-list-item-text);background-color:var(--compiler-list-item-bg);box-shadow:var(--box-shadow2);border-radius:5px;transition:all .2s linear}.markdown-editor-page>.compiler-list>.container>ul>li>a:hover{transform:scale(1.08)}.markdown-editor-page>.compiler-list>.container>ul>li>a>i{display:block;font-size:24px;color:var(--compiler-list-item-icon-text)}.markdown-editor-page>.compiler-list>.container>ul>li>a>span{display:none}.markdown-editor-page>.compiler-list>.container>ul>li>a.hot{background-color:var(--compiler-list-hot-bg);color:var(--compiler-list-hot-text)}.markdown-editor-page>.compiler-list>.container>ul>li>a.hot>i{color:var(--compiler-list-hot-icon-text)}.markdown-editor-page>.compiler-intro{display:flex;justify-content:center;margin-top:80px}.markdown-editor-page>.compiler-intro>.container{width:calc(100% - 30px);min-height:600px;padding:40px 20px;background-color:var(--bg-white-black2);border:1px solid var(--border-transparent-black2);box-shadow:var(--box-shadow2);border-radius:10px}.markdown-editor-page>.compiler-intro>.container>h2{margin-bottom:30px;font-size:24px;font-weight:700;text-align:center;background-image:var(--gradient-text1-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.markdown-editor-page>.compiler-intro>.container>h3{margin:60px 0 24px;padding-bottom:10px;border-bottom:1px solid var(--article-h2-border);font-size:20px;font-weight:700;background-image:var(--article-h2-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.markdown-editor-page>.compiler-intro>.container>h4{margin-bottom:12px;line-height:30px;font-size:16px;font-weight:700;background-image:var(--article-h3-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.markdown-editor-page>.compiler-intro>.container>h4.large{font-size:20px!important;margin-top:32px!important;margin-bottom:20px!important}.markdown-editor-page>.compiler-intro>.container p{margin-bottom:16px;line-height:30px;font-size:16px}.markdown-editor-page>.compiler-intro>.container kbd,.markdown-editor-page>.compiler-intro>.container p>code{padding:0 5px;color:var(--article-code-text);background-color:var(--article-code-bg);border-radius:2px}.markdown-editor-page>.compiler-intro>.container ul{margin-bottom:16px}.markdown-editor-page>.compiler-intro>.container ul>li{position:relative;padding-left:32px;line-height:32px;font-size:16px}.markdown-editor-page>.compiler-intro>.container ul>li:before{content:"❑";position:absolute;top:0;left:0;width:32px;height:32px;text-align:center;font-size:15px;font-weight:700;color:var(--text-black1-white)}.markdown-editor-page>.compiler-intro>.container ul>li code{padding:0 5px;color:var(--article-code-text);background-color:var(--article-code-bg);border-radius:2px}.markdown-editor-page>.compiler-intro>.container ul strong{background:var(--article-strong-bg);background-repeat:no-repeat;background-position:100% 100%;background-size:100% 10px}.markdown-editor-page>.compiler-intro>.container strong{color:var(--article-strong-text);font-weight:700}.markdown-editor-page>.compiler-intro>.container a{color:var(--article-a-text);background-image:var(--article-a-bg);background-size:0 1px;background-repeat:no-repeat;background-position:100% 100%;transition:background-size .25s linear}.markdown-editor-page>.compiler-intro>.container a:hover{background-size:100% 1px;background-position:0 100%}.markdown-editor-page>.compiler-intro>.container p:has(>img){margin:34px 0 30px;text-align:center}.markdown-editor-page>.compiler-intro>.container p:has(>img)>img{max-width:90%;border-radius:3px;filter:var(--aritlce-img-filter)}.markdown-editor-page>.compiler-intro>.container table{width:100%;margin:24px 0;box-shadow:0 2px 10px #0000001f;border:var(--article-table-border)}.markdown-editor-page>.compiler-intro>.container table>caption{margin-bottom:12px;font-size:16px;font-weight:700;text-align:center;color:var(--text-black1-white)}.markdown-editor-page>.compiler-intro>.container table>thead>tr{font-weight:700;background-color:var(--article-table-thead-bg);color:var(--text-white-white)}.markdown-editor-page>.compiler-intro>.container table>thead>tr>th:first-child{border-top-left-radius:var(--article-table-radius)}.markdown-editor-page>.compiler-intro>.container table>thead>tr>th:last-child{border-top-right-radius:var(--article-table-radius)}.markdown-editor-page>.compiler-intro>.container table>tbody>tr:nth-child(2n){background-color:var(--article-table-tr-bg)}.markdown-editor-page>.compiler-intro>.container table>tbody>tr:last-child>td:first-child{border-bottom-left-radius:var(--article-table-radius)}.markdown-editor-page>.compiler-intro>.container table>tbody>tr:last-child>td:last-child{border-bottom-right-radius:var(--article-table-radius)}.markdown-editor-page>.compiler-intro>.container table>tbody>tr:last-child>td:has(img){padding:20px 0 15px 15px!important}.markdown-editor-page>.compiler-intro>.container table tr{line-height:28px}.markdown-editor-page>.compiler-intro>.container table tr>td,.markdown-editor-page>.compiler-intro>.container table tr>th{padding:5px 10px;word-wrap:break-word;word-break:break-all}.markdown-editor-page>.compiler-intro>.container table tr>td:first-child,.markdown-editor-page>.compiler-intro>.container table tr>th:first-child{width:120px}.markdown-editor-page>.compiler-intro>.container table .icon-yes{color:#3cb371;margin-right:5px}.markdown-editor-page>.compiler-intro>.container table .icon-no{color:#f76757;margin-right:5px}.markdown-editor-page>.compiler-intro>.container .syntax{border-radius:3px}.markdown-editor-page>.compiler-intro>.container .syntax code{padding:16px;margin-bottom:16px;line-height:20px;border-radius:3px;font-size:14px;background-color:var(--article-hljs-bg)}.markdown-editor-page>.compiler-intro>.container .syntax code::-webkit-scrollbar{width:8px!important;height:8px!important}.markdown-editor-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-track{box-shadow:var(--scrollbar-track-box-shadow);border-left:1px solid var(--scrollbar-track-border);background:var(--scrollbar-track-bg)}.markdown-editor-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px!important}.markdown-editor-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.markdown-editor-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-corner{background-color:transparent}@media screen and (min-width:576px){.markdown-editor-page{overflow-x:hidden}.markdown-editor-page>.editor-header>.container{padding:40px 0 30px}.markdown-editor-page>.editor-header>.container>div>a,.markdown-editor-page>.editor-header>.container>div>a>img{width:135px;height:45px}.markdown-editor-page>.editor-header>.container>h1{height:25px;line-height:25px;font-size:16px}.markdown-editor-page>.editor-body{height:calc(100vh - 175px);margin-top:0}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-edit{min-height:300px!important}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show{min-width:300px!important}.markdown-editor-page>.compiler-intro>.container{width:calc(100% - 30px);padding:40px 20px}.markdown-editor-page>.compiler-intro>.container>h2{font-size:24px}.markdown-editor-page>.compiler-intro>.container>h3{font-size:20px}.markdown-editor-page>.compiler-intro>.container p{line-height:30px}.markdown-editor-page>.compiler-intro>.container>p.large{margin:28px 0 16px;font-size:18px}.markdown-editor-page>.compiler-intro>.container .syntax code{font-size:14px}.markdown-editor-page>.compiler-intro>.container table tr>td,.markdown-editor-page>.compiler-intro>.container table tr>th{padding:5px 10px}.markdown-editor-page>.compiler-intro>.container table tr>td:first-child,.markdown-editor-page>.compiler-intro>.container table tr>th:first-child{width:120px}}@media screen and (min-width:768px){.markdown-editor-page>.compiler-intro>.container{padding:40px 30px}}@media screen and (min-width:992px){.markdown-editor-page{padding-bottom:50px}.markdown-editor-page>.editor-body{height:calc(100vh - 190px)}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-op>.v-left-item{border-right:none}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel{display:flex}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-edit{overflow-y:scroll;border-bottom:none;height:100%}.markdown-editor-page>.editor-body>.container>.markdown-body>.v-note-panel>.v-note-show{height:100%}.markdown-editor-page>.compiler-list>.container>ul{-moz-column-gap:24px;column-gap:24px;row-gap:18px}.markdown-editor-page>.compiler-list>.container>ul>li>a{display:flex;width:150px;height:44px;line-height:44px;text-align:center;font-size:16px}.markdown-editor-page>.compiler-list>.container>ul>li>a>i{margin-left:10px}.markdown-editor-page>.compiler-list>.container>ul>li>a>span{display:inline-block;margin-left:10px;font-weight:500}.markdown-editor-page>.compiler-intro>.container{width:900px;padding:45px}.markdown-editor-page>.compiler-intro>.container>h3{line-height:36px}.markdown-editor-page>.compiler-intro>.container>h4{line-height:30px}}@media screen and (min-width:1400px){.markdown-editor-page>.editor-body>.container,.markdown-editor-page>.editor-header>.container{width:90%}.markdown-editor-page>.compiler-list>.container{width:70%}}
