.all-demo pre code.hljs{display:block;overflow-x:auto;padding:1em}.all-demo code.hljs{padding:3px 5px}.all-demo .hljs{color:#fff!important;background:#fafafa}.all-demo .hljs-comment,.all-demo .hljs-quote{color:#a0a1a7!important;font-style:italic}.all-demo .hljs-doctag,.all-demo .hljs-formula,.all-demo .hljs-keyword{color:#a626a4!important}.all-demo .hljs-deletion,.all-demo .hljs-name,.all-demo .hljs-section,.all-demo .hljs-selector-tag,.all-demo .hljs-subst{color:#e45649!important}.all-demo .hljs-literal{color:#0184bb!important}.all-demo .hljs-addition,.all-demo .hljs-attribute,.all-demo .hljs-meta .hljs-string,.all-demo .hljs-regexp,.all-demo .hljs-string{color:#50a14f!important}.all-demo .hljs-attr,.all-demo .hljs-number,.all-demo .hljs-selector-attr,.all-demo .hljs-selector-class,.all-demo .hljs-selector-pseudo,.all-demo .hljs-template-variable,.all-demo .hljs-type,.all-demo .hljs-variable{color:#986801!important}.all-demo .hljs-bullet,.all-demo .hljs-link,.all-demo .hljs-meta,.all-demo .hljs-selector-id,.all-demo .hljs-symbol,.all-demo .hljs-title{color:#4078f2!important}.all-demo .hljs-built_in,.all-demo .hljs-class .hljs-title,.all-demo .hljs-title.class_{color:#c18401!important}.all-demo .hljs-emphasis{font-style:italic}.all-demo .hljs-strong{font-weight:700}.all-demo .hljs-link{text-decoration:underline}.all-demo[data-v-2d7e7a8c]{width:97%;max-width:560px;box-shadow:0 6.34px 15.84px 0 rgba(0,0,0,.05)}.all-demo .demo-center[data-v-2d7e7a8c]{border-radius:8px;overflow:hidden}.all-demo .top[data-v-2d7e7a8c]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#18181b;user-select:none}.all-demo .bottom[data-v-2d7e7a8c]{display:flex;align-items:stretch;justify-content:flex-start}.all-demo .bottom .left[data-v-2d7e7a8c]{padding:14px;background:#18181b;font-size:14px;user-select:none}.all-demo .bottom .right[data-v-2d7e7a8c]{flex:1;background:#18181b}.all-demo .plan-change[data-v-2d7e7a8c]{user-select:none;font-size:13px}.all-demo .plan-change .label[data-v-2d7e7a8c]{font-family:SourceHanSansCN-Regular;font-weight:400;font-size:13px;line-height:100%;color:#fff;margin-bottom:10px}.all-demo .plan-change[data-v-2d7e7a8c] .el-select{width:100%;margin-bottom:20px;font-size:13px;user-select:none}.all-demo .plan-change[data-v-2d7e7a8c] .el-select .el-input__inner{border:1px solid #7a7a88;background:hsla(0,0%,100%,.05);padding-left:15px;height:37px;line-height:37px;color:#fff;font-family:SourceHanSansCN-Regular;font-weight:400;font-size:13px;user-select:none}.all-demo .plan-change[data-v-2d7e7a8c] .el-select .el-input__icon{line-height:37px}.all-demo .main[data-v-2d7e7a8c]{background-color:#1f1f22;border-radius:10px 10px 0 0;padding:14px 14px 0;height:283px;box-sizing:border-box}.all-demo .hljs[data-v-2d7e7a8c]{background-color:#1f1f22;color:#f8f8f2;border-radius:4px;height:100%;overflow-y:auto;font-family:SourceHanSansCN-Regular,sans-serif}.all-demo .hljs[data-v-2d7e7a8c]::-webkit-scrollbar{display:none}.all-demo .pre_box[data-v-2d7e7a8c]{width:100%;box-sizing:border-box;height:180px;background-color:#1f1f22}.all-demo .pre_box .pre_card[data-v-2d7e7a8c]{width:100%;height:100%;position:relative}.all-demo .pre_box .pre_card .code_txt[data-v-2d7e7a8c]{height:100%;overflow-y:auto;position:relative}.all-demo .pre_box .pre_card .copy[data-v-2d7e7a8c]{position:absolute;padding:8px 15px;background:hsla(0,0%,100%,.2);border-radius:99px;bottom:15px;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:SourceHanSansCN-Regular;font-weight:400;font-size:13px;color:#fff;user-select:none}.all-demo pre[data-v-2d7e7a8c]{width:91%;height:100%;margin-top:0;font-size:14px;line-height:19px;word-break:break-word;white-space:pre-wrap;margin-bottom:0;background-color:#1f1f22;color:#fff}.all-demo pre code[data-v-2d7e7a8c]{font-family:SourceHanSansCN-Medium,sans-serif}.all-demo .code-lang[data-v-2d7e7a8c]{display:flex;align-items:center;box-sizing:border-box;padding:14px;justify-content:space-between;overflow-x:auto;background:#18181b}.all-demo .code-lang[data-v-2d7e7a8c]::-webkit-scrollbar{display:none}.all-demo .code-lang .lab_tab[data-v-2d7e7a8c]{font-size:13px;color:#fff;line-height:100%;font-family:SourceHanSansCN-Medium,sans-serif;border-radius:99px;padding:8px 15px;cursor:pointer;background:hsla(0,0%,100%,.05);user-select:none}.all-demo .code-lang .lab_tab.on[data-v-2d7e7a8c],.all-demo .code-lang .lab_tab[data-v-2d7e7a8c]:hover{background:hsla(0,0%,100%,.2)}@media screen and (max-width:650px){.all-demo[data-v-2d7e7a8c]{width:100%}.all-demo .top[data-v-2d7e7a8c]{padding:6px 8px}.all-demo .top img[data-v-2d7e7a8c]:first-child{width:12px;height:auto}.all-demo .top img[data-v-2d7e7a8c]:nth-child(2){width:42px;height:auto}.all-demo .top img[data-v-2d7e7a8c]:last-child{width:19px;height:auto}.all-demo .main[data-v-2d7e7a8c]{padding:8px 8px 0;height:179px}.all-demo .plan-change .label[data-v-2d7e7a8c]{font-size:9px;margin-bottom:6px}.all-demo .plan-change[data-v-2d7e7a8c] .el-select{margin-bottom:13px;font-size:8px}.all-demo .plan-change[data-v-2d7e7a8c] .el-select .el-input__inner{padding-left:9px;font-size:8px;height:23px;line-height:23px}.all-demo .plan-change[data-v-2d7e7a8c] .el-select .el-input__icon{line-height:23px}.all-demo .pre_box[data-v-2d7e7a8c]{height:102px}.all-demo .pre_box .pre_card .copy[data-v-2d7e7a8c]{padding:5px 9px;font-size:8px;bottom:8px}.all-demo pre[data-v-2d7e7a8c]{font-size:8.21px;line-height:140%}.all-demo .bottom .left[data-v-2d7e7a8c]{font-size:8px;padding:8px}.all-demo .bottom .left img[data-v-2d7e7a8c]{width:9px;height:auto}.all-demo .code-lang[data-v-2d7e7a8c]{padding:9px}.all-demo .code-lang .lab_tab[data-v-2d7e7a8c]{padding:5px 9px;font-size:8px}}