@charset "UTF-8";html,
body {
  background-color: var(--bl-html-color);
  overflow: hidden;
}

* {
  font-family: 'Jetbrains Mono', sans-serif;
  box-sizing: border-box;
  user-select: none;
}

img {
  pointer-events: none;
}

/*
 用于 iconfont symbol 方式 icon 的基础样式 
 {@link @renderer/assets/iconfont/blossom}
 {@link @renderer/assets/iconfont/tech}
*/
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/** ================================== 滚动条 ================================== */
/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar {
  /* 滚动条宽度 */
  width: 5px;
  /* 滚动条高度 */
  height: 5px;
}

::-webkit-scrollbar:hover {
  width: 5px;
  height: 5px;
}

/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--bl-scrollbar-color);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--bl-scrollbar-color-hover);
}

/* 解决滚动条右下角出现白色方块 */
::-webkit-scrollbar-corner {
  background: transparent;
}

::selection {
  background: var(--el-color-primary-light-7) !important;
}
@font-face {
  font-family: "iconbl"; /* Project id 4118609 */
  src: url('./iconfont-Dd_u90oL.woff2?t=1712427980711') format('woff2'),
       url('./iconfont-DT1otv0g.woff?t=1712427980711') format('woff'),
       url('./iconfont-CcspggEX.ttf?t=1712427980711') format('truetype');
}

.iconbl {
  font-family: "iconbl" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bl-collimation:before {
  content: "\e62c";
}

.bl-search-item:before {
  content: "\e753";
}

.bl-fileadd-line:before {
  content: "\e659";
}

.bl-folderadd-line:before {
  content: "\ea51";
}

.bl-collapse:before {
  content: "\e60e";
}

.bl-brush-line:before {
  content: "\ea4f";
}

.bl-a-morevertical-line:before {
  content: "\ea50";
}

.bl-scroll:before {
  content: "\e610";
}

.bl-and:before {
  content: "\e71b";
}

.bl-wuneirong:before {
  content: "\e6a7";
}

.bl-enter:before {
  content: "\e65a";
}

.bl-blog:before {
  content: "\e7c6";
}

.bl-caution-line:before {
  content: "\ea4c";
}

.bl-a-picturecracked-line:before {
  content: "\ea4b";
}

.bl-xiaoxie:before {
  content: "\e603";
}

.bl-daxie:before {
  content: "\e601";
}

.bl-left-line:before {
  content: "\ea49";
}

.bl-array-line:before {
  content: "\e9d7";
}

.bl-article-line:before {
  content: "\ea47";
}

.bl-visit:before {
  content: "\e637";
}

.bl-a-boxsubtract-line:before {
  content: "\ea4d";
}

.bl-a-boxaddition-line:before {
  content: "\ea4e";
}

.bl-heat-map:before {
  content: "\e65f";
}

.bl-Heatmap:before {
  content: "\e63f";
}

.bl-heatmap:before {
  content: "\e600";
}

.bl-check:before {
  content: "\e6b8";
}

.bl-statistic-line:before {
  content: "\ea48";
}

.bl-win-reset:before {
  content: "\e602";
}

.bl-pen:before {
  content: "\e921";
}

.bl-computer-line:before {
  content: "\ea46";
}

.bl-a-boxchoice-line:before {
  content: "\e9d8";
}

.bl-a-boxdownload-line:before {
  content: "\ea4a";
}

.bl-fanqiezhong:before {
  content: "\e618";
}

.bl-file-markdown:before {
  content: "\e7b9";
}

.bl-HTML:before {
  content: "\e87d";
}

.bl-archive-line:before {
  content: "\e60f";
}

.bl-file-zip-line:before {
  content: "\e66a";
}

.bl-file-download-line:before {
  content: "\e65e";
}

.bl-file-upload-line:before {
  content: "\e666";
}

.bl-folder-download-line:before {
  content: "\e66b";
}

.bl-download--line:before {
  content: "\e701";
}

.bl-qr-code-line:before {
  content: "\e719";
}

.bl-upload--line:before {
  content: "\e72e";
}

.bl-a-statisticalviewpiechart2-line:before {
  content: "\ea2e";
}

.bl-a-statisticalviewpiechart3-line:before {
  content: "\ea2f";
}

.bl-github:before {
  content: "\e72a";
}

.bl-a-archivecatalogue-line:before {
  content: "\e9d6";
}

.bl-a-labellist-line:before {
  content: "\ea2d";
}

.bl-correlation-line:before {
  content: "\ea25";
}

.bl-a-relation1-line:before {
  content: "\ea28";
}

.bl-a-relation2-line:before {
  content: "\ea2b";
}

.bl-a-relation3-line:before {
  content: "\ea2c";
}

.bl-a-pageadd-line:before {
  content: "\ea22";
}

.bl-a-pagelevel-line:before {
  content: "\ea23";
}

.bl-a-templatelist2-line:before {
  content: "\ea45";
}

.bl-a-colorpalette-line:before {
  content: "\ea1b";
}

.bl-date-line:before {
  content: "\ea24";
}

.bl-a-packageadd-line:before {
  content: "\ea26";
}

.bl-a-templateadd-line:before {
  content: "\ea44";
}

.bl-a-addline-line:before {
  content: "\e9d4";
}

.bl-a-leftdirection-line:before {
  content: "\ea17";
}

.bl-record-line:before {
  content: "\ea19";
}

.bl-send-line:before {
  content: "\ea21";
}

.bl-a-IDcardfront-line:before {
  content: "\ea14";
}

.bl-note-line:before {
  content: "\ea15";
}

.bl-reader-line:before {
  content: "\ea16";
}

.bl-a-barcode-line:before {
  content: "\e9d5";
}

.bl-folding-line:before {
  content: "\ea13";
}

.bl-refresh-smile:before {
  content: "\e64f";
}

.bl-sendmail-line:before {
  content: "\ea20";
}

.bl-a-historicalrecord-line:before {
  content: "\ea12";
}

.bl-books-line:before {
  content: "\ea10";
}

.bl-a-cloudstorage-line:before {
  content: "\ea0f";
}

.bl-sd-line:before {
  content: "\ea1a";
}

.bl-a-texteditorstickup-line:before {
  content: "\ea43";
}

.bl-calendar-line:before {
  content: "\e9db";
}

.bl-a-folderset-line:before {
  content: "\ea0e";
}

.bl-delete-line:before {
  content: "\e9e1";
}

.bl-a-online-line:before {
  content: "\ea0b";
}

.bl-problem-line:before {
  content: "\ea0c";
}

.bl-a-radiochoose-line:before {
  content: "\ea0d";
}

.bl-a-rightto-line:before {
  content: "\ea11";
}

.bl-switch-line:before {
  content: "\ea40";
}

.bl-a-underline-line:before {
  content: "\ea41";
}

.bl-a-doubleunderline-line:before {
  content: "\ea09";
}

.bl-a-doubleonline-line:before {
  content: "\ea0a";
}

.bl-a-texteditorback-line:before {
  content: "\ea3a";
}

.bl-a-texteditorsuperscript-line:before {
  content: "\ea3b";
}

.bl-a-texteditorsubscript-line:before {
  content: "\ea3c";
}

.bl-a-texteditorforward-line:before {
  content: "\ea3e";
}

.bl-a-underbox-line:before {
  content: "\ea3f";
}

.bl-a-icon_jiandaojianqie:before {
  content: "\e650";
}

.bl-jianpan-xianxing:before {
  content: "\e8ce";
}

.bl-admonish-line:before {
  content: "\e9d2";
}

.bl-a-eyeclose-line:before {
  content: "\ea01";
}

.bl-a-fileadd-fill:before {
  content: "\ea02";
}

.bl-a-listview-line:before {
  content: "\ea08";
}

.bl-login-circle-line:before {
  content: "\e70e";
}

.bl-logout-circle-line:before {
  content: "\e71a";
}

.bl-a-Securitypermissions-line:before {
  content: "\ea1e";
}

.bl-a-servercloud-line:before {
  content: "\ea1f";
}

.bl-user-line:before {
  content: "\ea3d";
}

.bl-effect-line:before {
  content: "\e9e3";
}

.bl-expansion-line:before {
  content: "\e9ec";
}

.bl-eye-line:before {
  content: "\e9ee";
}

.bl-a-Informationquestions-line:before {
  content: "\e9ff";
}

.bl-like-line:before {
  content: "\e9fe";
}

.bl-read-line:before {
  content: "\ea07";
}

.bl-search-line:before {
  content: "\ea1c";
}

.bl-a-texteditorpastetext-line:before {
  content: "\ea37";
}

.bl-transcript-line:before {
  content: "\ea38";
}

.bl-transcript-fill:before {
  content: "\ea39";
}

.bl-a-computerend-line:before {
  content: "\e9fd";
}

.bl-cloud-fill:before {
  content: "\e9e4";
}

.bl-a-lowerrightpage-line:before {
  content: "\e9f9";
}

.bl-a-lowerrightpage-fill:before {
  content: "\e9fa";
}

.bl-model-fill:before {
  content: "\e9fb";
}

.bl-model-line:before {
  content: "\e9fc";
}

.bl-a-filetext-line:before {
  content: "\e9f7";
}

.bl-a-folderon-line:before {
  content: "\e9f8";
}

.bl-a-linkspread-line:before {
  content: "\e9f6";
}

.bl-planet-line:before {
  content: "\ea05";
}

.bl-a-qrcode1-line:before {
  content: "\ea06";
}

.bl-a-filechoose-line:before {
  content: "\e9f1";
}

.bl-a-filehistory-line:before {
  content: "\e9f2";
}

.bl-a-filelink-line:before {
  content: "\e9f3";
}

.bl-a-fileswitch-line13:before {
  content: "\e9f4";
}

.bl-a-fileseal-line:before {
  content: "\e9f5";
}

.bl-a-clock3-line:before {
  content: "\e9e5";
}

.bl-a-fileadd-line:before {
  content: "\e9e6";
}

.bl-a-filecycle-line:before {
  content: "\e9e7";
}

.bl-a-fileedit-line:before {
  content: "\e9e8";
}

.bl-a-filemedal-line:before {
  content: "\e9e9";
}

.bl-a-fileprohibit-line:before {
  content: "\e9ea";
}

.bl-a-filesend-line:before {
  content: "\e9eb";
}

.bl-a-fileminus-line:before {
  content: "\e9ef";
}

.bl-a-filestar-line:before {
  content: "\e9f0";
}

.bl-pen-line:before {
  content: "\ea03";
}

.bl-sendmail-fill:before {
  content: "\ea1d";
}

.bl-star-fill:before {
  content: "\ea29";
}

.bl-star-line:before {
  content: "\ea2a";
}

.bl-a-switchoff-line:before {
  content: "\ea35";
}

.bl-a-switchon-line:before {
  content: "\ea36";
}

.bl-a-rightsmallline-line:before {
  content: "\ea99";
}

.bl-add-line:before {
  content: "\e9d3";
}

.bl-a-cloudrefresh-line:before {
  content: "\e9e2";
}

.bl-right-line:before {
  content: "\ec14";
}

.bl-tally-line:before {
  content: "\ea31";
}

.bl-a-texteditorsave-line:before {
  content: "\ea34";
}

.bl-adhibition-line:before {
  content: "\e9d1";
}

.bl-wifi-line:before {
  content: "\ea42";
}

.bl-a-clouddownload-line:before {
  content: "\e9dc";
}

.bl-a-cloudchoose-line:before {
  content: "\e9dd";
}

.bl-cloud-line:before {
  content: "\e9de";
}

.bl-a-cloudupload-line:before {
  content: "\e9e0";
}

.bl-task-line:before {
  content: "\e675";
}

.bl-layout-column-line:before {
  content: "\e638";
}

.bl-bold:before {
  content: "\e678";
}

.bl-italic:before {
  content: "\e679";
}

.bl-heading:before {
  content: "\e67a";
}

.bl-indent-increase:before {
  content: "\e67b";
}

.bl-double-quotes-r:before {
  content: "\e67c";
}

.bl-list-unordered:before {
  content: "\e67d";
}

.bl-link-m:before {
  content: "\e67e";
}

.bl-indent-decrease:before {
  content: "\e67f";
}

.bl-separator:before {
  content: "\e680";
}

.bl-list-ordered:before {
  content: "\e681";
}

.bl-code-view:before {
  content: "\e682";
}

.bl-strikethrough:before {
  content: "\e683";
}

.bl-single-quotes-r:before {
  content: "\e684";
}

.bl-table-:before {
  content: "\e685";
}

.bl-image--line:before {
  content: "\e6d3";
}

.bl-apps-line:before {
  content: "\e6ed";
}

.bl-refresh-line:before {
  content: "\e713";
}

.bl-copy-line:before {
  content: "\e9df";
}

.bl-bug-line:before {
  content: "\e9da";
}

.bl-shrink-line:before {
  content: "\ea27";
}

.bl-subtract-line:before {
  content: "\ea30";
}

.bl-box-line:before {
  content: "\e9d9";
}

.bl-a-closeline-line:before {
  content: "\e2ec";
}

.bl-a-home1-line:before {
  content: "\e9ed";
}

.bl-a-package2-line:before {
  content: "\ea00";
}

.bl-picture-line:before {
  content: "\ea04";
}

.bl-a-texteditorhighlightcolor-line:before {
  content: "\ea32";
}

.bl-tier-line:before {
  content: "\ea33";
}


@font-face {
  font-family: "Jetbrains Mono";
  src: url("./JetBrainsMono-Bold-D4WEaHbo.woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Jetbrains Mono";
  src: url("./JetBrainsMono-Medium-3S3k2nMz.woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Jetbrains Mono";
  src: url("./JetBrainsMono-Regular-BQaDgvhP.woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Jetbrains Mono";
  src: url("./JetBrainsMono-Light-Bgq2Dg64.woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Jetbrains Mono";
  src: url("./JetBrainsMono-ExtraLight-C7N-6bva.woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Jetbrains Mono";
  src: url("./JetBrainsMono-Thin-BhSco1Ve.woff2");
  font-weight: 100;
  font-style: normal;
}
.keyboard {
  color: #666;
  background: #f1f1f1;
  border: 2px solid;
  border-color: #f1f1f1;
  border-radius: "0";
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 10px;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  box-shadow: inset 0 0 20px white, 0 3px 0 #b1b1b1, 0 4px 0 1px #7e7e7e, 0 7px 5px #a5a5a5;
}
[class=dark] .keyboard {
  color: #666;
}
[class=dark] .keyboard {
  background: #383838;
}
[class=dark] .keyboard {
  border-color: #424242;
}
[class=dark] .keyboard {
  box-shadow: inset 0 0 20px #000000, 0 3px 0 #272727, 0 4px 0 1px #121212, 0 7px 5px #252525;
}
.keyboard.small {
  padding: 0 3px;
  font-size: 10px;
  font-weight: 300;
  box-shadow: inset 0 0 20px white, 0 2px 0 #b1b1b1, 0 2px 0 1px #7e7e7e, 0 5px 4px #a5a5a5;
}
[class=dark] .keyboard.small {
  box-shadow: inset 0 0 20px #000000, 0 2px 0 #272727, 0 3px 0 1px #121212, 0 5px 4px #252525;
}
.quick-tags-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.quick-tags-container .quick-tags-placeholder {
  color: var(--bl-text-color-light);
}
.quick-tags-container .quick-tag {
  font-size: 11px;
  font-weight: 300;
  line-height: 14px;
  height: 16px;
  padding: 1px 4px;
  margin: 3px;
  border: 1px solid var(--el-border-color);
  border-radius: 2px;
  cursor: pointer;
  transition: border 0.3s;
}
.quick-tags-container .quick-tag:hover {
  border: 1px solid var(--el-color-primary);
}
.quick-tags-container .quick-tag.selected {
  box-shadow: 2px 2px 3px 0 #bbbbbb;
  color: var(--bl-html-color);
  border: 1px solid var(--el-color-primary);
  background-color: var(--el-color-primary);
}
[class=dark] .quick-tags-container .quick-tag.selected {
  box-shadow: 1px 2px 10px 1px #0a0a0a;
}
.bl-tag {
  box-shadow: 2px 2px 3px 0 #bbbbbb;
  line-height: 14px;
  padding: 1px 4px;
  margin: 3px;
  font-size: 11px;
  color: var(--bl-html-color);
  background-color: var(--el-color-primary);
  border-radius: 4px;
  text-align: left;
}
[class=dark] .bl-tag {
  box-shadow: 1px 2px 10px 1px #0a0a0a;
}
.blockquote-yellow {
  margin: 0;
  padding: 3px 5px;
  border-radius: 4px;
  background-color: var(--bl-preview-blockquote-bg-yellow);
}
.el-checkbox .el-checkbox__input .el-checkbox__inner {
  transition: none;
}
.el-checkbox .el-checkbox__input .el-checkbox__inner::after {
  transition: none;
}
.el-dialog {
  --el-dialog-border-radius: 8px !important;
  --el-dialog-padding-primary: 10px 0 0 0 !important;
  --el-dialog-bg-color: var(--bl-dialog-bg-color) !important;
  --el-dialog-box-shadow: var(--bl-dialog-box-shadow) !important;
}
.bl-dialog-draggable-header {
  --el-dialog-padding-primary: 0 !important;
}
.bl-dialog-draggable-header .el-dialog__header {
  height: 10px;
}
.bl-dialog-bigger-headerbtn .el-dialog__headerbtn {
  height: 30px;
  width: 30px;
  font-size: 20px;
}
.bl-dialog-hidden-header .el-dialog__header {
  display: none !important;
}
.bl-dialog-hidden-header .el-dialog__headerbtn {
  display: none;
}
.bl-dialog-fixed-body .el-dialog__body {
  height: calc(100% - 10px);
}
.bl-dialog-hidden-header-fixed-body .el-dialog__header {
  display: none !important;
}
.bl-dialog-hidden-header-fixed-body .el-dialog__headerbtn {
  display: none;
}
.bl-dialog-hidden-header-fixed-body .el-dialog__body {
  height: 100%;
}
.el-dropdown .el-tooltip__trigger:focus-visible {
  outline: none;
}
.el-image .el-image__inner {
  pointer-events: all;
}
.el-message {
  box-shadow: 3px 3px 10px 1px rgb(191, 191, 191);
  color: #a4a8b0;
  padding: 10px 10px !important;
  border: 3px;
}
[class=dark] .el-message {
  box-shadow: 3px 3px 10px 1px #000;
}
[class=dark] .el-message {
  color: #64666b;
}
.el-message--success {
  background: #f7f7f7;
  --el-message-bg-color: var(--bl-html-color) !important;
  border: 0 !important;
}
[class=dark] .el-message--success {
  background: #1e1e1e;
}
.el-notification {
  word-wrap: break-word;
  word-break: break-all;
  border: 2px solid var(--el-color-primary-light-5) !important;
}
.el-popper.is-blossomt .el-popper__arrow::before {
  background: linear-gradient(0deg, #9fa5e4, #87abcf);
  right: 0;
}
[class=dark] .el-popper.is-blossomt .el-popper__arrow::before {
  background: linear-gradient(90deg, #899911, #a38c51);
}
.el-popper.is-blossomb, .el-popper.is-blossomr, .el-popper.is-blossomt {
  background: linear-gradient(90deg, #ad8cf2, #7fbeff);
  text-shadow: 2px 4px 5px rgb(107, 104, 104);
  box-shadow: 2px 3px 7px 2px rgba(49, 49, 49, 0.3);
  color: #fff;
  font-weight: bold;
  padding: 6px 12px;
}
[class=dark] .el-popper.is-blossomb, [class=dark] .el-popper.is-blossomr, [class=dark] .el-popper.is-blossomt {
  background: linear-gradient(90deg, #899911, #b98b17);
}
[class=dark] .el-popper.is-blossomb, [class=dark] .el-popper.is-blossomr, [class=dark] .el-popper.is-blossomt {
  text-shadow: 2px 4px 5px rgb(62, 62, 62);
}
[class=dark] .el-popper.is-blossomb, [class=dark] .el-popper.is-blossomr, [class=dark] .el-popper.is-blossomt {
  box-shadow: 2px 3px 7px 2px rgb(0, 0, 0);
}
.el-popper.is-blossomb .el-popper__arrow::before, .el-popper.is-blossomr .el-popper__arrow::before, .el-popper.is-blossomt .el-popper__arrow::before {
  background: linear-gradient(90deg, #9fa5e4, #87abcf);
  right: 0;
}
[class=dark] .el-popper.is-blossomb .el-popper__arrow::before, [class=dark] .el-popper.is-blossomr .el-popper__arrow::before, [class=dark] .el-popper.is-blossomt .el-popper__arrow::before {
  background: linear-gradient(90deg, #899911, #a38c51);
}
.el-popper.is-blossomr .el-popper__arrow::before {
  background: linear-gradient(0deg, #ad8cf2, #ad8cf2);
  right: 0;
}
[class=dark] .el-popper.is-blossomr .el-popper__arrow::before {
  background: linear-gradient(90deg, #899911, #899911);
}
.el-popper.is-light {
  box-shadow: 1px 3px 10px #dedede;
  color: var(--bl-text-doctree-color);
}
[class=dark] .el-popper.is-light {
  box-shadow: 1px 3px 10px #000000;
}
.el-popper.el-picker__popper .el-date-picker {
  width: 260px;
}
.el-popper.el-picker__popper .el-date-picker .el-date-picker__header {
  margin: 3px 12px;
}
.el-popper.el-picker__popper .el-date-picker .el-date-picker__header .el-date-picker__header-label {
  font-size: 14px;
}
.el-popper.el-picker__popper .el-date-picker .el-picker-panel__content {
  width: 230px;
  margin: 3px 15px;
}
.el-popper.el-picker__popper .el-date-picker .el-picker-panel__content th {
  padding: 0;
}
.el-popper.el-picker__popper .el-date-picker .el-picker-panel__content td .cell {
  width: 44px;
  border-radius: 4px;
}
.el-popper.el-picker__popper .el-date-picker .el-picker-panel__content .el-year-table td {
  width: auto;
  padding: 7px 0;
}
.el-popper.el-picker__popper .el-date-picker .el-picker-panel__content .el-month-table td {
  width: auto;
  padding: 1px 0;
}
.el-popper.el-picker__popper .el-date-picker .el-picker-panel__content .el-date-table td {
  width: auto;
  padding: 2px 0;
}
.el-popper.el-picker__popper .el-date-picker .el-picker-panel__content .current .el-date-table-cell__text {
  border-radius: 4px;
}
.el-popper.el-picker__popper .el-date-range-picker {
  width: 560px;
}
.el-popper.el-picker__popper .el-date-range-picker .el-date-range-picker__content {
  padding: 5px;
}
.el-popper.el-picker__popper .el-date-range-picker .el-date-range-picker__content .start-date .el-date-table-cell__text,
.el-popper.el-picker__popper .el-date-range-picker .el-date-range-picker__content .end-date .el-date-table-cell__text {
  border-radius: 4px;
}
.el-popper.el-select__popper .el-select-dropdown .el-select-dropdown__list {
  padding: 3px 0;
}
.el-popper.el-select__popper .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  height: 25px;
  line-height: 25px;
}
.el-popper.is-small {
  padding: 0 8px;
  box-shadow: 1px 1px 3px #f4f4f4;
  transition: none;
}
.el-popper.is-small .el-popper__arrow {
  display: none;
}
.bl-tip {
  display: inline-block;
  position: relative;
  /*bottom*/
}
.bl-tip:before, .bl-tip:after {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1000;
  transition: 0.1s ease;
}
.bl-tip:before {
  content: "";
  border: 6px solid transparent;
}
.bl-tip:after {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5019607843);
  content: attr(data-tip);
  color: #fff;
  background-color: var(--el-color-primary);
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5019607843);
  padding: 5px;
  white-space: nowrap;
  border-radius: 4px;
}
[class=dark] .bl-tip:after {
  box-shadow: 5px 5px 5px #000000;
}
.bl-tip:hover:before, .bl-tip:hover:after {
  opacity: 1;
  /*鼠标放上时透明度为完全显示*/
  visibility: visible;
  z-index: 1000;
}
.bl-tip-bottom:before {
  top: 100%;
  left: 25%;
  margin-left: 10px;
  margin-top: -9px;
  border-bottom-color: var(--el-color-primary);
}
.bl-tip-bottom:after {
  top: 100%;
  left: 20%;
  margin-left: -10px;
  margin-top: 3px;
}
.bl-tip-bottom:hover:before {
  margin-top: -3px;
}
.bl-tip-bottom:hover:after {
  margin-top: 9px;
}
.el-tree .el-tree-node .el-tree-node__content {
  height: 20px;
}
/*
文档菜单右键菜单样式
*/
.tree-menu {
  width: 170px;
  height: auto;
  background: #f9f9f9;
  box-shadow: 2px 2px 5px 1px rgba(49, 49, 49, 0.2);
  position: fixed;
  z-index: 2002;
  border-radius: 5px;
  font-size: 12px;
}
[class=dark] .tree-menu {
  background: #333434;
}
[class=dark] .tree-menu {
  box-shadow: 2px 3px 7px 2px #0f0f0f;
}
.tree-menu .doc-name {
  font-size: 13px;
  padding: 5px 10px;
  color: var(--el-color-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tree-menu .menu-content {
  margin: 0;
  color: var(--bl-text-color);
  border-top: 1px solid var(--el-border-color);
  padding: 5px 0;
}
.tree-menu .menu-content > div,
.tree-menu .menu-content .menu-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 0.9;
  padding: 5px 5px 5px 10px;
  margin: 0 5px 5px 5px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.tree-menu .menu-content > div .iconbl,
.tree-menu .menu-content .menu-item .iconbl {
  margin-right: 5px;
}
.tree-menu .menu-content > div .bl-a-rightsmallline-line,
.tree-menu .menu-content .menu-item .bl-a-rightsmallline-line {
  position: absolute;
  right: -2px;
}
.tree-menu .menu-content > div .bl-pen,
.tree-menu .menu-content .menu-item .bl-pen {
  font-size: 13px;
  margin-right: 8px;
}
.tree-menu .menu-content > div:hover,
.tree-menu .menu-content .menu-item:hover {
  background: var(--el-color-primary-light-8);
}
.tree-menu .menu-content > div:hover .tree-menu-level2,
.tree-menu .menu-content .menu-item:hover .tree-menu-level2 {
  display: block;
  position: absolute;
  left: 160px;
}
.tree-menu .menu-content > div:last-child,
.tree-menu .menu-content .menu-item:last-child {
  margin-bottom: 0;
}
.tree-menu .menu-content .menu-item-divider {
  height: 1px;
  border-bottom: 1px solid var(--el-border-color);
  margin: 0 0 5px 0;
  padding: 0;
}
.tree-menu-level2 {
  width: 170px;
  height: auto;
  background: #f9f9f9;
  box-shadow: 2px 2px 5px 1px rgba(49, 49, 49, 0.2);
  position: fixed;
  border-radius: 5px;
  font-size: 12px;
  padding: 5px 0;
  display: none;
  z-index: 2002;
}
[class=dark] .tree-menu-level2 {
  background: #333434;
}
[class=dark] .tree-menu-level2 {
  box-shadow: 2px 3px 7px 2px #0f0f0f;
}
.tree-menu-level2:hover {
  display: block;
}
.tree-menu-level2 > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 0.9;
  padding: 5px 5px 5px 10px;
  margin: 0 5px 5px 5px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.tree-menu-level2 > div .iconbl {
  margin-right: 5px;
}
.tree-menu-level2 > div:hover {
  background: var(--el-color-primary-light-8);
}
.tree-menu-level2 > div:last-child {
  margin-bottom: 0;
}.app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.app .app-main {
  width: 100%;
  height: 100%;
}.index-user-root[data-v-58af077d] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 5px;
  cursor: pointer;
}
.index-user-root .avatar-img[data-v-58af077d] {
  width: 50px;
  height: 50px;
  box-shadow: 2px 4px 7px rgba(49, 49, 49, 0.4);
  border: 2px solid;
  border-color: var(--el-color-primary);
  border-radius: 5px;
  filter: brightness(100%);
  object-fit: cover;
}
[class=dark] .index-user-root .avatar-img[data-v-58af077d] {
  box-shadow: 2px 2px 5px rgb(0, 0, 0);
}
[class=dark] .index-user-root .avatar-img[data-v-58af077d] {
  border-color: var(--el-color-primary-light-5);
}
[class=dark] .index-user-root .avatar-img[data-v-58af077d] {
  filter: brightness(80%);
}
.index-user-root .avatar-img.simple[data-v-58af077d] {
  width: 30px;
  height: 30px;
}.aside-upload-root[data-v-dd6a3025] {
  width: 100%;
  height: 100px;
  color: var(--el-color-primary);
  padding: 5px;
}
.aside-upload-root[data-v-dd6a3025] .el-upload {
  width: 100%;
  height: 100%;
  --el-upload-dragger-padding-horizontal: 20px;
  --el-upload-dragger-padding-vertical: 3px;
  --el-fill-color-blank: var(--el-color-primary-light-9);
  --el-border-color: var(--el-color-primary-light-3);
  color: var(--el-color-primary-light-5);
}
.aside-upload-root[data-v-dd6a3025] .el-upload :deep(svg) {
  transition: 0.3s;
}
.aside-upload-root[data-v-dd6a3025] .el-upload :hover {
  color: var(--el-color-primary);
}.index-setting-root[data-v-112daf42] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 65px;
  padding: 5px;
}
.index-setting-root .setting-switch[data-v-112daf42] {
  margin-bottom: 5px;
  --el-switch-off-color: var(--el-color-primary-light-9);
}
.index-setting-root .setting-switch[data-v-112daf42] .el-switch__core {
  border-radius: 4px;
}
.index-setting-root .setting-switch[data-v-112daf42] .el-switch__action {
  border-radius: 4px;
}
.index-setting-root .setting-button[data-v-112daf42] {
  padding: 5px;
  font-size: 14px;
}
.index-setting-root .setting-button[data-v-112daf42] .el-button--small {
  margin: 0;
}
.index-setting-root.simple[data-v-112daf42] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 145px;
}
.index-setting-root.simple .setting-switch.simple[data-v-112daf42] {
  transform: rotate(90deg);
  margin-bottom: 16px;
}
.index-setting-root.simple .button-group-simple[data-v-112daf42] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  margin-bottom: 5px;
}
.index-setting-root.simple .button-group-simple .el-button--small[data-v-112daf42] {
  padding: 15px 5px;
}.dialog-system-setting .el-dialog__header {
  border-bottom: 1px solid var(--el-border-color);
  padding: 15px;
  margin: 0;
}
.dialog-system-setting .el-dialog__body {
  padding: 10px 0 0 0;
}
.dialog-ps-upload {
  position: absolute !important;
  left: 80px;
  bottom: 80px;
  margin: 0 !important;
}
.dialog-ps-upload .el-dialog__header {
  border-bottom: 1px solid var(--el-border-color);
  padding: 5px 10px;
  margin: 0;
}
.dialog-ps-upload .el-dialog__header .el-dialog__headerbtn {
  height: 25px;
  width: 30px;
}
.dialog-ps-upload .el-dialog__body {
  padding: 0;
}
.dialog-ps-upload .el-dialog__body .ps-upload-root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
}
.dialog-ps-upload .el-dialog__body .ps-upload-root .el-image {
  width: 100%;
  height: 150px;
  border: 10px solid var(--el-color-primary-light-5);
}
.dialog-ps-upload .el-dialog__body .ps-upload-root .el-image .img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--bl-text-color-light);
}
.dialog-ps-upload .el-dialog__body .ps-upload-root .el-image .img-placeholder div {
  margin-top: 5px;
}
.dialog-ps-upload .el-dialog__body .ps-upload-root .copy-type-desc {
  color: var(--el-color-primary);
  font-style: italic;
  text-decoration: underline;
}
.dialog-ps-upload .el-dialog__body .ps-upload-root .bl-row-root {
  margin-top: 5px;
  padding: 5px;
}.logo-root[data-v-76566080] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 80px;
}
.logo-root .logo-img[data-v-76566080] {
  width: 60px;
  height: 58px;
  filter: var(--bl-drop-shadow-star);
  padding: 5px;
}
.logo-root .project-name[data-v-76566080] {
  font-size: 12px;
  font-weight: 700;
  text-shadow: var(--bl-text-shadow);
  width: 100%;
  color: var(--el-color-primary);
  text-align: center;
  letter-spacing: 0;
}.theme-setting-root {
  width: 440px;
  height: auto;
  background-color: var(--bl-dialog-bg-color);
  box-shadow: var(--bl-dialog-box-shadow);
  border-radius: 8px;
  position: absolute;
  right: 100px;
  top: 100px;
  z-index: 3000;
  overflow: hidden;
}
.theme-setting-root .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px;
  border-bottom: 1px solid var(--el-border-color);
  color: var(--bl-text-title-color);
  cursor: move;
}
.theme-setting-root .title .bl-a-closeline-line {
  cursor: pointer;
}
.theme-setting-root .title .bl-a-closeline-line:hover {
  color: var(--el-primary0);
}
.theme-setting-root .content {
  padding: 10px 0 10px 10px;
}
.theme-setting-root .content .tabs {
  width: 100%;
}
.theme-setting-root .content .prop-name {
  font-size: 14px;
  font-weight: 300;
  color: var(--bl-text-color);
}
.theme-setting-root .content .colors {
  padding: 10px 0 20px 10px;
  align-content: flex-start;
  flex-wrap: wrap;
}
.theme-setting-root .content .colors .el-color-picker--small {
  margin: 0 10px 10px 0;
}
.theme-setting-root .content .colors .color-item {
  width: 24px;
  height: 24px;
  margin: 0 10px 10px 0;
  border-radius: 4px;
  position: relative;
  transition: transform 0.3s;
  cursor: pointer;
  text-align: center;
}
.theme-setting-root .content .colors .color-item .name {
  font-size: 13px;
  font-weight: 300;
  color: #323232;
  word-break: keep-all;
  bottom: -20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 20px);
  transition: opacity 0.4s;
  opacity: 0;
  pointer-events: none;
}
[class=dark] .theme-setting-root .content .colors .color-item .name {
  color: #fff;
}
.theme-setting-root .content .colors .color-item:hover .name {
  opacity: 1;
}
.theme-setting-root .content .desc {
  font-size: 13px;
  font-weight: 300;
  color: var(--bl-text-color);
  margin-top: 30px;
}
.theme-setting-root .content .desc div {
  margin-bottom: 3px;
}
.theme-setting-root .content .desc a {
  color: var(--el-color-primary);
}
.theme-setting-root .prop-row {
  margin-bottom: 10px;
}
.theme-setting-root .prop-row .prop {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
}
.theme-setting-root .prop-row .el-input {
  width: 80px;
}
.theme-setting-root .prop-row .el-switch {
  height: 24px;
}
.theme-color-picker {
  z-index: 3001 !important;
  margin: 0 10px 10px 0;
}.index-aside-root[data-v-796893c5] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.index-aside-root .item-logo[data-v-796893c5] {
  width: 100%;
  height: 95px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: var(--bl-html-color);
}
.index-aside-root .aside-item-container[data-v-796893c5] {
  width: 100%;
  height: calc(100% - 105px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-top-right-radius: 10px;
  background-color: var(--bl-bg-color);
}
.index-aside-root .aside-item-container .aside-item[data-v-796893c5] {
  width: 100%;
  overflow: hidden;
}
.index-aside-root .aside-item-container .item-menu-container[data-v-796893c5] {
  width: 100%;
  height: calc(100% - 100px - 65px - 68px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: #909399;
  padding-top: 7px;
  border-top-right-radius: 10px;
}
[class=dark] .index-aside-root .aside-item-container .item-menu-container[data-v-796893c5] {
  color: #a3a6ad;
}
.index-aside-root .aside-item-container .item-menu-container .is-active[data-v-796893c5] {
  background: var(--el-color-primary-light-5);
  color: #ffffff;
}
.index-aside-root .aside-item-container .item-menu-container .active-shadow-heavy[data-v-796893c5] {
  box-shadow: 2px 4px 7px 2px rgba(49, 49, 49, 0.3);
  text-shadow: 2px 4px 5px rgb(107, 104, 104);
}
[class=dark] .index-aside-root .aside-item-container .item-menu-container .active-shadow-heavy[data-v-796893c5] {
  box-shadow: 2px 4px 7px 2px rgb(28, 28, 28);
}
[class=dark] .index-aside-root .aside-item-container .item-menu-container .active-shadow-heavy[data-v-796893c5] {
  text-shadow: 2px 4px 5px rgb(183, 183, 183);
}
.index-aside-root .aside-item-container .item-menu-container .active-shadow-light[data-v-796893c5] {
  box-shadow: 2px 2px 7px rgba(49, 49, 49, 0.3);
  text-shadow: 2px 3px 4px rgb(107, 104, 104);
}
[class=dark] .index-aside-root .aside-item-container .item-menu-container .active-shadow-light[data-v-796893c5] {
  box-shadow: 2px 4px 7px rgb(28, 28, 28);
}
[class=dark] .index-aside-root .aside-item-container .item-menu-container .active-shadow-light[data-v-796893c5] {
  text-shadow: 2px 4px 5px rgb(183, 183, 183);
}
.index-aside-root .aside-item-container .item-menu-container .item-menu[data-v-796893c5] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  width: 48px;
  padding: 5px 0;
  margin: 0 1px 5px 0;
  border-radius: 10px;
  transition: background-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
}
.index-aside-root .aside-item-container .item-menu-container .item-menu span[data-v-796893c5] {
  font-size: 12px;
  transform: scale(0.9);
}
.index-aside-root .aside-item-container .item-menu-container .item-menu[data-v-796893c5]:hover {
  background-color: var(--el-color-primary-light-5);
  box-shadow: 2px 4px 7px 2px rgba(0, 0, 0, 0.2);
}
.index-aside-root .aside-item-container .item-menu-container .item-menu[data-v-796893c5]:active {
  background-color: var(--el-color-primary-light-5);
}
.index-aside-root .aside-item-container .item-user[data-v-796893c5] {
  width: 100%;
  height: 65px;
}
.index-aside-root .aside-item-container .top-user[data-v-796893c5] {
  margin-top: 15px;
  margin-bottom: 25px;
}
.index-aside-root .aside-item-container .item-upload[data-v-796893c5] {
  width: 100%;
  height: 100px;
  border-top: 1px var(--el-border-color) var(--el-border-style);
}
.index-aside-root .aside-item-container .item-setting[data-v-796893c5] {
  width: 100%;
  height: 68px;
  border-top: 1px var(--el-border-color) var(--el-border-style);
  box-sizing: border-box;
}
.index-aside-root .aside-item-container.no-logo[data-v-796893c5] {
  width: 100%;
  height: 100%;
  border-top-right-radius: 0px;
}
.index-aside-root .aside-item-container-heavy[data-v-796893c5] {
  box-shadow: 2px 3px 10px rgba(49, 49, 49, 0.3);
}
[class=dark] .index-aside-root .aside-item-container-heavy[data-v-796893c5] {
  box-shadow: 2px 2px 7px rgb(0, 0, 0);
}
.index-aside-root .aside-item-container-light[data-v-796893c5] {
  box-shadow: 2px 0 6px rgba(49, 49, 49, 0.3);
}
[class=dark] .index-aside-root .aside-item-container-light[data-v-796893c5] {
  box-shadow: 2px 2px 3px rgb(21, 21, 21);
}
.index-aside-root .aside-item-container-simple[data-v-796893c5] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bl-bg-color);
  box-shadow: none !important;
  border-right: 1px solid var(--el-border-color);
}
.index-aside-root .aside-item-container-simple .aside-item[data-v-796893c5] {
  width: 100%;
  overflow: hidden;
}
.index-aside-root .aside-item-container-simple .item-menu-container[data-v-796893c5] {
  width: 100%;
  height: calc(100% - 65px - 68px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: #909399;
  padding-top: 5px;
}
[class=dark] .index-aside-root .aside-item-container-simple .item-menu-container[data-v-796893c5] {
  color: #a3a6ad;
}
.index-aside-root .aside-item-container-simple .item-menu-container .is-active[data-v-796893c5] {
  color: var(--el-color-primary);
}
.index-aside-root .aside-item-container-simple .item-menu-container .item-menu[data-v-796893c5] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  padding: 6px 0;
  cursor: pointer;
}
.index-aside-root .aside-item-container-simple .item-menu-container .item-menu span[data-v-796893c5] {
  display: none;
}
.index-aside-root .aside-item-container-simple .item-menu-container .item-menu .top-user[data-v-796893c5] {
  margin-bottom: 10px;
}
.index-aside-root .aside-item-container-simple .item-menu-container .bl-a-home1-line[data-v-796893c5],
.index-aside-root .aside-item-container-simple .item-menu-container .bl-a-texteditorhighlightcolor-line[data-v-796893c5] {
  font-size: 25px;
}
.index-aside-root .aside-item-container-simple .item-menu-container .item-user[data-v-796893c5] {
  width: 100%;
  height: 65px;
  margin-top: 10px;
}
.index-aside-root .aside-item-container-simple .item-menu-container .item-upload[data-v-796893c5] {
  display: none !important;
}
.index-aside-root .aside-item-container-simple .item-menu-container .item-setting[data-v-796893c5] {
  width: 100%;
  height: 68px;
  border-top: 1px var(--el-border-color) var(--el-border-style);
  box-sizing: border-box;
}
.index-aside-root .aside-item-container-simple.mac[data-v-796893c5] {
  width: 100%;
  height: calc(100% - 30px);
  border-top-right-radius: 10px;
  border-top: 1px solid var(--el-border-color);
}
.index-aside-root .aside-item-container-simple.mac .item-user[data-v-796893c5] {
  height: 60px;
  margin-top: 0;
}
.index-aside-root[data-v-796893c5] .el-divider {
  margin: 0;
}.web-collect-root[data-v-40bdbcb6] {
  width: 100%;
  height: 100%;
  color: #bdbdbd;
}
[class=dark] .web-collect-root[data-v-40bdbcb6] {
  color: #a3a6ad;
}
.web-collect-root .iconbl[data-v-40bdbcb6] {
  transition: color 0.3s;
  cursor: pointer;
}
.web-collect-root .iconbl[data-v-40bdbcb6]:hover {
  color: var(--el-color-primary);
}
.web-collect-root .web-collect-title[data-v-40bdbcb6] {
  width: 100%;
  height: 31px;
  font-size: 14px;
  font-weight: 500;
  flex-wrap: wrap-reverse;
  align-content: flex-end;
  text-shadow: var(--bl-text-shadow);
  padding: 5px 10px;
}
.web-collect-root .web-collect-title .iconbl[data-v-40bdbcb6] {
  font-size: 17px;
  margin-right: 10px;
  cursor: pointer;
}
.web-collect-root .web-collect-title .title-remind[data-v-40bdbcb6] {
  color: var(--el-color-primary);
  font-size: 11px;
  padding: 0 10px;
  opacity: 0;
  transition: 0.3s;
}
.web-collect-root .web-collect-title:hover .title-remind[data-v-40bdbcb6] {
  opacity: 1;
}
.web-collect-root .web-collect-title .bl-refresh-smile[data-v-40bdbcb6]:hover {
  animation: rotation-40bdbcb6 10s linear infinite;
  text-shadow: none;
}
@keyframes rotation-40bdbcb6 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
.web-collect-root .web-collect-group[data-v-40bdbcb6] {
  color: #bdbdbd;
  font-size: 14px;
  font-weight: 300;
  text-shadow: var(--bl-text-shadow);
  padding: 5px 20px;
}
[class=dark] .web-collect-root .web-collect-group[data-v-40bdbcb6] {
  color: #a3a6ad;
}
.web-collect-root .web-collect-content[data-v-40bdbcb6] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  padding-left: 8px;
}
.web-collect-root .web-item-container[data-v-40bdbcb6] {
  width: 100%;
  height: calc(100% - 31px);
  overflow-y: scroll;
}
.web-collect-root .web-item-container .placeholder[data-v-40bdbcb6] {
  font-size: 15px;
  font-weight: 300;
  padding: 20px 0 0 20px;
  color: var(--bl-text-color-light);
}
.web-collect-root .web-item-container[data-v-40bdbcb6]::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}
.web-collect-root .web-item-container[data-v-40bdbcb6]::-webkit-scrollbar-thumb {
  background-color: var(--bl-scroll-color);
  width: 4px;
  height: 3px;
  transition: background-color 0.3s;
}
.web-collect-root .web-item-container[data-v-40bdbcb6]::-webkit-scrollbar-thumb:hover {
  background-color: var(--bl-scroll-color-hover);
}
.web-collect-root .web-item[data-v-40bdbcb6] {
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.web-collect-root .web-item img[data-v-40bdbcb6],
.web-collect-root .web-item svg[data-v-40bdbcb6] {
  object-fit: contain;
  filter: var(--bl-drop-shadow-star);
}
.web-collect-root .web-item-card[data-v-40bdbcb6] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  height: 110px;
  filter: brightness(100%);
  padding: 15px 10px 10px 10px;
  border-radius: 10px;
}
[class=dark] .web-collect-root .web-item-card[data-v-40bdbcb6] {
  filter: brightness(80%);
}
.web-collect-root .web-item-card img[data-v-40bdbcb6],
.web-collect-root .web-item-card svg[data-v-40bdbcb6] {
  width: 40px;
  height: 40px;
}
.web-collect-root .web-item-card .web-name[data-v-40bdbcb6] {
  width: 100%;
  height: 32px;
  color: #a5a5a5;
  text-shadow: var(--bl-text-shadow);
  text-align: center;
  font-size: 11px;
  overflow: hidden;
  white-space: normal;
}
[class=dark] .web-collect-root .web-item-card .web-name[data-v-40bdbcb6] {
  color: #929292;
}
.web-collect-root .web-item-list[data-v-40bdbcb6] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  height: auto;
  border-radius: 4px;
  padding: 3px 3px 3px 5px;
  margin-bottom: 5px;
  color: var(--bl-text-color-light);
}
.web-collect-root .web-item-list img[data-v-40bdbcb6],
.web-collect-root .web-item-list svg[data-v-40bdbcb6] {
  width: 18px;
  height: 18px;
}
.web-collect-root .web-item-list .web-name[data-v-40bdbcb6] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 175px;
  font-size: 13px;
  padding-left: 5px;
}
.web-collect-root .web-item-heavy[data-v-40bdbcb6]:hover {
  box-shadow: 0 3px 5px 0 rgb(190, 190, 190);
  transform: translateY(-5px);
}
[class=dark] .web-collect-root .web-item-heavy[data-v-40bdbcb6]:hover {
  box-shadow: 0 3px 5px 0 rgb(0, 0, 0);
}
.web-collect-root .web-item-light[data-v-40bdbcb6] {
  transition: background-color 0.2s;
}
.web-collect-root .web-item-light[data-v-40bdbcb6]:hover {
  background: #f5f5f5;
}
[class=dark] .web-collect-root .web-item-light[data-v-40bdbcb6]:hover {
  background: #171717;
}
.web-collect-root .web-item-card.hover[data-v-40bdbcb6] {
  box-shadow: 0 3px 5px 0 rgb(190, 190, 190);
  transform: translateY(-5px);
}
[class=dark] .web-collect-root .web-item-card.hover[data-v-40bdbcb6] {
  box-shadow: 0 3px 5px 0 rgb(0, 0, 0);
}
.web-collect-root .save-form[data-v-40bdbcb6] {
  width: 100%;
  height: 270px;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9450980392);
  box-shadow: 3px 3px 10px 1px #cccccc;
  z-index: 99999999;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: none;
}
[class=dark] .web-collect-root .save-form[data-v-40bdbcb6] {
  background: rgba(0, 0, 0, 0.8666666667);
}
[class=dark] .web-collect-root .save-form[data-v-40bdbcb6] {
  box-shadow: 3px 3px 10px 1px #000000;
}
.web-collect-root .save-form .save-form-title[data-v-40bdbcb6] {
  border-bottom: 1px solid var(--el-border-color);
  padding: 10px;
}
.web-collect-root .save-form .el-form[data-v-40bdbcb6] {
  padding: 10px;
}
.web-collect-root .save-form .el-form[data-v-40bdbcb6] .el-form-item--small {
  margin-bottom: 8px;
}.quick-setting-root[data-v-bf45bfcd] {
  widows: 100%;
  padding: 20px 10px 0 10px;
  transition: height 0.7s ease;
}
.quick-setting-root .fade-enter-active[data-v-bf45bfcd],
.quick-setting-root .fade-leave-active[data-v-bf45bfcd] {
  transition: opacity 0.3s ease;
}
.quick-setting-root .fade-enter-from[data-v-bf45bfcd],
.quick-setting-root .fade-leave-to[data-v-bf45bfcd] {
  opacity: 0;
}
.quick-setting-root .el-steps[data-v-bf45bfcd] {
  --el-bg-color: var(--bl-dialog-bg-color);
}
.quick-setting-root .el-steps .iconbl[data-v-bf45bfcd] {
  font-size: 30px;
}
.quick-setting-root .row[data-v-bf45bfcd] {
  margin-bottom: 15px;
}
.quick-setting-root .row[data-v-bf45bfcd]:last-child {
  margin-bottom: 5px;
}
.quick-setting-root .step-detail[data-v-bf45bfcd] {
  font-size: 14px;
  font-weight: 300;
  padding: 35px 20px 20px 20px;
  text-align: center;
  text-decoration: dashed;
}
.quick-setting-root .step-detail .server-url[data-v-bf45bfcd] {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--bl-preview-code-bg-color);
  color: var(--bl-preview-code-color);
}
.quick-setting-root .step-detail .bl-sendmail-line[data-v-bf45bfcd] {
  font-size: 14px;
}
.quick-setting-root .step-detail .bl-copy-line[data-v-bf45bfcd] {
  font-size: 15px;
  cursor: pointer;
}
.quick-setting-root .step-detail code[data-v-bf45bfcd] {
  color: var(--el-color-primary);
  font-size: 13px;
  margin: 0 4px;
}
.quick-setting-root .step-detail a[data-v-bf45bfcd] {
  color: var(--el-color-primary);
}
.quick-setting-root .blog-detail[data-v-bf45bfcd] {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding-top: 0;
  transition: height 0.4s;
}
.quick-setting-root .blog-detail .blog-tabs[data-v-bf45bfcd] {
  width: 410px;
  height: 200px;
  border-radius: 6px;
  overflow: hidden;
  font-size: 13px;
  --el-font-size-base: 14px;
}
.quick-setting-root .blog-detail .blog-tabs .el-tabs__item[data-v-bf45bfcd] {
  transition: none;
}
.quick-setting-root .blog-detail .iframe-container[data-v-bf45bfcd] {
  width: 240px;
  height: 480px;
  position: relative;
}
.quick-setting-root .blog-detail .iframe-container .iframe-placeholder[data-v-bf45bfcd] {
  width: 240px;
  height: 480px;
  color: var(--bl-text-color-light);
  border: 1px solid var(--el-border-color);
  border-radius: 6px;
}
.quick-setting-root .blog-detail .iframe-container iframe[data-v-bf45bfcd] {
  height: 800px;
  width: 400px;
  transform: scale(0.6);
  position: absolute;
  left: -80px;
  top: -160px;
  border: none;
  border-radius: 6px;
}
.quick-setting-root .blog-detail .blog-url-error[data-v-bf45bfcd] {
  height: 16px;
  font-size: 12px;
  color: var(--el-color-danger);
}
.quick-setting-root .blog-detail .user-id[data-v-bf45bfcd] {
  color: #e3a300;
  border-bottom: 3px solid #e3a300;
  border-radius: 3px;
}
.quick-setting-root .blog-detail .document[data-v-bf45bfcd] {
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: var(--bl-text-color-light);
  cursor: pointer;
}.app-header-root[data-v-3bed6700] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.app-header-root .drag[data-v-3bed6700] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 240px);
  height: 100%;
  font-size: 12px;
  font-weight: 300;
  color: var(--bl-text-color-light);
  -webkit-app-region: drag;
  font-style: italic;
  padding-left: 10px;
}
.app-header-root .window-workbench[data-v-3bed6700] {
  width: 240px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  color: var(--el-color-primary);
  padding-right: 2px;
}
.app-header-root .window-workbench div[data-v-3bed6700] {
  width: 26px;
  height: 26px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 4px;
}
.app-header-root .window-workbench div[data-v-3bed6700]:hover {
  color: #fff;
  background-color: var(--el-color-primary-light-5);
}
.app-header-root .window-workbench .electron-mac-last[data-v-3bed6700] {
  border-top-right-radius: 9px;
}
.app-header-root .window-workbench .divider[data-v-3bed6700] {
  width: 20px;
  cursor: auto;
}
.app-header-root .window-workbench .divider[data-v-3bed6700]:hover {
  background-color: rgba(0, 0, 0, 0);
}
.app-header-root .window-workbench .bl-subtract-line[data-v-3bed6700] {
  margin-left: 10px;
}
.app-header-root .window-workbench .close[data-v-3bed6700]:hover {
  background-color: var(--el-color-danger);
}
.warn-heightlight[data-v-3bed6700] {
  animation: animated-border-3bed6700 1.5s infinite;
  text-shadow: 0 0 3px #e3a300;
  background-color: #e3a300;
  color: var(--bl-html-color);
}
@keyframes animated-border-3bed6700 {
0% {
    filter: drop-shadow(0 0 0 #e3a300);
}
100% {
    filter: drop-shadow(0 0 30px #e3a300);
}
}
.caution-popover-placeholder[data-v-3bed6700] {
  width: 350px;
  height: 190px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 14px;
}
.caution-content[data-v-3bed6700] {
  width: 350px;
  height: 250px;
  font-size: 13px;
  font-weight: 300;
  padding: 10px;
  height: 250px;
}
.caution-content .caution-row[data-v-3bed6700] {
  height: 50px;
  border: 1px solid var(--el-border-color);
  border-radius: 10px;
  padding: 0 5px;
  transition: border 0.3s;
  margin-bottom: 10px;
  cursor: pointer;
}
.caution-content .caution-row[data-v-3bed6700]:hover {
  border: 1px solid var(--el-color-primary);
}
.caution-content .caution-row:hover .iconbl[data-v-3bed6700] {
  background-color: var(--el-color-primary-light-7) !important;
}
.caution-content .caution-row .iconbl[data-v-3bed6700] {
  background: #f5f5f5;
  font-size: 20px;
  border-radius: 10px;
  margin-right: 5px;
  transition: background-color 0.3s;
}
[class=dark] .caution-content .caution-row .iconbl[data-v-3bed6700] {
  background: #414141;
}
.caution-content .caution-row-warn[data-v-3bed6700] {
  border: 1px solid #e3a300;
  color: #ca9100;
}
.caution-content .no-more[data-v-3bed6700] {
  font-size: 12px;
  margin: 10px 0;
  color: var(--bl-text-color-light);
}
.caution-footer[data-v-3bed6700] {
  padding: 5px;
  color: var(--bl-text-color-light);
}
.caution-footer div[data-v-3bed6700] {
  padding: 0 10px;
  cursor: pointer;
}
.web-collect-drawer {
  --el-drawer-bg-color: var(--bl-html-color);
  --el-drawer-padding-primary: 10px 10px 0 0;
  --color: var(--bl-text-color-light);
.el-drawer__header {
    margin-bottom: 0;
}
.el-drawer__body {
    --el-drawer-padding-primary: 0;
}
}
.caution-popover {
  padding: 0 !important;
  border-radius: 10px !important;
}
.index-root[data-v-c17b63b7] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.index-root .index-aside[data-v-c17b63b7] {
  width: 62px;
  height: 100%;
  z-index: 2001;
}
.index-root .index-main-container[data-v-c17b63b7] {
  width: calc(100% - 62px);
  height: 100%;
  position: relative;
}
.index-root .index-main-container .app-header[data-v-c17b63b7] {
  width: 100%;
  height: 30px;
}
.index-root .index-main-container .index-main[data-v-c17b63b7] {
  width: 100%;
  height: calc(100% - 30px);
}
.index-root .index-main-container .index-header[data-v-c17b63b7] {
  width: 180px;
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 7px 2px rgba(49, 49, 49, 0.3);
  background-color: var(--bl-html-color);
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 2001;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
[class=dark] .index-root .index-main-container .index-header[data-v-c17b63b7] {
  box-shadow: 0 0 7px 2px rgb(0, 0, 0);
}
.index-root .index-aside.simple[data-v-c17b63b7] {
  width: 42px;
  height: 100%;
}
.index-root .index-main-container.simple[data-v-c17b63b7] {
  width: calc(100% - 43px);
  height: 100%;
}.info-title[data-v-97aff080] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-97aff080] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-97aff080] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-97aff080] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-97aff080] {
  cursor: pointer;
}
.info-footer[data-v-97aff080] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-97aff080] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.try-use-root[data-v-97aff080] {
  width: 100%;
  height: 100%;
}
.try-use-root .try-use-content[data-v-97aff080] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
}
.try-use-root .try-use-content img[data-v-97aff080] {
  width: 500px;
  border: 1px solid var(--el-border-color);
  border-radius: 10px;
}
.try-use-root .try-use-content .login-btn[data-v-97aff080] {
  font-size: 20px;
  font-weight: 700;
}.login-root[data-v-c8788e08] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
.login-root .avatar-img[data-v-c8788e08] {
  height: 150px;
  box-shadow: 2px 4px 7px 2px rgba(134, 134, 134, 0.3);
  border: 2px solid;
  border-color: #a8abb2;
  border-radius: "0";
  border-radius: 10px;
  margin-bottom: 20px;
}
[class=dark] .login-root .avatar-img[data-v-c8788e08] {
  box-shadow: 2px 4px 7px 2px #000000;
}
[class=dark] .login-root .avatar-img[data-v-c8788e08] {
  border-color: #707070;
}
.login-root .input-wrapper[data-v-c8788e08] {
  height: 100%;
  margin-bottom: 15px;
  position: relative;
}
.login-root .input-wrapper input[data-v-c8788e08] {
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 200;
  color: var(--el-color-primary);
  border: none;
  border-radius: 10px;
  padding-left: 40px;
  background: none;
  transition: 0.3s;
  box-shadow: inset 0.2rem 0.2rem 0.5rem #c8d0e7, inset -0.2rem -0.2rem 0.5rem #ffffff;
}
[class=dark] .login-root .input-wrapper input[data-v-c8788e08] {
  box-shadow: inset 0.2rem 0.2rem 0.5rem rgba(35, 35, 35, 0.8666666667), inset -0.1rem -0.1rem 0.5rem #4e4e4e;
}
.login-root .input-wrapper input[data-v-c8788e08]::placeholder {
  color: #9baacf;
}
[class=dark] .login-root .input-wrapper input[data-v-c8788e08]::placeholder {
  color: #606060;
}
.login-root .input-wrapper input[data-v-c8788e08]:focus {
  outline: none;
  box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff;
}
[class=dark] .login-root .input-wrapper input[data-v-c8788e08]:focus {
  box-shadow: 0.3rem 0.3rem 0.6rem #000000, -0.1rem -0.1rem 0.5rem #4b4b4b;
}
.login-root .input-wrapper input:focus ~ .iconbl[data-v-c8788e08] {
  color: var(--el-color-primary);
}
.login-root .input-wrapper .iconbl[data-v-c8788e08] {
  color: #9baacf;
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 25px;
  display: flex;
  transition: 0.3s ease;
}
[class=dark] .login-root .input-wrapper .iconbl[data-v-c8788e08] {
  color: rgb(126, 126, 126);
}
.login-root .input-wrapper .server-url-invalid[data-v-c8788e08] {
  filter: drop-shadow(0 0 3px rgb(197, 197, 197));
  position: absolute;
  bottom: 5px;
  right: 10px;
  cursor: pointer;
}
[class=dark] .login-root .input-wrapper .server-url-invalid[data-v-c8788e08] {
  filter: drop-shadow(0 0 3px #000000);
}
.login-root .custom-btn[data-v-c8788e08] {
  width: 120px;
  height: 40px;
  font-size: 14px 300;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  background: transparent;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  cursor: pointer;
  z-index: 1;
}
.login-root .btn-logout[data-v-c8788e08] {
  color: #9baacf;
  border: none;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5019607843), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
[class=dark] .login-root .btn-logout[data-v-c8788e08] {
  color: #7e7e7e;
}
[class=dark] .login-root .btn-logout[data-v-c8788e08] {
  box-shadow: inset 2px 2px 2px 0px rgba(89, 89, 89, 0.5019607843), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.login-root .btn-logout[data-v-c8788e08]:after {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: 0;
  content: "";
  direction: rtl;
  z-index: -1;
  transition: all 0.3s ease;
  border-radius: 7px;
  box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, 0.6), -4px -4px 5px 0px rgba(255, 255, 255, 0.6), 7px 7px 20px 0px rgba(0, 0, 0, 0.1333333333), 4px 4px 5px 0px rgba(0, 0, 0, 0.0666666667);
}
[class=dark] .login-root .btn-logout[data-v-c8788e08]:after {
  box-shadow: -7px -7px 20px 0px rgba(0, 0, 0, 0.2), -4px -4px 5px 0px rgba(0, 0, 0, 0.1), 7px 7px 20px 0px rgba(0, 0, 0, 0.1333333333), 4px 4px 5px 0px rgba(0, 0, 0, 0.0666666667);
}
.login-root .btn-logout[data-v-c8788e08]:hover {
  color: var(--el-color-primary);
}
.login-root .btn-logout[data-v-c8788e08]:hover:after {
  left: auto;
  right: 0;
  width: 100%;
}
.login-root .btn-logout[data-v-c8788e08]:active {
  top: 2px;
}
.login-root .btn-login[data-v-c8788e08] {
  background: radial-gradient(circle, rgba(186, 138, 16, 0.6941176471) 0%, var(--el-color-primary) 70%, var(--el-color-primary) 100%);
  line-height: 42px;
  padding: 0;
  border: none;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  transition: background 2s;
}
.login-root .btn-login[data-v-c8788e08]:before, .login-root .btn-login[data-v-c8788e08]:after {
  content: "";
  position: absolute;
  top: "";
  right: 0;
  bottom: 0;
  left: "";
  background: var(--el-color-primary);
  transition: all 0.3s ease;
}
.login-root .btn-login[data-v-c8788e08]:before {
  width: 2px;
  height: 0%;
}
.login-root .btn-login[data-v-c8788e08]:after {
  width: 0%;
  height: 2px;
}
.login-root .btn-login[data-v-c8788e08]:hover {
  background: var(--el-color-primary-light-6);
  border-radius: 0;
}
[class=dark] .login-root .btn-login[data-v-c8788e08]:hover {
  box-shadow: none;
}
.login-root .btn-login[data-v-c8788e08]:hover:before {
  height: 100%;
}
.login-root .btn-login[data-v-c8788e08]:hover:after {
  width: 100%;
}
.login-root .btn-login span[data-v-c8788e08] {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.login-root .btn-login span[data-v-c8788e08]:hover {
  color: var(--el-color-primary);
}
.login-root .btn-login span[data-v-c8788e08]:before {
  width: 2px;
  height: 0%;
}
.login-root .btn-login span[data-v-c8788e08]:hover:before {
  height: 100%;
}
.login-root .btn-login span[data-v-c8788e08]:after {
  width: 0%;
  height: 2px;
}
.login-root .btn-login span[data-v-c8788e08]:hover:after {
  width: 100%;
}
.login-root .btn-login span[data-v-c8788e08]:before, .login-root .btn-login span[data-v-c8788e08]:after {
  content: "";
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: 0;
  background: var(--el-color-primary);
  transition: all 0.3s ease;
}
.login-root .loging-in[data-v-c8788e08] {
  cursor: no-drop !important;
}
.login-root .login-succ[data-v-c8788e08] {
  color: #09a113;
}
.login-root .login-wait[data-v-c8788e08] {
  color: #a18809;
}
.login-root .login-fail[data-v-c8788e08] {
  color: #a11109;
}
.login-root .login-progress[data-v-c8788e08] {
  width: 200px;
}
.login-root .login-progress[data-v-c8788e08] .el-progress-bar__outer {
  border-radius: 5px;
}
.login-root .login-progress[data-v-c8788e08] .el-progress-bar__inner {
  box-shadow: inset 0 0 5px 0px rgb(226, 226, 226);
  text-align: center;
  border-radius: 5px;
}
[class=dark] .login-root .login-progress[data-v-c8788e08] .el-progress-bar__inner {
  box-shadow: inset 0 0 5px 2px #000;
}
.login-root .try-use[data-v-c8788e08] {
  margin-top: 10px;
  color: var(--bl-text-color-light);
  font-weight: 300;
  font-style: italic;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
}
.login-root .try-use[data-v-c8788e08]:hover {
  color: var(--el-color-primary);
}.config-root[data-v-6a170b93] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 50px;
}
.config-root a[data-v-6a170b93] {
  color: var(--el-color-primary);
}
.config-root .el-form[data-v-6a170b93] {
  max-width: 800px;
  margin-bottom: 50px;
}
.config-root .el-form[data-v-6a170b93] .el-form-item__label {
  padding-top: 5px;
}
.config-root .config-module-titile[data-v-6a170b93] {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.config-root .config-module-titile .iconbl[data-v-6a170b93] {
  font-size: 30px;
  margin-right: 10px;
}
.config-root .title[data-v-6a170b93] {
  color: var(--el-color-primary);
  margin-bottom: 10px;
  font-weight: 700;
}
.config-root .title .version[data-v-6a170b93] {
  font-size: 11px;
  font-weight: 300;
  padding-left: 10px;
  color: var(--bl-text-color-light);
}
.config-root .desc[data-v-6a170b93] {
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
  color: var(--bl-text-color-light);
}
.config-root .desc .iconbl[data-v-6a170b93] {
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}
.config-root code[data-v-6a170b93] {
  color: #909399;
  background-color: var(--bl-preview-code-bg-color);
  border-radius: var(--bl-preview-border-radius);
  padding: 0px 4px;
  border-radius: 3px;
  margin: 0 5px;
  user-select: text;
}
[class=dark] .config-root code[data-v-6a170b93] {
  color: #909399;
}
.config-root .conf-tip[data-v-6a170b93] {
  color: var(--bl-text-color-light);
}
.config-root .conf-tip .blod[data-v-6a170b93] {
  color: var(--el-color-primary);
  font-style: italic;
}
.config-root .conf-watermark[data-v-6a170b93] {
  width: 100%;
  height: auto;
  color: var(--bl-text-color);
  border: 1px solid var(--el-border-color);
  background-color: var(--bl-bg-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
.config-root .conf-watermark .label[data-v-6a170b93] {
  min-width: 50px;
  margin: 0 10px;
}
.config-root .conf-watermark .label[data-v-6a170b93]:first-child {
  margin-left: 0;
}
.config-root .conf-watermark .el-input[data-v-6a170b93] {
  width: calc(100% - 80px);
}
.config-root .conf-watermark .el-input-number[data-v-6a170b93] {
  width: 130px;
}.config-root[data-v-416228b5] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 50px;
}
.config-root a[data-v-416228b5] {
  color: var(--el-color-primary);
}
.config-root .el-form[data-v-416228b5] {
  max-width: 800px;
  margin-bottom: 50px;
}
.config-root .el-form[data-v-416228b5] .el-form-item__label {
  padding-top: 5px;
}
.config-root .config-module-titile[data-v-416228b5] {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.config-root .config-module-titile .iconbl[data-v-416228b5] {
  font-size: 30px;
  margin-right: 10px;
}
.config-root .title[data-v-416228b5] {
  color: var(--el-color-primary);
  margin-bottom: 10px;
  font-weight: 700;
}
.config-root .title .version[data-v-416228b5] {
  font-size: 11px;
  font-weight: 300;
  padding-left: 10px;
  color: var(--bl-text-color-light);
}
.config-root .desc[data-v-416228b5] {
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
  color: var(--bl-text-color-light);
}
.config-root .desc .iconbl[data-v-416228b5] {
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}
.config-root code[data-v-416228b5] {
  color: #909399;
  background-color: var(--bl-preview-code-bg-color);
  border-radius: var(--bl-preview-border-radius);
  padding: 0px 4px;
  border-radius: 3px;
  margin: 0 5px;
  user-select: text;
}
[class=dark] .config-root code[data-v-416228b5] {
  color: #909399;
}
.config-root .conf-tip[data-v-416228b5] {
  color: var(--bl-text-color-light);
}
.config-root .conf-tip .blod[data-v-416228b5] {
  color: var(--el-color-primary);
  font-style: italic;
}
.config-root .conf-watermark[data-v-416228b5] {
  width: 100%;
  height: auto;
  color: var(--bl-text-color);
  border: 1px solid var(--el-border-color);
  background-color: var(--bl-bg-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
.config-root .conf-watermark .label[data-v-416228b5] {
  min-width: 50px;
  margin: 0 10px;
}
.config-root .conf-watermark .label[data-v-416228b5]:first-child {
  margin-left: 0;
}
.config-root .conf-watermark .el-input[data-v-416228b5] {
  width: calc(100% - 80px);
}
.config-root .conf-watermark .el-input-number[data-v-416228b5] {
  width: 130px;
}.info-title[data-v-180fe32f] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-180fe32f] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-180fe32f] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-180fe32f] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-180fe32f] {
  cursor: pointer;
}
.info-footer[data-v-180fe32f] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-180fe32f] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.bg-zebra[data-v-180fe32f], .warn-bg-zebra[data-v-180fe32f] {
  position: relative;
}
.bg-zebra[data-v-180fe32f]:before, .warn-bg-zebra[data-v-180fe32f]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 20px 20px;
  z-index: 0;
}
.warn-bg-zebra[data-v-180fe32f]:before {
  background-image: linear-gradient(-45deg, rgba(202, 145, 0, 0.1294117647) 0%, rgba(202, 145, 0, 0.1294117647) 25%, transparent 25%, transparent 50%, rgba(202, 145, 0, 0.1294117647) 50%, rgba(202, 145, 0, 0.1294117647) 75%, transparent 75%, transparent 100%);
}
.type[data-v-180fe32f] {
  font-size: 11px;
  font-weight: 500;
  box-shadow: 0 2px 5px 0 rgb(190, 190, 190);
  border-radius: 4px;
  padding: 2px 5px;
  margin-left: 10px;
}
[class=dark] .type[data-v-180fe32f] {
  box-shadow: 0 2px 3px 0 rgb(20, 20, 20);
}
.type .iconbl[data-v-180fe32f] {
  font-size: 12px;
  padding-right: 2px;
}
.type.admin[data-v-180fe32f] {
  background-color: #ca9100;
  color: var(--bl-html-color);
}
.type.normal[data-v-180fe32f] {
  background-color: var(--el-color-primary);
  color: var(--bl-html-color);
}
.type.read[data-v-180fe32f] {
  background-color: rgba(139, 139, 139, 0.2470588235);
  color: #939393;
}
.userinfo-setting-root[data-v-180fe32f] {
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-weight: 300;
}
.userinfo-setting-root .info[data-v-180fe32f] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.userinfo-setting-root .label[data-v-180fe32f] {
  margin-top: 10px;
}
.userinfo-setting-root .content[data-v-180fe32f] {
  width: 100%;
  height: calc(100% - 50px);
  position: relative;
}
.userinfo-setting-root .content .info-group[data-v-180fe32f] {
  padding: 10px;
}
.userinfo-setting-root .content .info-group .row[data-v-180fe32f] {
  margin-bottom: 10px;
}
.userinfo-setting-root .content .stat-group[data-v-180fe32f] {
  font-size: 12px;
}
.userinfo-setting-root .content .stat-group .bl-a-texteditorhighlightcolor-line[data-v-180fe32f],
.userinfo-setting-root .content .stat-group .bl-image--line[data-v-180fe32f] {
  text-shadow: 2px 4px 5px rgba(134, 134, 134, 0.3);
  color: #8a8a8a;
  position: absolute;
  font-size: 30px;
}
[class=dark] .userinfo-setting-root .content .stat-group .bl-a-texteditorhighlightcolor-line[data-v-180fe32f],
[class=dark] .userinfo-setting-root .content .stat-group .bl-image--line[data-v-180fe32f] {
  text-shadow: 2px 4px 7px #222222;
}
[class=dark] .userinfo-setting-root .content .stat-group .bl-a-texteditorhighlightcolor-line[data-v-180fe32f],
[class=dark] .userinfo-setting-root .content .stat-group .bl-image--line[data-v-180fe32f] {
  color: #656565;
}
.userinfo-setting-root .content .stat-group .bl-a-texteditorhighlightcolor-line[data-v-180fe32f] {
  left: 30px;
}
.userinfo-setting-root .content .stat-group .bl-image--line[data-v-180fe32f] {
  left: 230px;
}
.userinfo-setting-root .content .avatar[data-v-180fe32f] {
  width: 80px;
  height: 80px;
  filter: brightness(100%);
  box-shadow: 2px 4px 7px 2px rgba(134, 134, 134, 0.3);
  border: 2px solid;
  border-color: #a8abb2;
  border-radius: "0";
  object-fit: cover;
  border-radius: 6px;
  margin-left: 10px;
}
[class=dark] .userinfo-setting-root .content .avatar[data-v-180fe32f] {
  filter: brightness(80%);
}
[class=dark] .userinfo-setting-root .content .avatar[data-v-180fe32f] {
  box-shadow: 2px 4px 7px 2px #000000;
}
[class=dark] .userinfo-setting-root .content .avatar[data-v-180fe32f] {
  border-color: #707070;
}.info-title[data-v-efec05d6] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-efec05d6] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-efec05d6] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-efec05d6] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-efec05d6] {
  cursor: pointer;
}
.info-footer[data-v-efec05d6] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-efec05d6] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.bg-zebra[data-v-efec05d6], .warn-bg-zebra[data-v-efec05d6] {
  position: relative;
}
.bg-zebra[data-v-efec05d6]:before, .warn-bg-zebra[data-v-efec05d6]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 20px 20px;
  z-index: 0;
}
.warn-bg-zebra[data-v-efec05d6]:before {
  background-image: linear-gradient(-45deg, rgba(202, 145, 0, 0.1294117647) 0%, rgba(202, 145, 0, 0.1294117647) 25%, transparent 25%, transparent 50%, rgba(202, 145, 0, 0.1294117647) 50%, rgba(202, 145, 0, 0.1294117647) 75%, transparent 75%, transparent 100%);
}
.type[data-v-efec05d6] {
  font-size: 11px;
  font-weight: 500;
  box-shadow: 0 2px 5px 0 rgb(190, 190, 190);
  border-radius: 4px;
  padding: 2px 5px;
  margin-left: 10px;
}
[class=dark] .type[data-v-efec05d6] {
  box-shadow: 0 2px 3px 0 rgb(20, 20, 20);
}
.type .iconbl[data-v-efec05d6] {
  font-size: 12px;
  padding-right: 2px;
}
.type.admin[data-v-efec05d6] {
  background-color: #ca9100;
  color: var(--bl-html-color);
}
.type.normal[data-v-efec05d6] {
  background-color: var(--el-color-primary);
  color: var(--bl-html-color);
}
.type.read[data-v-efec05d6] {
  background-color: rgba(139, 139, 139, 0.2470588235);
  color: #939393;
}
.userlist-setting-root[data-v-efec05d6] {
  width: 100%;
  height: 100%;
}
.userlist-setting-root .content[data-v-efec05d6] {
  width: 100%;
  height: calc(100% - 50px);
  padding: 10px 10px 20px;
}
.userlist-setting-root .content .stat[data-v-efec05d6] {
  height: 34px;
  font-size: 13px;
}
.userlist-setting-root .content .stat .all[data-v-efec05d6],
.userlist-setting-root .content .stat .admin[data-v-efec05d6],
.userlist-setting-root .content .stat .normal[data-v-efec05d6],
.userlist-setting-root .content .stat .read[data-v-efec05d6] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 158px;
  height: 100%;
  padding: 0 20px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  transition: transform 0.3s;
  cursor: pointer;
}
.userlist-setting-root .content .stat .all .label[data-v-efec05d6],
.userlist-setting-root .content .stat .admin .label[data-v-efec05d6],
.userlist-setting-root .content .stat .normal .label[data-v-efec05d6],
.userlist-setting-root .content .stat .read .label[data-v-efec05d6] {
  font-size: 13px;
  font-weight: 300;
}
.userlist-setting-root .content .stat .all .count[data-v-efec05d6],
.userlist-setting-root .content .stat .admin .count[data-v-efec05d6],
.userlist-setting-root .content .stat .normal .count[data-v-efec05d6],
.userlist-setting-root .content .stat .read .count[data-v-efec05d6] {
  font-size: 24px;
  font-style: italic;
  color: var(--bl-text-color-light);
}
.userlist-setting-root .content .stat .all[data-v-efec05d6]:hover,
.userlist-setting-root .content .stat .admin[data-v-efec05d6]:hover,
.userlist-setting-root .content .stat .normal[data-v-efec05d6]:hover,
.userlist-setting-root .content .stat .read[data-v-efec05d6]:hover {
  transform: translateY(-3px);
}
.userlist-setting-root .content .stat .all[data-v-efec05d6] {
  background: linear-gradient(155deg, #ca9100 0%, var(--el-color-primary) 70%);
  color: var(--bl-html-color);
  --bl-text-color-light: $admin-color;
}
.userlist-setting-root .content .stat .admin[data-v-efec05d6] {
  background-color: #ca9100;
  color: var(--bl-html-color);
  --bl-text-color-light: $admin-color;
}
.userlist-setting-root .content .stat .normal[data-v-efec05d6] {
  background-color: var(--el-color-primary);
  color: var(--bl-html-color);
  --bl-text-color-light: $normal-color;
}
.userlist-setting-root .content .stat .read[data-v-efec05d6] {
  background-color: rgba(139, 139, 139, 0.2470588235);
  color: #939393;
  --bl-text-color-light: $read-color;
}
.userlist-setting-root .content .search[data-v-efec05d6] {
  height: 30px;
  margin: 10px 0 10px 0;
}
.userlist-setting-root .content .search .iconbl[data-v-efec05d6] {
  font-size: 15px;
}
.userlist-setting-root .content .user-container[data-v-efec05d6] {
  width: 100%;
  height: calc(100% - 84px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow-y: scroll;
  padding: 10px 5px 10px 10px;
}
.userlist-setting-root .content .user-container .user-item[data-v-efec05d6] {
  font-size: 13px;
  font-weight: 300;
  background: #f5f5f5;
  width: 150px;
  margin-bottom: 25px;
  margin-right: 15px;
  padding: 8px;
  border-radius: 4px;
  transition: box-shadow 0.2s, transform 0.3s;
  position: relative;
  cursor: pointer;
}
[class=dark] .userlist-setting-root .content .user-container .user-item[data-v-efec05d6] {
  background: #252525;
}
.userlist-setting-root .content .user-container .user-item[data-v-efec05d6]:hover {
  box-shadow: 0 3px 5px 0 rgb(190, 190, 190);
  transform: translateY(-5px);
}
[class=dark] .userlist-setting-root .content .user-container .user-item[data-v-efec05d6]:hover {
  box-shadow: 0 3px 5px 0 rgb(20, 20, 20);
}
.userlist-setting-root .content .user-container .user-item:hover .download-btn[data-v-efec05d6] {
  opacity: 1;
}
.userlist-setting-root .content .user-container .user-item .avatar[data-v-efec05d6] {
  width: 50px;
  height: 50px;
  filter: brightness(100%);
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 10px;
}
[class=dark] .userlist-setting-root .content .user-container .user-item .avatar[data-v-efec05d6] {
  filter: brightness(80%);
}
.userlist-setting-root .content .user-container .user-item .nickname[data-v-efec05d6] {
  font-size: 15px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.userlist-setting-root .content .user-container .user-item .username[data-v-efec05d6] {
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--bl-text-color-light);
}
.userlist-setting-root .content .user-container .user-item .time[data-v-efec05d6] {
  font-size: 11px;
  font-weight: 300;
  color: var(--bl-text-color-light);
}
.userlist-setting-root .content .user-container .user-item .id[data-v-efec05d6] {
  font-size: 11px;
  font-weight: 300;
  color: var(--bl-text-color-light);
  position: absolute;
  top: 35px;
  right: 10px;
}
.userlist-setting-root .content .user-container .user-item .type[data-v-efec05d6] {
  position: absolute;
  top: 10px;
  right: 10px;
}.config-root[data-v-2d91f0ce] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 50px;
}
.config-root a[data-v-2d91f0ce] {
  color: var(--el-color-primary);
}
.config-root .el-form[data-v-2d91f0ce] {
  max-width: 800px;
  margin-bottom: 50px;
}
.config-root .el-form[data-v-2d91f0ce] .el-form-item__label {
  padding-top: 5px;
}
.config-root .config-module-titile[data-v-2d91f0ce] {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.config-root .config-module-titile .iconbl[data-v-2d91f0ce] {
  font-size: 30px;
  margin-right: 10px;
}
.config-root .title[data-v-2d91f0ce] {
  color: var(--el-color-primary);
  margin-bottom: 10px;
  font-weight: 700;
}
.config-root .title .version[data-v-2d91f0ce] {
  font-size: 11px;
  font-weight: 300;
  padding-left: 10px;
  color: var(--bl-text-color-light);
}
.config-root .desc[data-v-2d91f0ce] {
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
  color: var(--bl-text-color-light);
}
.config-root .desc .iconbl[data-v-2d91f0ce] {
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}
.config-root code[data-v-2d91f0ce] {
  color: #909399;
  background-color: var(--bl-preview-code-bg-color);
  border-radius: var(--bl-preview-border-radius);
  padding: 0px 4px;
  border-radius: 3px;
  margin: 0 5px;
  user-select: text;
}
[class=dark] .config-root code[data-v-2d91f0ce] {
  color: #909399;
}
.config-root .conf-tip[data-v-2d91f0ce] {
  color: var(--bl-text-color-light);
}
.config-root .conf-tip .blod[data-v-2d91f0ce] {
  color: var(--el-color-primary);
  font-style: italic;
}
.config-root .conf-watermark[data-v-2d91f0ce] {
  width: 100%;
  height: auto;
  color: var(--bl-text-color);
  border: 1px solid var(--el-border-color);
  background-color: var(--bl-bg-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
.config-root .conf-watermark .label[data-v-2d91f0ce] {
  min-width: 50px;
  margin: 0 10px;
}
.config-root .conf-watermark .label[data-v-2d91f0ce]:first-child {
  margin-left: 0;
}
.config-root .conf-watermark .el-input[data-v-2d91f0ce] {
  width: calc(100% - 80px);
}
.config-root .conf-watermark .el-input-number[data-v-2d91f0ce] {
  width: 130px;
}.config-root[data-v-6cc24518] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 50px;
}
.config-root a[data-v-6cc24518] {
  color: var(--el-color-primary);
}
.config-root .el-form[data-v-6cc24518] {
  max-width: 800px;
  margin-bottom: 50px;
}
.config-root .el-form[data-v-6cc24518] .el-form-item__label {
  padding-top: 5px;
}
.config-root .config-module-titile[data-v-6cc24518] {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.config-root .config-module-titile .iconbl[data-v-6cc24518] {
  font-size: 30px;
  margin-right: 10px;
}
.config-root .title[data-v-6cc24518] {
  color: var(--el-color-primary);
  margin-bottom: 10px;
  font-weight: 700;
}
.config-root .title .version[data-v-6cc24518] {
  font-size: 11px;
  font-weight: 300;
  padding-left: 10px;
  color: var(--bl-text-color-light);
}
.config-root .desc[data-v-6cc24518] {
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
  color: var(--bl-text-color-light);
}
.config-root .desc .iconbl[data-v-6cc24518] {
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}
.config-root code[data-v-6cc24518] {
  color: #909399;
  background-color: var(--bl-preview-code-bg-color);
  border-radius: var(--bl-preview-border-radius);
  padding: 0px 4px;
  border-radius: 3px;
  margin: 0 5px;
  user-select: text;
}
[class=dark] .config-root code[data-v-6cc24518] {
  color: #909399;
}
.config-root .conf-tip[data-v-6cc24518] {
  color: var(--bl-text-color-light);
}
.config-root .conf-tip .blod[data-v-6cc24518] {
  color: var(--el-color-primary);
  font-style: italic;
}
.config-root .conf-watermark[data-v-6cc24518] {
  width: 100%;
  height: auto;
  color: var(--bl-text-color);
  border: 1px solid var(--el-border-color);
  background-color: var(--bl-bg-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
.config-root .conf-watermark .label[data-v-6cc24518] {
  min-width: 50px;
  margin: 0 10px;
}
.config-root .conf-watermark .label[data-v-6cc24518]:first-child {
  margin-left: 0;
}
.config-root .conf-watermark .el-input[data-v-6cc24518] {
  width: calc(100% - 80px);
}
.config-root .conf-watermark .el-input-number[data-v-6cc24518] {
  width: 130px;
}.config-root[data-v-0d807b1e] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 50px;
}
.config-root a[data-v-0d807b1e] {
  color: var(--el-color-primary);
}
.config-root .el-form[data-v-0d807b1e] {
  max-width: 800px;
  margin-bottom: 50px;
}
.config-root .el-form[data-v-0d807b1e] .el-form-item__label {
  padding-top: 5px;
}
.config-root .config-module-titile[data-v-0d807b1e] {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.config-root .config-module-titile .iconbl[data-v-0d807b1e] {
  font-size: 30px;
  margin-right: 10px;
}
.config-root .title[data-v-0d807b1e] {
  color: var(--el-color-primary);
  margin-bottom: 10px;
  font-weight: 700;
}
.config-root .title .version[data-v-0d807b1e] {
  font-size: 11px;
  font-weight: 300;
  padding-left: 10px;
  color: var(--bl-text-color-light);
}
.config-root .desc[data-v-0d807b1e] {
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
  color: var(--bl-text-color-light);
}
.config-root .desc .iconbl[data-v-0d807b1e] {
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}
.config-root code[data-v-0d807b1e] {
  color: #909399;
  background-color: var(--bl-preview-code-bg-color);
  border-radius: var(--bl-preview-border-radius);
  padding: 0px 4px;
  border-radius: 3px;
  margin: 0 5px;
  user-select: text;
}
[class=dark] .config-root code[data-v-0d807b1e] {
  color: #909399;
}
.config-root .conf-tip[data-v-0d807b1e] {
  color: var(--bl-text-color-light);
}
.config-root .conf-tip .blod[data-v-0d807b1e] {
  color: var(--el-color-primary);
  font-style: italic;
}
.config-root .conf-watermark[data-v-0d807b1e] {
  width: 100%;
  height: auto;
  color: var(--bl-text-color);
  border: 1px solid var(--el-border-color);
  background-color: var(--bl-bg-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
.config-root .conf-watermark .label[data-v-0d807b1e] {
  min-width: 50px;
  margin: 0 10px;
}
.config-root .conf-watermark .label[data-v-0d807b1e]:first-child {
  margin-left: 0;
}
.config-root .conf-watermark .el-input[data-v-0d807b1e] {
  width: calc(100% - 80px);
}
.config-root .conf-watermark .el-input-number[data-v-0d807b1e] {
  width: 130px;
}
.server-config[data-v-0d807b1e] {
  padding: 10px;
  font-size: 12px;
  white-space: pre;
  color: var(--bl-text-color-light);
}.config-root[data-v-fd9b4a00] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 50px;
}
.config-root a[data-v-fd9b4a00] {
  color: var(--el-color-primary);
}
.config-root .el-form[data-v-fd9b4a00] {
  max-width: 800px;
  margin-bottom: 50px;
}
.config-root .el-form[data-v-fd9b4a00] .el-form-item__label {
  padding-top: 5px;
}
.config-root .config-module-titile[data-v-fd9b4a00] {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.config-root .config-module-titile .iconbl[data-v-fd9b4a00] {
  font-size: 30px;
  margin-right: 10px;
}
.config-root .title[data-v-fd9b4a00] {
  color: var(--el-color-primary);
  margin-bottom: 10px;
  font-weight: 700;
}
.config-root .title .version[data-v-fd9b4a00] {
  font-size: 11px;
  font-weight: 300;
  padding-left: 10px;
  color: var(--bl-text-color-light);
}
.config-root .desc[data-v-fd9b4a00] {
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
  color: var(--bl-text-color-light);
}
.config-root .desc .iconbl[data-v-fd9b4a00] {
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}
.config-root code[data-v-fd9b4a00] {
  color: #909399;
  background-color: var(--bl-preview-code-bg-color);
  border-radius: var(--bl-preview-border-radius);
  padding: 0px 4px;
  border-radius: 3px;
  margin: 0 5px;
  user-select: text;
}
[class=dark] .config-root code[data-v-fd9b4a00] {
  color: #909399;
}
.config-root .conf-tip[data-v-fd9b4a00] {
  color: var(--bl-text-color-light);
}
.config-root .conf-tip .blod[data-v-fd9b4a00] {
  color: var(--el-color-primary);
  font-style: italic;
}
.config-root .conf-watermark[data-v-fd9b4a00] {
  width: 100%;
  height: auto;
  color: var(--bl-text-color);
  border: 1px solid var(--el-border-color);
  background-color: var(--bl-bg-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
.config-root .conf-watermark .label[data-v-fd9b4a00] {
  min-width: 50px;
  margin: 0 10px;
}
.config-root .conf-watermark .label[data-v-fd9b4a00]:first-child {
  margin-left: 0;
}
.config-root .conf-watermark .el-input[data-v-fd9b4a00] {
  width: calc(100% - 80px);
}
.config-root .conf-watermark .el-input-number[data-v-fd9b4a00] {
  width: 130px;
}
.server-config[data-v-fd9b4a00] {
  padding: 10px;
  font-size: 12px;
  white-space: pre;
  color: var(--bl-text-color-light);
}
.colors[data-v-fd9b4a00] {
  align-content: flex-start;
  flex-wrap: wrap;
}
.colors .el-color-picker--small[data-v-fd9b4a00] {
  margin: 0 10px 10px 0;
}
.colors .color-item[data-v-fd9b4a00] {
  width: 28px;
  height: 28px;
  margin: 0 0 0 15px;
  border-radius: 4px;
  position: relative;
  transition: transform 0.3s;
  cursor: pointer;
  text-align: center;
}
.colors .color-item[data-v-fd9b4a00]:hover {
  transform: scale(1.1);
}
.theme-color-picker[data-v-fd9b4a00] {
  z-index: 3001 !important;
  margin: 0 10px 10px 0;
}.chart-resource-histogram-root[data-v-e8b3b18c] {
  width: 100%;
  height: 100%;
}
.table-resource-root[data-v-458c4f07] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 30px 30px 0;
}
.table-resource-root .component-title[data-v-458c4f07] {
  width: 100%;
  color: var(--bl-text-color);
  border: 1px solid var(--el-border-color);
  background-color: var(--bl-bg-color);
  border-radius: 4px;
  padding: 5px 10px;
  height: 36px;
}
.table-resource-root .component-title .title[data-v-458c4f07] {
  width: calc(100% - 200px);
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-resource-root .table-container[data-v-458c4f07] {
  width: 420px;
  height: 100%;
}
.table-resource-root .table-container .table-operator[data-v-458c4f07] {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.table-resource-root .table-container .table[data-v-458c4f07] {
  width: 100%;
  height: calc(100% - 80px);
}
.table-resource-root .table-container .table[data-v-458c4f07] .el-tag--small {
  padding: 0 3px;
}
.table-resource-root .table-container .to-high[data-v-458c4f07] {
  color: #e35959;
  border: 1px solid red;
}
[class=dark] .table-resource-root .table-container .to-high[data-v-458c4f07] {
  color: #811111;
}
.table-resource-root .table-container .to-high[data-v-458c4f07]:before {
  content: "↑";
  font-size: 15px;
}
.table-resource-root .chart-line[data-v-458c4f07] {
  width: calc(100% - 420px);
  height: 100%;
  max-height: 500px;
  margin-left: 15px;
}.server-config-root[data-v-a05fdc7a] {
  width: 100%;
  height: 100%;
}
.server-config-root .config-tabs[data-v-a05fdc7a] {
  width: 100%;
}
.server-config-root .config-tabs[data-v-a05fdc7a] .el-tabs__item.is-left.is-active {
  border-right-color: rgba(255, 255, 255, 0);
  font-weight: bold;
}
.server-config-root .config-tabs[data-v-a05fdc7a] .el-tabs__item {
  font-weight: 300;
}
.server-config-root .tab-content[data-v-a05fdc7a] {
  width: 100%;
  height: 100%;
  padding-left: 30px;
}.about-root[data-v-f852a7dd] {
  width: 100%;
  height: 100%;
  padding: 0 30px 130px 30px;
  overflow: scroll;
  color: var(--bl-text-color);
}
.about-root .project-name[data-v-f852a7dd] {
  font-size: 50px;
  font-weight: 500;
  text-shadow: 2px 2px 5px #878787;
  color: var(--el-color-primary);
  width: 100%;
  text-align: center;
}
[class=dark] .about-root .project-name[data-v-f852a7dd] {
  text-shadow: 2px 2px 5px #000000;
}
.about-root .project-name .version[data-v-f852a7dd] {
  font-size: 12px;
  font-weight: 300;
  color: var(--bl-text-color-light);
  text-shadow: none;
}
.about-root .repository[data-v-f852a7dd] {
  margin-top: 10px;
  filter: drop-shadow(0 0 3px rgb(184, 184, 184));
}
[class=dark] .about-root .repository[data-v-f852a7dd] {
  filter: drop-shadow(0 0 3px rgb(5, 5, 5));
}
.about-root .repository .github[data-v-f852a7dd],
.about-root .repository .gitee[data-v-f852a7dd] {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.about-root .about-item[data-v-f852a7dd] {
  margin-top: 40px;
}
.about-root .about-item .iconbl[data-v-f852a7dd] {
  width: 80px;
  font-size: 40px;
  color: var(--bl-text-color-light);
  text-align: center;
}
.about-root .about-item .title[data-v-f852a7dd] {
  font-size: 16px;
}
.about-root .about-item .desc[data-v-f852a7dd] {
  font-size: 13px;
  font-weight: 300;
  color: var(--bl-text-color-light);
}
.about-root .about-item .btns[data-v-f852a7dd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70px;
}
.about-root .blod[data-v-f852a7dd] {
  color: var(--el-color-primary);
  font-weight: bold;
}
.about-root .developer[data-v-f852a7dd] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 630px;
  align-content: flex-start;
  flex-wrap: wrap;
  cursor: pointer;
}
.about-root .developer .item[data-v-f852a7dd] {
  background-color: var(--bl-bg-color);
  margin: 0 15px 15px 0;
  padding: 5px;
  border-radius: 10px;
}
.about-root .developer .item img[data-v-f852a7dd] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
.about-root .developer .item .name[data-v-f852a7dd] {
  font-size: 14px;
  height: 25px;
}
.about-root .developer .item .desc[data-v-f852a7dd] {
  font-size: 12px;
  font-weight: 300;
  overflow: auto;
}
.about-root .reference[data-v-f852a7dd] {
  width: 630px;
  font-size: 12px;
  padding: 10px;
  margin-top: 50px;
  border: 1px dashed #8b8b8b;
  border-radius: 5px;
  color: #8b8b8b;
}
.about-root .statement[data-v-f852a7dd] {
  font-size: 13px;
  margin-top: 20px;
  color: var(--bl-text-color-light);
}.setting-index-root[data-v-0df7735b] {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(145deg, transparent 0%, transparent 55%, var(--el-color-primary-light-5));
  padding: 50px 0 0 50px;
  z-index: 2;
}
.setting-index-root .setting-tabs[data-v-0df7735b] {
  width: 100%;
  height: 100%;
}
.setting-index-root .setting-tabs[data-v-0df7735b] .el-tabs__nav-wrap::after {
  background-color: transparent;
}
.setting-index-root .setting-tabs[data-v-0df7735b] el-tabs__nav-scroll::after {
  background-color: transparent;
}
.setting-index-root .setting-tabs[data-v-0df7735b] .el-tabs__content {
  height: 100%;
}
.setting-index-root .setting-tabs[data-v-0df7735b] .el-tabs__content .el-tab-pane {
  height: 100%;
}
.setting-index-root .setting-container[data-v-0df7735b] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.setting-index-root .setting-container .wrapper[data-v-0df7735b] {
  width: 600px;
  height: 600px;
}
.version[data-v-0df7735b] {
  color: #ffffff;
  font-size: 12px;
  font-weight: 100;
  position: absolute;
  top: "";
  right: 10px;
  bottom: 7px;
  left: "";
  z-index: 2;
}
[class=dark] .version[data-v-0df7735b] {
  color: #9b9b9b;
}
.footer[data-v-0df7735b] {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 80px;
}.laptop-root[data-v-08c32a32] {
  width: 200px;
  height: 200px;
  position: relative;
}
.laptop-root .laptop[data-v-08c32a32] {
  position: absolute;
  top: 0px;
  right: "";
  bottom: "";
  left: -20px;
  height: 240px;
}
.laptop-root .furniture[data-v-08c32a32] {
  height: 100px;
  position: absolute;
  z-index: 10;
}
.laptop-root .furniture.flip[data-v-08c32a32] {
  transform: scaleX(-1);
  filter: FlipH;
}.avator-wrapper[data-v-8a6491a1] {
  width: 200px;
  height: 200px;
  min-width: 200px;
  max-width: 200px;
  min-height: 200px;
  max-height: 200px;
  perspective: 40px;
}
.avator-wrapper .avatar-img[data-v-8a6491a1] {
  width: 100%;
  height: 100%;
  filter: brightness(100%);
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
[class=dark] .avator-wrapper .avatar-img[data-v-8a6491a1] {
  filter: brightness(80%);
}
.avator-wrapper .img-shadow[data-v-8a6491a1] {
  box-shadow: var(--bl-box-shadow);
}.weather-root[data-v-61912a06] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  font-size: 15px;
  font-weight: 500;
  font-family: "jellee";
  color: #ffffff;
  text-shadow: 2px 3px 4px rgba(107, 104, 104, 0.5);
  min-height: 250px;
  max-height: 250px;
  position: relative;
  border-radius: 10px;
  transition: box-shadow 0.5s;
  z-index: 99;
}
[class=dark] .weather-root[data-v-61912a06] {
  color: #d8d8d8;
}
[class=dark] .weather-root[data-v-61912a06] {
  text-shadow: 2px 3px 4px rgba(39, 39, 39, 0.5);
}
.weather-root .location[data-v-61912a06] {
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 30px;
  right: 10px;
  bottom: "";
  left: "";
  color: var(--bl-text-color-light);
  text-shadow: var(--bl-text-shadow-light);
}
@keyframes rotation-61912a06 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
.weather-root .location .bl-refresh-smile[data-v-61912a06] {
  cursor: pointer;
  margin-left: 3px;
  transition: color 0.3s;
}
.weather-root .location .bl-refresh-smile[data-v-61912a06]:hover {
  animation: rotation-61912a06 10s linear infinite;
  text-shadow: none;
  color: var(--el-color-primary);
}
.weather-root .weather-mask[data-v-61912a06] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 0;
  background-color: var(--el-color-primary-light-2);
}
.weather-root .weather-mask .big-text[data-v-61912a06] {
  cursor: pointer;
  font-size: 25px;
  font-weight: 800;
}
.weather-root .weather-mask .small-text[data-v-61912a06] {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.weather-root .weather-mask .masking[data-v-61912a06] {
  width: 100%;
  text-align: center;
  cursor: pointer;
  flex-shrink: 0;
}
.weather-root .weather-title[data-v-61912a06] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 15%;
  padding: 0 10px;
  font-size: 11px;
}
.weather-root .weather-body[data-v-61912a06] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70%;
}
.weather-root .weather-footer[data-v-61912a06] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15%;
  font-size: 11px;
  font-weight: 500;
}
.weather-root .now[data-v-61912a06] {
  width: 140px;
  height: 200px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: var(--el-color-primary);
  transition: box-shadow 0.3s, width 0.2s;
  margin-left: 10px;
}
.weather-root .now svg[data-v-61912a06] {
  width: 200px;
  height: 200px;
  position: absolute;
  top: -30px;
  z-index: 100;
}
.weather-root .now img[data-v-61912a06] {
  width: 200px;
  height: 200px;
  position: absolute;
  top: -30px;
  z-index: 100;
}
.weather-root .now .temp-wrapper[data-v-61912a06] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 70px;
}
.weather-root .now-temp[data-v-61912a06] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  font-weight: 900;
  height: 100%;
}
.weather-root .now-temp-extra[data-v-61912a06] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  font-size: 16px;
  font-weight: 700;
  height: 100%;
}
.weather-root .now[data-v-61912a06]:hover {
  z-index: 15;
}
.weather-root .today[data-v-61912a06],
.weather-root .tomorrow[data-v-61912a06],
.weather-root .day-after[data-v-61912a06] {
  width: 100px;
  height: 200px;
  transition: box-shadow 0.3s, width 0.2s, height 0.2s;
}
.weather-root .today[data-v-61912a06]:hover,
.weather-root .tomorrow[data-v-61912a06]:hover,
.weather-root .day-after[data-v-61912a06]:hover {
  z-index: 15;
}
.weather-root .today .weather-body svg[data-v-61912a06],
.weather-root .tomorrow .weather-body svg[data-v-61912a06],
.weather-root .day-after .weather-body svg[data-v-61912a06] {
  width: 50px;
  height: 50px;
}
.weather-root .today .weather-body span[data-v-61912a06],
.weather-root .tomorrow .weather-body span[data-v-61912a06],
.weather-root .day-after .weather-body span[data-v-61912a06] {
  font-size: 15px;
  font-weight: 700;
  margin-top: 10px;
}
.weather-root .today[data-v-61912a06] {
  background-color: var(--el-color-primary-light-3);
}
.weather-root .tomorrow[data-v-61912a06] {
  background-color: var(--el-color-primary-light-5);
}
.weather-root .day-after[data-v-61912a06] {
  background-color: var(--el-color-primary-light-7);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.hover-dark[data-v-61912a06]:hover {
  box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.3);
}.chart-line-word-root[data-v-e8352694] {
  width: 100%;
  height: 100%;
}.chart-line-word-tooltip {
  box-shadow: 3px 3px 10px 1px #ebebeb;
  border: 1px solid var(--el-color-primary-light-5);
  border-radius: 4px;
  position: relative;
  z-index: 9999999;
  background: rgba(255, 255, 255, 0);
  padding: 10px;
  box-shadow: none;
  backdrop-filter: blur(5px);
}
[class=dark] .chart-line-word-tooltip {
  box-shadow: 3px 3px 10px 1px #1a1a1a;
}
.chart-line-word-tooltip .xaxis-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--el-color-primary);
}
.chart-line-word-tooltip .data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 300;
}
.chart-line-word-tooltip::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}.chart-heatmap-root[data-v-a88b8aa9] {
  width: 100%;
  height: 100%;
}.container-name[data-v-5cf5572a] {
  font-size: 20px;
  font-weight: 700;
  color: #5c5c5c;
  height: 60px;
  min-height: 60px;
  align-items: end !important;
  text-shadow: var(--bl-text-shadow);
}
[class=dark] .container-name[data-v-5cf5572a] {
  color: #a3a6ad;
}
.container-sub-name[data-v-5cf5572a] {
  font-size: 13px;
  font-weight: 300;
  color: #ababab;
  height: 20px;
  min-height: 20px;
  text-shadow: var(--bl-text-shadow);
}
[class=dark] .container-sub-name[data-v-5cf5572a] {
  color: #7e7e7e;
}
.container-sub-name .bl-statistic-line[data-v-5cf5572a] {
  font-size: 20px;
}
.container-sub-name .bl-array-line[data-v-5cf5572a] {
  color: var(--bl-text-color-light);
  font-size: 17px;
  padding-bottom: 10px;
}
.container-sub-name .bl-article-line[data-v-5cf5572a] {
  color: var(--bl-text-color-light);
  font-size: 17px;
  padding-bottom: 10px;
}
@keyframes rotation-5cf5572a {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
.bl-refresh-smile[data-v-5cf5572a] {
  font-size: 20px;
  margin: 0 10px;
}
.bl-refresh-smile[data-v-5cf5572a]:hover {
  animation: rotation-5cf5572a 10s linear infinite;
  text-shadow: none;
}
.iconbl[data-v-5cf5572a] {
  transition: color 0.3s;
  cursor: pointer;
}
.iconbl[data-v-5cf5572a]:hover {
  color: var(--el-color-primary);
}
[data-v-5cf5572a]::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}
[data-v-5cf5572a]::-webkit-scrollbar-thumb {
  background-color: var(--bl-scroll-color);
}
[data-v-5cf5572a]::-webkit-scrollbar-thumb:hover {
  background-color: var(--bl-scroll-color-hover);
}
.home-subject-root[data-v-5cf5572a] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow: hidden;
  overflow-y: scroll;
}
.placeholder[data-v-5cf5572a] {
  font-size: 15px;
  font-weight: 300;
  padding: 20px 0 0 20px;
  color: var(--bl-text-color-light);
}
.subject-card[data-v-5cf5572a] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 210px;
  height: 90px;
  min-width: 210px;
  max-width: 210px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0) 0%, #f0f0f0 80%, var(--bl-subject-color1) 100%);
  box-shadow: var(--bl-box-shadow-subject);
  margin: 15px 10px;
  border-radius: 4px;
  transition: transform 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
[class=dark] .subject-card[data-v-5cf5572a] {
  background: linear-gradient(155deg, var(--bl-html-color) 0%, var(--el-color-primary-light-9) 80%, var(--bl-subject-color1) 100%);
}
.subject-card[data-v-5cf5572a]:hover {
  transform: translateY(-5px);
}
.subject-card:hover .seal[data-v-5cf5572a] {
  transform: translateY(-30px);
}
.subject-card:hover .inner[data-v-5cf5572a] {
  opacity: 1;
}
.subject-card .progress[data-v-5cf5572a] {
  width: 210px;
  height: 2px;
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: 0;
  z-index: 5;
}
.subject-card .seal[data-v-5cf5572a] {
  width: 210px;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #3e3e3e;
  background: rgba(255, 255, 255, 0.8823529412);
  box-shadow: 0 3px 7px rgb(198, 198, 198);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 40px;
  padding: 0 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  transition: transform 0.3s;
  z-index: 4;
}
[class=dark] .subject-card .seal[data-v-5cf5572a] {
  color: #b3b3b3;
}
[class=dark] .subject-card .seal[data-v-5cf5572a] {
  background: rgba(21, 21, 21, 0.8235294118);
}
[class=dark] .subject-card .seal[data-v-5cf5572a] {
  box-shadow: 0 3px 5px rgb(14, 14, 14);
}
.subject-card .inner[data-v-5cf5572a] {
  width: 180px;
  height: 25px;
  position: absolute;
  top: 1px;
  right: "";
  bottom: "";
  left: 15px;
  box-shadow: inset 0 3px 10px rgb(84, 84, 84);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  transition: opacity 1s;
  opacity: 0;
}
[class=dark] .subject-card .inner[data-v-5cf5572a] {
  box-shadow: inset 0 3px 10px rgb(0, 0, 0);
}
.subject-card .subject-icon[data-v-5cf5572a],
.subject-card .menu-icon-img[data-v-5cf5572a] {
  width: 50px;
  height: 50px;
  position: absolute;
  top: "";
  right: 5px;
  bottom: 8px;
  left: "";
  filter: drop-shadow(0 0 3px rgb(62, 62, 62));
  border-radius: 4px;
}
[class=dark] .subject-card .subject-icon[data-v-5cf5572a],
[class=dark] .subject-card .menu-icon-img[data-v-5cf5572a] {
  filter: drop-shadow(0 0 3px #000000);
}
.subject-card .infos[data-v-5cf5572a] {
  width: 100%;
  height: 25px;
  font-size: 11px;
  font-weight: 300;
  color: #595959;
  padding: 5px 10px;
}
[class=dark] .subject-card .infos[data-v-5cf5572a] {
  color: #8d8d8d;
}
.subject-card .infos .iconbl[data-v-5cf5572a] {
  font-size: 12px;
  margin-right: 5px;
  transition: 0.3s;
}
.subject-card .infos .bl-sendmail-fill[data-v-5cf5572a] {
  font-size: 15px;
}
.subject-card.close[data-v-5cf5572a] {
  margin: 15px 5px;
}
.subject-list[data-v-5cf5572a] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 210px;
  flex-wrap: wrap;
  align-content: flex-start;
  position: relative;
  padding: 3px;
  margin: 15px 10px 0 10px;
  border-radius: 6px;
  transition: background-color 0.2s;
  cursor: pointer;
}
.subject-list[data-v-5cf5572a]:hover {
  background: #f5f5f5;
}
[class=dark] .subject-list[data-v-5cf5572a]:hover {
  background: #171717;
}
.subject-list:hover .content .name[data-v-5cf5572a] {
  color: var(--bl-text-color);
}
.subject-list .seal[data-v-5cf5572a] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding-left: 40px;
  font-size: 13px;
  color: var(--bl-text-color-light);
}
.subject-list .words[data-v-5cf5572a] {
  width: 100%;
  font-size: 10px;
  padding-left: 40px;
  color: var(--bl-text-color-light);
}
.subject-list .words .iconbl[data-v-5cf5572a] {
  font-size: 12px;
  padding-right: 3px;
}
.subject-list .subject-icon[data-v-5cf5572a],
.subject-list .menu-icon-img[data-v-5cf5572a] {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 6px;
  right: "";
  bottom: "";
  left: 10px;
  filter: drop-shadow(0 0 2px rgb(135, 135, 135));
}
[class=dark] .subject-list .subject-icon[data-v-5cf5572a],
[class=dark] .subject-list .menu-icon-img[data-v-5cf5572a] {
  filter: drop-shadow(0 0 2px #000000);
}
.subject-list .menu-icon-img[data-v-5cf5572a] {
  border-radius: 4px;
}
.subject-list .time[data-v-5cf5572a],
.subject-list .progress[data-v-5cf5572a],
.subject-list .inner[data-v-5cf5572a] {
  display: none;
}
.subject-list.close[data-v-5cf5572a] {
  margin: 15px 5px 0 5px;
}.container-name[data-v-d1ef6860] {
  font-size: 20px;
  font-weight: 700;
  color: #5c5c5c;
  height: 60px;
  min-height: 60px;
  align-items: end !important;
  text-shadow: var(--bl-text-shadow);
}
[class=dark] .container-name[data-v-d1ef6860] {
  color: #a3a6ad;
}
.container-sub-name[data-v-d1ef6860] {
  font-size: 13px;
  font-weight: 300;
  color: #ababab;
  height: 20px;
  min-height: 20px;
  text-shadow: var(--bl-text-shadow);
}
[class=dark] .container-sub-name[data-v-d1ef6860] {
  color: #7e7e7e;
}
.container-sub-name .bl-statistic-line[data-v-d1ef6860] {
  font-size: 20px;
}
.container-sub-name .bl-array-line[data-v-d1ef6860] {
  color: var(--bl-text-color-light);
  font-size: 17px;
  padding-bottom: 10px;
}
.container-sub-name .bl-article-line[data-v-d1ef6860] {
  color: var(--bl-text-color-light);
  font-size: 17px;
  padding-bottom: 10px;
}
@keyframes rotation-d1ef6860 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
.bl-refresh-smile[data-v-d1ef6860] {
  font-size: 20px;
  margin: 0 10px;
}
.bl-refresh-smile[data-v-d1ef6860]:hover {
  animation: rotation-d1ef6860 10s linear infinite;
  text-shadow: none;
}
.iconbl[data-v-d1ef6860] {
  transition: color 0.3s;
  cursor: pointer;
}
.iconbl[data-v-d1ef6860]:hover {
  color: var(--el-color-primary);
}
[data-v-d1ef6860]::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}
[data-v-d1ef6860]::-webkit-scrollbar-thumb {
  background-color: var(--bl-scroll-color);
}
[data-v-d1ef6860]::-webkit-scrollbar-thumb:hover {
  background-color: var(--bl-scroll-color-hover);
}
.article-stars-root[data-v-d1ef6860] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow: hidden;
  overflow-y: scroll;
  padding-top: 10px;
}
.placeholder[data-v-d1ef6860] {
  font-size: 15px;
  font-weight: 300;
  padding: 20px 0 0 20px;
  color: var(--bl-text-color-light);
}
.star-card[data-v-d1ef6860] {
  width: 210px;
  height: 50px;
  min-width: 210px;
  max-width: 210px;
  filter: var(--bl-drop-shadow-star);
  position: relative;
  margin: 10px 10px;
}
.star-card:hover .counterfoil[data-v-d1ef6860] {
  transform: translateX(-5px);
}
.star-card:hover .content[data-v-d1ef6860] {
  transform: translateX(5px);
}
.star-card .counterfoil[data-v-d1ef6860],
.star-card .content[data-v-d1ef6860] {
  position: absolute;
  top: 0;
  color: #ffffff;
  background: var(--el-color-primary-light-4);
  transition: transform-origin 0.3s, transform 0.3s;
  z-index: 2;
  cursor: pointer;
}
[class=dark] .star-card .counterfoil[data-v-d1ef6860],
[class=dark] .star-card .content[data-v-d1ef6860] {
  color: #c9c9c9;
}
[class=dark] .star-card .counterfoil[data-v-d1ef6860],
[class=dark] .star-card .content[data-v-d1ef6860] {
  background: var(--el-color-primary-light-6);
}
.star-card .counterfoil[data-v-d1ef6860] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.star-card .counterfoil[data-v-d1ef6860]:hover {
  transform: rotate(-10deg);
  transform-origin: 100% 100%;
}
.star-card .counterfoil .iconbl[data-v-d1ef6860] {
  font-size: 26px;
}
.star-card .counterfoil .iconbl[data-v-d1ef6860]:hover {
  color: #ffffff;
}
[class=dark] .star-card .counterfoil .iconbl[data-v-d1ef6860]:hover {
  color: #c9c9c9;
}
.star-card .counterfoil .open-article[data-v-d1ef6860] {
  position: absolute;
  top: "";
  right: "";
  bottom: 0px;
  left: 17px;
  font-size: 13px;
}
.star-card .content[data-v-d1ef6860] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 167px;
  height: 100%;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  right: 0;
}
.star-card .content .name[data-v-d1ef6860] {
  width: 150px;
  height: 25px;
  position: absolute;
  top: 7px;
  right: "";
  bottom: "";
  left: 8px;
  line-height: 13px;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.star-card .content .infos[data-v-d1ef6860] {
  width: 140px;
  height: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  font-weight: 300;
  position: absolute;
  top: "";
  right: "";
  bottom: 2px;
  left: 12px;
  border-top: 1px dashed #f1f1f1;
  padding-top: 4px;
}
.star-card.close[data-v-d1ef6860] {
  margin: 10px 5px;
}
.star-list[data-v-d1ef6860] {
  width: 210px;
  max-width: 210px;
  margin: 5px 10px 0px 10px;
  padding: 2px 3px 2px 10px;
  border-radius: 3px;
  transition: background-color 0.2s;
  cursor: pointer;
}
.star-list[data-v-d1ef6860]:hover {
  background: #f5f5f5;
}
[class=dark] .star-list[data-v-d1ef6860]:hover {
  background: #171717;
}
.star-list:hover .content .name[data-v-d1ef6860] {
  color: var(--bl-text-color);
}
.star-list .counterfoil[data-v-d1ef6860] {
  display: none;
}
.star-list .content[data-v-d1ef6860] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.star-list .content .name[data-v-d1ef6860] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 13px;
  color: var(--bl-text-color-light);
  transition: color 0.2s;
}
.star-list .content .infos[data-v-d1ef6860] {
  display: none;
}
.star-list.close[data-v-d1ef6860] {
  margin: 5px 5px 0px 5px;
}.statistic-article-root[data-v-a09bc947],
.statistic-picture-root[data-v-a09bc947] {
  width: 200px;
  height: 95px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #727272;
  text-shadow: var(--bl-text-shadow);
  border: 3px solid var(--el-color-primary-light-7);
  padding: 10px 0;
  margin-top: 20px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.3s;
}
[class=dark] .statistic-article-root[data-v-a09bc947],
[class=dark] .statistic-picture-root[data-v-a09bc947] {
  color: #929292;
}
.statistic-article-root[data-v-a09bc947]:hover,
.statistic-picture-root[data-v-a09bc947]:hover {
  box-shadow: 2px 3px 7px 0 rgba(58, 47, 47, 0.5);
}
[class=dark] .statistic-article-root[data-v-a09bc947]:hover,
[class=dark] .statistic-picture-root[data-v-a09bc947]:hover {
  box-shadow: 3px 3px 10px 0 rgb(0, 0, 0);
}
.statistic-article-root:hover .icon-shadow[data-v-a09bc947],
.statistic-picture-root:hover .icon-shadow[data-v-a09bc947] {
  transform: translateX(-20px) translateY(10px) scale(150%);
}
.statistic-article-root[data-v-a09bc947]::before,
.statistic-picture-root[data-v-a09bc947]::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}
.statistic-article-root .statistic[data-v-a09bc947],
.statistic-picture-root .statistic[data-v-a09bc947] {
  width: calc(100% - 70px);
  height: 100%;
  text-align: right;
  z-index: 2;
}
.statistic-article-root .statistic .main-stat[data-v-a09bc947],
.statistic-picture-root .statistic .main-stat[data-v-a09bc947] {
  width: 100%;
  height: 53px;
  font-size: 42px;
  font-weight: 700;
}
.statistic-article-root .statistic .sub-stat[data-v-a09bc947],
.statistic-picture-root .statistic .sub-stat[data-v-a09bc947] {
  width: 100%;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
}
.statistic-article-root .statistic .sub-stat .iconbl[data-v-a09bc947],
.statistic-picture-root .statistic .sub-stat .iconbl[data-v-a09bc947] {
  font-size: 13px;
}
.statistic-article-root .icon[data-v-a09bc947],
.statistic-picture-root .icon[data-v-a09bc947] {
  font-size: 80px;
  font-weight: 500;
  z-index: 2;
}
.statistic-article-root .icon-shadow[data-v-a09bc947],
.statistic-picture-root .icon-shadow[data-v-a09bc947] {
  font-size: 100px;
  font-weight: 500;
  color: var(--el-color-primary-light-5);
  position: absolute;
  right: -30px;
  bottom: 0px;
  z-index: 1;
  transition: transform 0.3s;
  filter: blur(3px);
}.task-workbench[data-v-8b3c131e] {
  width: 100%;
  height: 90px;
  font-weight: 300;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.task-workbench .task-name[data-v-8b3c131e] {
  font-size: 16px;
  font-weight: 300;
  text-shadow: var(--bl-text-shadow);
}
.task-workbench .waiting[data-v-8b3c131e] {
  background-color: var(--bl-todo-wait-color);
}
.task-workbench .processing[data-v-8b3c131e] {
  background-color: var(--bl-todo-proc-color);
}
.task-workbench .completed[data-v-8b3c131e] {
  background-color: var(--bl-todo-comp-color);
}
.task-workbench .bars[data-v-8b3c131e] {
  padding: 10px 10px 5px;
}
.task-workbench .bars div[data-v-8b3c131e] {
  font-size: 13px;
  font-weight: 300;
  height: 13px;
  margin: 0 3px;
  border-radius: 4px;
  padding: 3px 10px;
  text-align: center;
  transition: width 1s;
  box-shadow: inset 0 3px rgba(255, 255, 255, 0.3647058824), inset 0 -2px rgba(70, 70, 70, 0.5019607843), 0 2px 4px #c0c0c0;
}
[class=dark] .task-workbench .bars div[data-v-8b3c131e] {
  box-shadow: inset 0 3px rgba(255, 255, 255, 0.2823529412), inset 0 -3px rgba(47, 47, 47, 0.662745098), 0 2px 4px #000000;
}
.task-workbench .bars .bar-light[data-v-8b3c131e] {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3647058824), inset 0 -1px rgba(70, 70, 70, 0.5019607843), 0 1px 4px #c0c0c0;
}
[class=dark] .task-workbench .bars .bar-light[data-v-8b3c131e] {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2823529412), inset 0 -1px rgba(47, 47, 47, 0.662745098), 0 1px 4px #000000;
}
.task-workbench .tag-select[data-v-8b3c131e] {
  width: 150px;
}
.task-workbench .tag-select[data-v-8b3c131e] .el-tag--small {
  color: #fff;
  background-color: var(--el-color-primary-light-3);
  height: 18px;
}
[class=dark] .task-workbench .tag-select[data-v-8b3c131e] .el-tag--small {
  color: #000;
}
.task-workbench .tag-select[data-v-8b3c131e] .el-tag--small .el-tag__close {
  color: #fff;
}
[class=dark] .task-workbench .tag-select[data-v-8b3c131e] .el-tag--small .el-tag__close {
  color: #000;
}
.task-workbench .bars-legend[data-v-8b3c131e] {
  font-size: 14px;
  color: var(--bl-text-color-light);
}
.task-workbench .bars-legend > div[data-v-8b3c131e] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: 0 5px 0 20px;
}
.task-workbench-child[data-v-8b3c131e] {
  border-bottom: 1px solid var(--el-border-color-lighter);
  transition: all 0.2s ease;
  padding-left: 10px;
  font-size: 12px;
  color: var(--bl-text-color);
}
.progress-container[data-v-8b3c131e] {
  width: 100%;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  overflow-x: scroll;
}
.progress-container .task-tip[data-v-8b3c131e] {
  font-size: 12px;
  font-weight: 300;
  color: #d3d3d3;
}
[class=dark] .progress-container .task-tip[data-v-8b3c131e] {
  color: rgb(65, 65, 65);
}
.progress-container .add-icon[data-v-8b3c131e] {
  font-size: 16px;
  font-weight: 300;
  padding: 0 3px;
  color: var(--bl-text-color-light);
  cursor: pointer;
}
.progress-container .add-icon[data-v-8b3c131e]:hover {
  color: var(--el-color-primary);
}
.progress-container .waiting[data-v-8b3c131e],
.progress-container .processing[data-v-8b3c131e],
.progress-container .completed[data-v-8b3c131e] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 350px;
  height: 100%;
  min-width: 350px;
  max-width: 350px;
  color: var(--bl-text-color);
  position: relative;
  padding: 0 10px;
}
.progress-container .waiting .tasks-title[data-v-8b3c131e],
.progress-container .processing .tasks-title[data-v-8b3c131e],
.progress-container .completed .tasks-title[data-v-8b3c131e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 270px;
  height: 30px;
  font-size: 28px;
  font-weight: 700;
  text-shadow: var(--bl-text-shadow);
}
.progress-container .waiting .tasks-sub-title[data-v-8b3c131e],
.progress-container .processing .tasks-sub-title[data-v-8b3c131e],
.progress-container .completed .tasks-sub-title[data-v-8b3c131e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  height: 30px;
  font-size: 13px;
  font-weight: 300;
  padding: 0 5px;
  color: var(--bl-text-color-light);
  border-bottom: 1px solid var(--el-border-color);
}
.progress-container .waiting .tasks-container[data-v-8b3c131e],
.progress-container .processing .tasks-container[data-v-8b3c131e],
.progress-container .completed .tasks-container[data-v-8b3c131e] {
  width: 100%;
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-y: scroll;
  padding: 20px 0;
}
.progress-container .waiting .tasks-container .drag-container[data-v-8b3c131e],
.progress-container .processing .tasks-container .drag-container[data-v-8b3c131e],
.progress-container .completed .tasks-container .drag-container[data-v-8b3c131e] {
  width: 295px;
  height: 100%;
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: calc(50% - 140px);
  padding: 30px 0;
  color: transparent;
  text-align: center;
  display: none;
  z-index: 2;
}
.progress-container .waiting .tasks-container .drag-container div[data-v-8b3c131e],
.progress-container .processing .tasks-container .drag-container div[data-v-8b3c131e],
.progress-container .completed .tasks-container .drag-container div[data-v-8b3c131e] {
  pointer-events: none;
}
.progress-container .waiting .tasks-container .drag-container.enter[data-v-8b3c131e],
.progress-container .processing .tasks-container .drag-container.enter[data-v-8b3c131e],
.progress-container .completed .tasks-container .drag-container.enter[data-v-8b3c131e] {
  background: rgba(245, 245, 245, 0.9098039216);
  color: #c6c6c6;
  box-shadow: inset 0 0 5px 2px #c4c4c4;
  font-weight: 300;
  border-radius: 10px;
  border: 3px solid var(--el-color-primary);
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter[data-v-8b3c131e],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter[data-v-8b3c131e],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter[data-v-8b3c131e] {
  background: rgba(23, 23, 23, 0.8784313725);
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter[data-v-8b3c131e],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter[data-v-8b3c131e],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter[data-v-8b3c131e] {
  color: #505050;
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter[data-v-8b3c131e],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter[data-v-8b3c131e],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter[data-v-8b3c131e] {
  box-shadow: inset 0 0 8px 2px #000000;
}
.progress-container .waiting .tasks-container .drag-container.enter .iconbl[data-v-8b3c131e],
.progress-container .processing .tasks-container .drag-container.enter .iconbl[data-v-8b3c131e],
.progress-container .completed .tasks-container .drag-container.enter .iconbl[data-v-8b3c131e] {
  color: #e4e4e4;
  display: inherit;
  margin-top: 40px;
  font-size: 90px;
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter .iconbl[data-v-8b3c131e],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter .iconbl[data-v-8b3c131e],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter .iconbl[data-v-8b3c131e] {
  color: #2c2c2c;
}
.task-popover[data-v-8b3c131e] {
  background-color: var(--bl-bg-color) !important;
  color: red;
}
.task-popover > div[data-v-8b3c131e] {
  padding: 5px 5px 5px 5px;
  margin: 0 5px 5px 5px;
  border-radius: 5px;
  text-align: left;
  cursor: pointer;
}
.task-popover > div[data-v-8b3c131e]:hover {
  background: var(--el-color-primary-light-8);
}
.task-popover > div .el-input-number--small[data-v-8b3c131e] {
  margin-left: 10px;
  width: 80px;
}
.task-item[data-v-8b3c131e] {
  width: 270px;
  height: auto;
  min-width: 270px;
  max-width: 270px;
  font-weight: 300;
  border-radius: 4px;
  margin-bottom: 15px;
  transition: box-shadow 0.1s;
  position: relative;
}
.task-item .selection[data-v-8b3c131e] {
  width: 270px;
  height: 100%;
  background: rgba(249, 249, 249, 0.7215686275);
  border-radius: 4px;
  border: 3px dashed var(--el-border-color);
  position: absolute;
  z-index: 3;
  cursor: pointer;
}
[class=dark] .task-item .selection[data-v-8b3c131e] {
  background: rgba(15, 15, 15, 0.7215686275);
}
.task-item .selection .iconbl[data-v-8b3c131e] {
  color: var(--el-border-color);
  font-size: 45px;
}
.task-item .divider[data-v-8b3c131e] {
  color: #cfcfcf;
  border-bottom: 2px dashed;
  border-color: #cfcfcf;
  border-radius: 0;
  width: 100%;
  font-size: 12px;
}
[class=dark] .task-item .divider[data-v-8b3c131e] {
  color: rgba(84, 84, 84, 0.8784313725);
}
[class=dark] .task-item .divider[data-v-8b3c131e] {
  border-color: rgba(84, 84, 84, 0.8784313725);
}
.task-item[data-v-8b3c131e]:has(.divider) {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  pointer-events: none;
  border: none;
}
.task-item[data-v-8b3c131e]:has(.divider):hover {
  box-shadow: none;
}
.task-item[data-v-8b3c131e]:hover {
  box-shadow: 0 0 9px #c0c0c0;
}
[class=dark] .task-item[data-v-8b3c131e]:hover {
  box-shadow: 0 0 10px #000000;
}
.task-item:hover .task-title .iconbl[data-v-8b3c131e] {
  opacity: 1;
}
.task-item .task-title[data-v-8b3c131e] {
  filter: brightness(100%);
  color: #4d4d4d;
  font-size: 14px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: move;
}
[class=dark] .task-item .task-title[data-v-8b3c131e] {
  filter: brightness(80%);
}
[class=dark] .task-item .task-title[data-v-8b3c131e] {
  color: #d8d8d8;
}
.task-item .task-title .el-input[data-v-8b3c131e] {
  --el-input-bg-color: var(--bl-html-color) !important;
}
.task-item .task-title > div[data-v-8b3c131e] {
  transition: color 0.2s;
}
.task-item .task-title > div[data-v-8b3c131e]:hover {
  color: #000000;
}
[class=dark] .task-item .task-title > div[data-v-8b3c131e]:hover {
  color: #ececec;
}
.task-item .task-title .iconbl[data-v-8b3c131e] {
  opacity: 0;
}
.task-item .task-tags[data-v-8b3c131e] {
  padding: 2px 7px;
  align-content: flex-start;
  flex-wrap: wrap;
}
.task-item .task-times[data-v-8b3c131e] {
  height: 20px;
  font-size: 13px;
  padding: 0 10px;
  color: var(--bl-text-color-light);
}
.task-item .dead-line[data-v-8b3c131e] {
  color: #d5002e;
}
[class=dark] .task-item .dead-line[data-v-8b3c131e] {
  color: #a50024;
}
.task-item .task-content-placeholder[data-v-8b3c131e] {
  height: 10px;
  width: 250px;
  margin: 5px 10px 10px 10px;
  transition: background 0.3s;
  border-radius: 3px;
  cursor: cell;
}
.task-item .task-content-placeholder[data-v-8b3c131e]:hover {
  background: #e6e6e6;
}
[class=dark] .task-item .task-content-placeholder[data-v-8b3c131e]:hover {
  background: #242424;
}
.task-item .task-content[data-v-8b3c131e] {
  padding: 5px 10px;
  font-size: 13px;
  color: var(--bl-text-color-light);
  white-space: pre-line;
  word-wrap: break-word;
  overflow: auto;
  transition: color 0.2s;
  cursor: cell;
}
.task-item .task-content[data-v-8b3c131e]:hover {
  color: #555555;
}
[class=dark] .task-item .task-content[data-v-8b3c131e]:hover {
  color: #a5a5a5;
}
.task-item .el-progress[data-v-8b3c131e] {
  padding: 0 10px;
  margin-bottom: 10px;
}
.task-item .el-progress .el-progress__text[data-v-8b3c131e] {
  font-size: 12px !important;
  min-width: auto;
  color: var(--bl-text-color-light);
}
.task-item-normal[data-v-8b3c131e] {
  box-shadow: 0 0 5px #c0c0c0;
  background: #f9f9f9;
}
[class=dark] .task-item-normal[data-v-8b3c131e] {
  box-shadow: 0 0 3px #000000;
}
[class=dark] .task-item-normal[data-v-8b3c131e] {
  background: #141414;
}
.task-item-heavy[data-v-8b3c131e] {
  box-shadow: 0 0 5px #c0c0c0;
  background: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0);
}
[class=dark] .task-item-heavy[data-v-8b3c131e] {
  box-shadow: 0 0 3px #000000;
}
[class=dark] .task-item-heavy[data-v-8b3c131e] {
  background: #141414;
}
.task-item-light[data-v-8b3c131e] {
  border: 1px solid var(--el-border-color);
}
.task-item.moving[data-v-8b3c131e] {
  border: 1px dashed var(--el-border-color);
  box-shadow: none;
  cursor: move;
}
.task-item.moving *[data-v-8b3c131e] {
  visibility: hidden;
}
.task-progress-simple-root[data-v-8b3c131e] {
  width: 100%;
  height: 100%;
  position: relative;
}
.task-progress-simple-root .todo-select[data-v-8b3c131e] {
  position: absolute;
  top: -43px;
  left: 90px;
}
.task-progress-simple-root .todo-select[data-v-8b3c131e] .el-input {
  border: none;
}
.task-progress-simple-root .todo-select[data-v-8b3c131e] .el-input__wrapper {
  box-shadow: none;
  --el-input-bg-color: transparent;
}
.task-progress-simple-root .todo-select[data-v-8b3c131e] .el-input__wrapper .el-input__inner {
  color: #ababab;
}
.task-progress-simple-root .placeholder[data-v-8b3c131e] {
  font-size: 15px;
  font-weight: 300;
  padding: 20px 0 0 20px;
  color: var(--bl-text-color-light);
}
.task-progress-simple-root .task-workbench[data-v-8b3c131e] {
  display: block;
  height: 60px;
}
.task-progress-simple-root .progress-container[data-v-8b3c131e] {
  height: calc(100% - 60px);
}
.task-progress-simple-root .progress-container .waiting[data-v-8b3c131e],
.task-progress-simple-root .progress-container .processing[data-v-8b3c131e],
.task-progress-simple-root .progress-container .completed[data-v-8b3c131e] {
  min-width: 240px;
  max-width: 240px;
  padding: 0;
}
.task-progress-simple-root .progress-container .waiting .tasks-container[data-v-8b3c131e],
.task-progress-simple-root .progress-container .processing .tasks-container[data-v-8b3c131e],
.task-progress-simple-root .progress-container .completed .tasks-container[data-v-8b3c131e] {
  height: 100%;
  padding-top: 0;
  overflow-x: hidden;
}
.task-progress-simple-root .progress-container .waiting .tasks-container .task-item[data-v-8b3c131e],
.task-progress-simple-root .progress-container .processing .tasks-container .task-item[data-v-8b3c131e],
.task-progress-simple-root .progress-container .completed .tasks-container .task-item[data-v-8b3c131e] {
  background-color: linear-gradient(155deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5176470588) 60%, var(--el-color-primary-light-9) 100%);
  min-width: 210px;
  max-width: 210px;
  margin: 10px 20px;
}
.task-progress-simple-root .progress-container .waiting .tasks-container .task-item .task-title[data-v-8b3c131e],
.task-progress-simple-root .progress-container .processing .tasks-container .task-item .task-title[data-v-8b3c131e],
.task-progress-simple-root .progress-container .completed .tasks-container .task-item .task-title[data-v-8b3c131e] {
  cursor: auto;
}
.task-progress-simple-root .progress-container .waiting .tasks-container .task-item[data-v-8b3c131e]:has(.divider),
.task-progress-simple-root .progress-container .processing .tasks-container .task-item[data-v-8b3c131e]:has(.divider),
.task-progress-simple-root .progress-container .completed .tasks-container .task-item[data-v-8b3c131e]:has(.divider) {
  background: transparent !important;
}
@media screen and (max-height: 1100px) {
.task-progress-simple-root .task-workbench[data-v-8b3c131e] {
    display: none;
}
.task-progress-simple-root .progress-container[data-v-8b3c131e] {
    height: 100%;
    padding-top: 0;
}
}
[data-v-8b3c131e]::-webkit-scrollbar {
  width: 0px;
  height: 3px;
}.info-title[data-v-69c2d914] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-69c2d914] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-69c2d914] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-69c2d914] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-69c2d914] {
  cursor: pointer;
}
.info-footer[data-v-69c2d914] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-69c2d914] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.words-info-root[data-v-69c2d914] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.words-info-root .info-sub-title[data-v-69c2d914] {
  padding-top: 5px;
  font-size: 12px;
  color: var(--bl-text-color-light);
  text-shadow: none;
}
.words-info-root .workbench[data-v-69c2d914] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  padding: 0 20px;
}
.words-info-root .workbench .form[data-v-69c2d914] {
  width: 300px;
  height: 100%;
  padding: 10px 0;
}
.words-info-root .workbench .form .btn-container[data-v-69c2d914] {
  border-top: 1px solid var(--el-border-color);
  padding-top: 20px;
  margin-top: 20px;
  margin-right: 10px;
  text-align: right;
}
.words-info-root .workbench .lines[data-v-69c2d914] {
  width: calc(100% - 320px);
  height: 100%;
}
.words-info-root .workbench .el-divider[data-v-69c2d914] {
  height: 100%;
}
.words-info-root .words-item-container[data-v-69c2d914] {
  width: 100%;
  height: calc(100% - 250px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 10px 10px;
  overflow-y: scroll;
}
.words-info-root .words-item-container .words-item[data-v-69c2d914] {
  width: 240px;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 14px;
  padding: 5px 5px;
  border-radius: 4px;
}
.words-info-root .words-item-container .words-item .january[data-v-69c2d914] {
  color: var(--el-color-primary);
  font-weight: bold;
}
.words-info-root .words-item-container .words-item[data-v-69c2d914]:hover {
  box-shadow: var(--bl-box-shadow-hover);
}
.words-info-root .words-item-container .words-item:hover .del-btn[data-v-69c2d914] {
  opacity: 1;
}
.words-info-root .words-item-container .words-item .date[data-v-69c2d914] {
  font-size: 13px;
  padding-right: 3px;
}
.words-info-root .words-item-container .words-item .del-btn[data-v-69c2d914] {
  opacity: 0;
}
.words-info-root .up[data-v-69c2d914],
.words-info-root .down[data-v-69c2d914],
.words-info-root .none[data-v-69c2d914] {
  padding-right: 3px;
  margin-top: 3px;
}
.words-info-root .up[data-v-69c2d914] {
  color: var(--el-color-success);
}
.words-info-root .down[data-v-69c2d914] {
  color: var(--el-color-error);
}
.container-name[data-v-93e24fb9] {
  font-size: 20px;
  font-weight: 700;
  color: #5c5c5c;
  height: 60px;
  min-height: 60px;
  align-items: end !important;
  text-shadow: var(--bl-text-shadow);
}
[class=dark] .container-name[data-v-93e24fb9] {
  color: #a3a6ad;
}
.container-sub-name[data-v-93e24fb9] {
  font-size: 13px;
  font-weight: 300;
  color: #ababab;
  height: 20px;
  min-height: 20px;
  text-shadow: var(--bl-text-shadow);
}
[class=dark] .container-sub-name[data-v-93e24fb9] {
  color: #7e7e7e;
}
.container-sub-name .bl-statistic-line[data-v-93e24fb9] {
  font-size: 20px;
}
.container-sub-name .bl-array-line[data-v-93e24fb9] {
  color: var(--bl-text-color-light);
  font-size: 17px;
  padding-bottom: 10px;
}
.container-sub-name .bl-article-line[data-v-93e24fb9] {
  color: var(--bl-text-color-light);
  font-size: 17px;
  padding-bottom: 10px;
}
@keyframes rotation-93e24fb9 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-360deg);
}
}
.bl-refresh-smile[data-v-93e24fb9] {
  font-size: 20px;
  margin: 0 10px;
}
.bl-refresh-smile[data-v-93e24fb9]:hover {
  animation: rotation-93e24fb9 10s linear infinite;
  text-shadow: none;
}
.iconbl[data-v-93e24fb9] {
  transition: color 0.3s;
  cursor: pointer;
}
.iconbl[data-v-93e24fb9]:hover {
  color: var(--el-color-primary);
}
[data-v-93e24fb9]::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}
[data-v-93e24fb9]::-webkit-scrollbar-thumb {
  background-color: var(--bl-scroll-color);
}
[data-v-93e24fb9]::-webkit-scrollbar-thumb:hover {
  background-color: var(--bl-scroll-color-hover);
}
.global-home-root[data-v-93e24fb9] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /** 小于1440时 */
}
.global-home-root .main[data-v-93e24fb9] {
  width: 910px;
  height: 100%;
  min-width: 910px;
  max-width: 910px;
  padding: 0 5px 10px 20px;
  z-index: 2;
}
.global-home-root .main .image-container[data-v-93e24fb9] {
  width: 200px;
  height: 100%;
  filter: brightness(100%);
}
[class=dark] .global-home-root .main .image-container[data-v-93e24fb9] {
  filter: brightness(80%);
}
.global-home-root .main .image-container .user-name[data-v-93e24fb9] {
  font-size: 25px;
  font-weight: 700;
  color: #5c5c5c;
  text-shadow: var(--bl-text-shadow);
  height: 30px;
}
[class=dark] .global-home-root .main .image-container .user-name[data-v-93e24fb9] {
  color: var(--el-color-primary);
}
.global-home-root .main .greetings[data-v-93e24fb9] {
  font-size: 50px;
  font-weight: 700;
  color: #5c5c5c;
  text-shadow: 2px 3px 4px rgba(107, 104, 104, 0.5);
}
[class=dark] .global-home-root .main .greetings[data-v-93e24fb9] {
  color: var(--el-color-primary);
}
[class=dark] .global-home-root .main .greetings[data-v-93e24fb9] {
  text-shadow: 2px 3px 5px rgb(0, 0, 0);
}
.global-home-root .main .now-time[data-v-93e24fb9] {
  color: #5c5c5c;
  height: 20px;
  text-shadow: var(--bl-text-shadow);
  font-size: 12px;
}
[class=dark] .global-home-root .main .now-time[data-v-93e24fb9] {
  color: var(--el-color-primary);
}
.global-home-root .main .chart-container[data-v-93e24fb9] {
  width: 100%;
  height: calc(100% - 315px);
  overflow-x: hidden;
  overflow-y: scroll;
}
.global-home-root .middle[data-v-93e24fb9] {
  height: 100%;
  position: relative;
  display: none;
  z-index: 2;
}
.global-home-root .web-container[data-v-93e24fb9] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: calc(100% - 60px);
  margin: 30px 0 50px 0px;
  position: relative;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  z-index: 2;
}
.global-home-root .web-container-heavy[data-v-93e24fb9] {
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: var(--bl-box-shadow);
}
.global-home-root .web-container-light[data-v-93e24fb9] {
  border: 1px solid;
  border-color: #e6e6e6;
  border-radius: "0";
}
[class=dark] .global-home-root .web-container-light[data-v-93e24fb9] {
  border-color: #171717;
}
.global-home-root .web-show[data-v-93e24fb9],
.global-home-root .web-hide[data-v-93e24fb9] {
  color: #ababab;
  text-shadow: var(--bl-text-shadow);
  position: absolute;
  font-size: 20px;
  z-index: 2;
  transition: color 0.2s;
  cursor: pointer;
}
[class=dark] .global-home-root .web-show[data-v-93e24fb9],
[class=dark] .global-home-root .web-hide[data-v-93e24fb9] {
  color: #7e7e7e;
}
.global-home-root .web-show[data-v-93e24fb9]:hover,
.global-home-root .web-hide[data-v-93e24fb9]:hover {
  color: var(--el-color-primary);
}
.global-home-root .web-show[data-v-93e24fb9] {
  right: 0;
  top: 30px;
}
.global-home-root .web-hide[data-v-93e24fb9] {
  left: 10px;
  top: 10px;
  z-index: 99;
}
@media screen and (max-width: 1140px) {
.global-home-root .web-container[data-v-93e24fb9] {
    opacity: 0 !important;
}
}
@media screen and (min-width: 1140px) {
.global-home-root .middle[data-v-93e24fb9]:not(.expand) {
    border-left: 1px solid;
    border-color: #e6e6e6;
    border-radius: "0";
    display: block;
    padding: 0 10px 10px 20px;
}
[class=dark] .global-home-root .middle[data-v-93e24fb9]:not(.expand) {
    border-color: #171717;
}
}
@media screen and (min-width: 1600px) {
.global-home-root .middle[data-v-93e24fb9]:not(.fold) {
    border-left: 1px solid;
    border-color: #e6e6e6;
    border-radius: "0";
    display: block;
    padding: 0 10px 10px 20px;
}
[class=dark] .global-home-root .middle[data-v-93e24fb9]:not(.fold) {
    border-color: #171717;
}
}.info-title[data-v-b66a0898] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-b66a0898] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-b66a0898] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-b66a0898] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-b66a0898] {
  cursor: pointer;
}
.info-footer[data-v-b66a0898] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-b66a0898] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.article-backup-root[data-v-b66a0898] {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.article-backup-root .content[data-v-b66a0898] {
  width: 100%;
  height: calc(100% - 50px);
  padding: 20px;
}
.article-backup-root .content .workbench[data-v-b66a0898] {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid var(--el-border-color);
  margin-bottom: 10px;
}
.article-backup-root .content .workbench .download-process[data-v-b66a0898] {
  padding: 3px 10px;
}
.article-backup-root .content .workbench .download-process[data-v-b66a0898] .el-progress-bar__outer {
  border-radius: 5px;
}
.article-backup-root .content .workbench .download-process[data-v-b66a0898] .el-progress-bar__inner {
  border-radius: 5px;
}
.article-backup-root .content .bak-container[data-v-b66a0898] {
  width: 100%;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow-x: scroll;
  padding: 10px;
}
.article-backup-root .content .bak-container .bak-item[data-v-b66a0898] {
  width: 350px;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 4px;
  transition: box-shadow 0.1s;
  position: relative;
}
.article-backup-root .content .bak-container .bak-item[data-v-b66a0898]:hover {
  box-shadow: var(--bl-box-shadow-hover);
}
.article-backup-root .content .bak-container .bak-item:hover .download-btn[data-v-b66a0898] {
  opacity: 1;
}
.article-backup-root .content .bak-container .bak-item .bl-file-zip-line[data-v-b66a0898] {
  font-size: 15px;
}
.article-backup-root .content .bak-container .bak-item .name[data-v-b66a0898] {
  padding: 0 10px;
  font-size: 13px;
}
.article-backup-root .content .bak-container .bak-item .size[data-v-b66a0898],
.article-backup-root .content .bak-container .bak-item .desc[data-v-b66a0898] {
  font-size: 12px;
  color: var(--bl-text-color-light);
}
.article-backup-root .content .bak-container .bak-item .download-btn[data-v-b66a0898] {
  position: absolute;
  right: 5px;
  top: calc(50% - 12px);
  opacity: 0;
}.info-title[data-v-1b161101] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-1b161101] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-1b161101] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-1b161101] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-1b161101] {
  cursor: pointer;
}
.info-footer[data-v-1b161101] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-1b161101] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.article-recycle-root[data-v-1b161101] {
  width: 100%;
  height: 100%;
}
.article-recycle-root .content[data-v-1b161101] {
  width: 100%;
  height: calc(100% - 50px);
  padding: 0 20px;
}
.article-recycle-root .content .workbench[data-v-1b161101] {
  width: 100%;
  height: 45px;
}
.article-recycle-root .content .recycle-container[data-v-1b161101] {
  width: 100%;
  height: calc(100% - 45px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow-x: scroll;
  padding: 10px;
}
.article-recycle-root .content .recycle-container .recycle-item[data-v-1b161101] {
  width: 270px;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 4px;
  transition: box-shadow 0.1s;
  position: relative;
}
.article-recycle-root .content .recycle-container .recycle-item[data-v-1b161101]:hover {
  box-shadow: var(--bl-box-shadow-hover);
}
.article-recycle-root .content .recycle-container .recycle-item:hover .restore-btn[data-v-1b161101],
.article-recycle-root .content .recycle-container .recycle-item:hover .download-btn[data-v-1b161101] {
  opacity: 1;
}
.article-recycle-root .content .recycle-container .recycle-item .name[data-v-1b161101] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
}
.article-recycle-root .content .recycle-container .recycle-item .size[data-v-1b161101] {
  font-size: 12px;
  color: var(--bl-text-color-light);
  margin-top: 5px;
}
.article-recycle-root .content .recycle-container .recycle-item .download-btn[data-v-1b161101] {
  position: absolute;
  right: 5px;
  bottom: 3px;
  opacity: 0;
}
.article-recycle-root .content .recycle-container .recycle-item .restore-btn[data-v-1b161101] {
  position: absolute;
  right: 5px;
  top: 3px;
  opacity: 0;
}.doc-workbench-root[data-v-6d0badae] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  border-bottom: 1px solid var(--el-border-color);
}
.doc-workbench-root .workbench-name[data-v-6d0badae] {
  color: var(--bl-text-color);
  font-size: 12px;
  text-align: right;
  overflow: scroll;
  padding-right: 5px;
}
.doc-workbench-root .workbench-more[data-v-6d0badae] {
  background: #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 4px;
}
[class=dark] .doc-workbench-root .workbench-more[data-v-6d0badae] {
  background: #161616;
}
.doc-workbench-root .workbench-more .iconbl[data-v-6d0badae] {
  color: #a9a9a9;
  position: absolute;
  top: 2px;
  right: -6px;
  font-size: 20px;
}
[class=dark] .doc-workbench-root .workbench-more .iconbl[data-v-6d0badae] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-6d0badae] {
  color: #909399;
  text-shadow: var(--bl-text-shadow);
  font-size: 25px;
  padding: 3px 2px;
  transition: color 0.3s, text-shadow 0.3s;
  cursor: pointer;
}
[class=dark] .doc-workbench-root .iconbl[data-v-6d0badae] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-6d0badae]:hover {
  color: var(--el-color-primary);
}
.doc-workbench-root .bl-cloud-fill[data-v-6d0badae],
.doc-workbench-root .bl-star-fill[data-v-6d0badae],
.doc-workbench-root .bl-a-lowerrightpage-fill[data-v-6d0badae] {
  color: var(--el-color-primary);
}
.wb-page-container[data-v-6d0badae] {
  position: relative;
  height: 44px;
}
.wb-page-container .wb-page-item[data-v-6d0badae] {
  flex-direction: row-reverse !important;
  align-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
  position: absolute;
  left: 0;
}
.wb-page-container .wb-page-item[data-v-6d0badae]::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.wb-page-container .wb-page-item .bl-search-line[data-v-6d0badae] {
  font-size: 23px;
  padding-bottom: 4px;
}
.wb-page-container .wb-page-item .bl-star-line[data-v-6d0badae],
.wb-page-container .wb-page-item .bl-star-fill[data-v-6d0badae] {
  font-size: 23px;
  padding-bottom: 5px;
}
.wb-page-container .wb-page-item .bl-correlation-line[data-v-6d0badae] {
  font-size: 40px;
  padding-bottom: 0px;
}.info-title[data-v-6788efee] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-6788efee] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-6788efee] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-6788efee] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-6788efee] {
  cursor: pointer;
}
.info-footer[data-v-6788efee] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-6788efee] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.article-qrcode-root[data-v-6788efee] {
  border-radius: 10px;
}
.article-qrcode-root .content[data-v-6788efee] {
  padding: 20px;
}
.article-qrcode-root .content .label[data-v-6788efee] {
  font-size: 16px;
  border-top: 1px solid var(--el-border-color);
  padding-top: 15px;
}
.article-qrcode-root .content .label .iconbl[data-v-6788efee] {
  font-size: 18px;
  margin-left: 10px;
  cursor: pointer;
}
.article-qrcode-root .content .label .iconbl[data-v-6788efee]:hover {
  color: var(--el-color-primary);
}
.article-qrcode-root .content a[data-v-6788efee] {
  color: var(--el-color-primary);
}.article-info-root[data-v-86fba9d6] {
  border-radius: 10px;
}
.article-info-root .info-title-wrapper[data-v-86fba9d6] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--el-border-color);
}
.article-info-root .info-title-wrapper .info-icon[data-v-86fba9d6] {
  width: 50px;
  height: 100%;
  text-align: center;
}
.article-info-root .info-title-wrapper .info-title[data-v-86fba9d6] {
  font-size: 16px;
  width: calc(100% - 50px - 50px);
  height: 100%;
  padding-top: 10px;
  color: var(--bl-text-title-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.article-info-root .info-img[data-v-86fba9d6] {
  width: 100%;
  height: 70px;
  padding: 10px;
}
.article-info-root .info-img .info-img-placeholder[data-v-86fba9d6] {
  width: 515px;
  height: 51px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #cacaca;
  border: 1px dashed;
  border-color: #b0b0b0;
  border-radius: 5px;
}
[class=dark] .article-info-root .info-img .info-img-placeholder[data-v-86fba9d6] {
  color: #494949;
}
[class=dark] .article-info-root .info-img .info-img-placeholder[data-v-86fba9d6] {
  border-color: #494949;
}
.article-info-root .info-img img[data-v-86fba9d6] {
  width: 515px;
  height: 51px;
  box-shadow: 0 0 10px #505050;
  border-radius: 5px;
}
[class=dark] .article-info-root .info-img img[data-v-86fba9d6] {
  box-shadow: 0 0 10px #000000;
}
.article-info-root .article-stat-container[data-v-86fba9d6] {
  width: 100%;
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.article-info-root .article-stat-container .stat-details[data-v-86fba9d6] {
  width: calc(100% - 80px - 150px);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  font-size: 12px;
}
.article-info-root .article-stat-container .stat-details .tag-root[data-v-86fba9d6] {
  margin: 2px 3px;
}
.article-info-root .article-stat-container .stat-details .stat-main-left[data-v-86fba9d6] {
  width: 65%;
  height: 100%;
}
.article-info-root .article-stat-container .stat-details .stat-main-right[data-v-86fba9d6] {
  width: 35%;
  height: 100%;
}
.article-info-root .article-stat-container .stat-details > div[data-v-86fba9d6] {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.article-info-root .article-stat-container .stat-star[data-v-86fba9d6] {
  width: 80px;
  height: 100%;
  color: rgb(206, 175, 0);
}
.article-info-root .article-stat-container .stat-star .iconbl[data-v-86fba9d6] {
  padding: 5px;
  font-size: 60px;
  text-shadow: var(--bl-text-shadow);
  transition: 0.3s;
  cursor: pointer;
}
.article-info-root .article-stat-container .stat-star .iconbl[data-v-86fba9d6]:hover {
  color: rgb(237, 204, 11);
}
.article-info-root .article-stat-container .stat-buttons[data-v-86fba9d6] {
  width: 150px;
  height: 100%;
  padding: 5px;
  color: var(--el-color-primary-light-5);
  text-shadow: var(--bl-text-shadow);
}
.article-info-root .article-stat-container .stat-buttons .iconbl[data-v-86fba9d6] {
  cursor: pointer;
  transition: 0.3s;
  font-size: 30px;
}
.article-info-root .article-stat-container .stat-buttons .iconbl[data-v-86fba9d6]:hover {
  color: var(--el-color-primary);
}
.article-info-root .article-stat-container .stat-star .disabled[data-v-86fba9d6],
.article-info-root .article-stat-container .stat-buttons .disabled[data-v-86fba9d6] {
  pointer-events: none;
  color: var(--el-color-info-light-5);
}
.article-info-root .article-stat-container .stat-star .disabled[data-v-86fba9d6]:hover,
.article-info-root .article-stat-container .stat-buttons .disabled[data-v-86fba9d6]:hover {
  color: var(--el-color-info-light-5);
}
.article-info-root .info-tags-container[data-v-86fba9d6] {
  width: calc(100% - 20px);
  height: 83px;
  box-shadow: inset 0 0 4px 1px rgb(222, 222, 222);
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
  text-align: left;
  overflow-y: scroll;
}
[class=dark] .article-info-root .info-tags-container[data-v-86fba9d6] {
  box-shadow: inset 0 0 4px 1px rgb(0, 0, 0);
}
.article-info-root .info-tags-container .info-tags-quick-choise[data-v-86fba9d6] {
  display: inline-block;
  border: 1px solid var(--el-border-color);
  padding: 3px 11px;
  margin: 3px 3px;
  font-size: 12px;
}
.article-info-root .info-tags-container > span[data-v-86fba9d6],
.article-info-root .info-tags-container button[data-v-86fba9d6] {
  margin: 3px 3px;
}
.article-info-root .info-tags-container .el-input[data-v-86fba9d6] {
  margin: 3px 3px;
}
.article-info-root .info-form[data-v-86fba9d6] {
  width: 100%;
  height: calc(100% - 50px - 70px - 70px - 83px - 50px);
  padding: 10px;
}
.article-info-root .info-form[data-v-86fba9d6] .el-form--inline .el-form-item {
  margin-right: 20px;
}
.article-info-root .info-footer[data-v-86fba9d6] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.article-info-root .info-footer .iconbl[data-v-86fba9d6] {
  font-size: 18px;
  margin-right: 5px;
}
.article-info-root .emoji-link[data-v-86fba9d6] {
  font-size: 25px;
  margin-left: 5px;
  cursor: pointer;
}.info-title[data-v-06ce1f74] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-06ce1f74] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-06ce1f74] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-06ce1f74] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-06ce1f74] {
  cursor: pointer;
}
.info-footer[data-v-06ce1f74] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-06ce1f74] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.article-import-root[data-v-06ce1f74] {
  border-radius: 10px;
}
.article-import-root .content[data-v-06ce1f74] {
  padding: 20px;
}.info-title[data-v-a8780cb1] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-a8780cb1] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-a8780cb1] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-a8780cb1] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-a8780cb1] {
  cursor: pointer;
}
.info-footer[data-v-a8780cb1] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-a8780cb1] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.article-search-root[data-v-a8780cb1] {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.article-search-root .info-title[data-v-a8780cb1] {
  height: 60px;
  padding: 0;
  padding-top: 3px;
}
.article-search-root .content[data-v-a8780cb1] {
  width: 100%;
  height: calc(100% - 110px);
  padding-right: 4px;
}
.article-search-root .search-input[data-v-a8780cb1] {
  --el-input-bg-color: #00000000;
}
.article-search-root .search-input .bl-and[data-v-a8780cb1] {
  cursor: pointer;
  transition: color 0.3s;
}
.article-search-root .search-input .bl-and.and[data-v-a8780cb1] {
  color: var(--el-color-primary);
}
.article-search-root .search-input .clear-btn[data-v-a8780cb1] {
  cursor: pointer;
}
.article-search-root .search-input[data-v-a8780cb1] .el-input__wrapper {
  box-shadow: none;
}
.article-search-root .search-input[data-v-a8780cb1] .el-input__wrapper.is-focus {
  box-shadow: none;
}
.article-search-root .search-input[data-v-a8780cb1] .el-input__inner {
  font-size: 16px;
}
.article-search-root .results[data-v-a8780cb1] {
  height: 100%;
  overflow-y: scroll;
  padding: 0 16px 0 20px;
  padding-bottom: 0;
  padding-top: 10px;
}
.article-search-root .results .placeholder[data-v-a8780cb1] {
  padding: 40px 0;
  text-align: center;
  color: var(--bl-text-color-light);
}
.article-search-root .results .placeholder .iconbl[data-v-a8780cb1] {
  color: #f1f1f1;
  margin-top: 80px;
  font-size: 150px;
}
[class=dark] .article-search-root .results .placeholder .iconbl[data-v-a8780cb1] {
  color: #272727;
}
.article-search-root .results .result-item[data-v-a8780cb1] {
  box-shadow: 0 0 2px #d4d4d4;
  max-height: 100px;
  margin-bottom: 15px;
  border-radius: 4px;
  background-color: var(--bl-html-color);
  border: 1px solid var(--el-border-color-light);
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
[class=dark] .article-search-root .results .result-item[data-v-a8780cb1] {
  box-shadow: 0 0 3px #000000;
}
.article-search-root .results .result-item .index[data-v-a8780cb1] {
  font-size: 11px;
  font-weight: 100;
  width: 13px;
  color: var(--bl-text-color-light);
  font-style: italic;
  position: absolute;
  top: 0px;
  left: -20px;
  text-align: right;
}
.article-search-root .results .result-item .infos[data-v-a8780cb1] {
  height: 26px;
  padding: 0 4px;
}
.article-search-root .results .result-item .infos .name[data-v-a8780cb1] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--el-color-primary);
  min-width: 60%;
}
.article-search-root .results .result-item .infos .tags[data-v-a8780cb1] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto !important;
  max-width: 40%;
}
.article-search-root .results .result-item .markdown[data-v-a8780cb1] {
  height: 69px;
  font-size: 12px;
  padding: 0 3px 2px 3px;
  border-top: 1px solid var(--el-border-color);
  overflow-y: scroll;
  color: var(--bl-text-color-light);
}
.article-search-root .results .result-item .workbench[data-v-a8780cb1] {
  height: 20px;
  font-size: 12px;
  background-color: var(--bl-bg-color);
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.article-search-root .results .result-item .workbench .iconbl[data-v-a8780cb1] {
  padding: 0 5px;
  line-height: 20px;
  height: 100%;
  cursor: pointer;
}
.article-search-root .results .result-item .workbench .iconbl[data-v-a8780cb1]:hover {
  background-color: var(--el-color-primary-light-8);
}
.article-search-root .results .result-item.current[data-v-a8780cb1] {
  border: 1px solid var(--el-color-primary);
  background-color: var(--el-color-primary-light-9);
}
.article-search-root .results .result-item.current .workbench[data-v-a8780cb1] {
  border-top: 1px solid var(--el-color-primary);
  border-left: 1px solid var(--el-color-primary);
  display: block;
}
.article-search-root .results .result-item.current .markdown[data-v-a8780cb1] {
  color: var(--bl-text-color);
}
.article-search-root .results[data-v-a8780cb1]::-webkit-scrollbar {
  width: 10px;
}
.article-search-root .results[data-v-a8780cb1]::-webkit-scrollbar-thumb {
  border-radius: 0px;
}
.article-search-root .keys[data-v-a8780cb1] {
  font-size: 13px;
  font-weight: 100;
}
.article-search-root .keys kbd[data-v-a8780cb1] {
  margin: 0 3px;
}
.article-search-root .keys div[data-v-a8780cb1] {
  margin-right: 10px;
}
.article-search-root .totalhit[data-v-a8780cb1] {
  font-size: 13px;
  font-weight: 100;
  color: var(--bl-text-color-light);
}
.article-search-root .keyboard[data-v-a8780cb1] {
  height: 21px;
  margin-bottom: 6px;
  font-size: 13px;
}.info-title[data-v-07b3394f] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-07b3394f] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-07b3394f] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-07b3394f] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-07b3394f] {
  cursor: pointer;
}
.info-footer[data-v-07b3394f] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-07b3394f] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.article-custom-temp-visit-root[data-v-07b3394f] {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.article-custom-temp-visit-root .article-name[data-v-07b3394f] {
  width: 320px;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article-custom-temp-visit-root .content[data-v-07b3394f] {
  padding: 10px;
  text-align: center;
}
.article-custom-temp-visit-root .content .expire[data-v-07b3394f] {
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background-color: var(--bl-preview-code-bg-color);
  margin: 13px 0;
}
.doc-workbench[data-v-91d4d192] {
  width: 100%;
  height: 50px;
}
.doc-tree-operator[data-v-91d4d192] {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #909399;
  position: relative;
}
[class=dark] .doc-tree-operator[data-v-91d4d192] {
  color: #969696;
}
.doc-tree-operator .iconbl[data-v-91d4d192] {
  font-size: 18px;
  padding: 3px;
  transition: background-color 0.2s;
  cursor: pointer;
}
.doc-tree-operator .iconbl[data-v-91d4d192]:hover {
  background: #efefef;
  border-radius: 4px;
}
[class=dark] .doc-tree-operator .iconbl[data-v-91d4d192]:hover {
  background: #393939;
}
.doc-tree-operator .bl-a-leftdirection-line[data-v-91d4d192] {
  margin-bottom: 1px;
}
.doc-tree-operator .bl-folderadd-line[data-v-91d4d192] {
  margin: 0 2px;
}
.doc-tree-operator .bl-search-item[data-v-91d4d192] {
  margin: 0 2px;
}
.doc-tree-operator .bl-collapse[data-v-91d4d192] {
  font-size: 16px;
}
.doc-tree-operator .doc-tree-search[data-v-91d4d192] {
  position: absolute;
  top: 28px;
  right: 10px;
  z-index: 2000;
}
.doc-tree-operator .doc-tree-search .el-input[data-v-91d4d192] {
  border-radius: 4px;
  background-color: var(--bl-html-color);
  box-shadow: 0 0 7px 1px rgba(74, 74, 74, 0.1843137255);
}
[class=dark] .doc-tree-operator .doc-tree-search .el-input[data-v-91d4d192] {
  box-shadow: 0 0 7px 1px #000000;
}
.doc-tree-operator .doc-tree-search[data-v-91d4d192] .el-input--suffix * {
  user-select: none;
}
.doc-tree-operator .doc-tree-search[data-v-91d4d192] .el-input-group__append {
  padding: 0;
}
.doc-tree-operator .doc-tree-search[data-v-91d4d192] .el-input-group__append :hover {
  color: var(--el-color-primary);
}
.doc-tree-operator .doc-tree-search[data-v-91d4d192] .el-input-group__append div {
  height: 24px;
  width: 24px;
}
.doc-tree-operator .doc-tree-search[data-v-91d4d192] .el-input-group__append div .el-icon {
  height: 24px;
  width: 24px;
}
.doc-trees-container[data-v-91d4d192] {
  width: 100%;
  height: calc(100% - 80px);
  overflow-y: scroll;
  overflow-x: hidden;
  /* 定义滑块 内阴影+圆角 */
}
.doc-trees-container *[data-v-91d4d192] {
  font-size: inherit;
}
.doc-trees-container .menu-item-wrapper[data-v-91d4d192] {
  width: 100%;
  position: relative;
}
.doc-trees-container .doc-trees-placeholder[data-v-91d4d192] {
  width: 100%;
  font-size: 13.5px;
  text-align: right;
  color: var(--bl-text-color-light);
  padding-top: 10px;
}
.doc-trees-container .doc-trees-placeholder .iconbl[data-v-91d4d192] {
  font-size: 16px;
  margin: 0 4px;
  cursor: pointer;
}
.doc-trees-container .doc-trees-placeholder .iconbl[data-v-91d4d192]:hover {
  color: var(--el-color-primary);
}
.doc-trees-container .doc-tree[data-v-91d4d192] {
  width: 100%;
  height: 100%;
  padding-left: 6px;
  padding-right: 2px;
}
.doc-trees-container .doc-tree .menu-divider[data-v-91d4d192] {
  width: 100%;
  height: 15px;
  margin-left: -20px;
  border-bottom: 1px solid var(--el-border-color);
  margin-bottom: 15px;
  pointer-events: none;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .menu-item-wrapper {
  width: 100%;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .el-tree-node__children {
  transition: none;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .is-drop-inner {
  box-shadow: inset 0 0 1px 2px var(--el-color-primary);
  border-radius: 4px;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .el-tree__drop-indicator {
  height: 2px;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .el-tree-node__expand-icon {
  height: 10px;
  width: 10px;
  color: var(--bl-text-doctree-color);
  transition: none;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .is-current > .el-tree-node__content {
  border-radius: 5px;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .is-current > .el-tree-node__content:has(.menu-divider) {
  background-color: transparent;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .el-tree-node__content {
  height: auto;
  position: relative;
}
.doc-trees-container .doc-tree[data-v-91d4d192] .el-tree-node__content:hover {
  border-radius: 5px;
}
.doc-trees-container[data-v-91d4d192]::-webkit-scrollbar {
  width: 5px;
}
.doc-trees-container[data-v-91d4d192]::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.doc-tree-debug[data-v-91d4d192] {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 100;
  font-size: 12px;
  color: black;
  font-weight: 700;
  text-align: left;
  width: 700px;
  word-break: break-all;
}
.doc-title[data-v-91d4d192] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1px 0;
}
.doc-title .doc-name[data-v-91d4d192] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  filter: brightness(100%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: inherit;
  align-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
[class=dark] .doc-title .doc-name[data-v-91d4d192] {
  filter: brightness(90%);
}
.doc-title .doc-name .menu-icon[data-v-91d4d192],
.doc-title .doc-name .menu-icon-img[data-v-91d4d192] {
  width: 17px;
  height: 17px;
  min-width: 17px;
  max-width: 17px;
  min-height: 17px;
  max-height: 17px;
  margin-top: 4px;
  margin-right: 8px;
}
.doc-title .doc-name .menu-icon-img[data-v-91d4d192] {
  border-radius: 2px;
}
.doc-title .doc-name .name-wrapper[data-v-91d4d192] {
  min-height: 23px;
  line-height: 23px;
}
.subject-title[data-v-91d4d192] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 2px 2px 8px 1px var(--el-color-primary-light-8);
  background: linear-gradient(135deg, var(--el-color-primary-light-7), var(--el-color-primary-light-8), var(--bl-html-color));
  min-height: 44px;
  max-width: 300px;
  width: calc(100% - 10px);
  padding: 4px 5px;
  margin: 5px 0 5px 0;
  border-radius: 7px;
}
[class=dark] .subject-title[data-v-91d4d192] {
  box-shadow: 2px 2px 10px 1px #131313;
}
.subject-title .doc-name[data-v-91d4d192] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  filter: brightness(100%);
  color: var(--el-color-primary);
  align-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
[class=dark] .subject-title .doc-name[data-v-91d4d192] {
  filter: brightness(100%);
}
.subject-title .doc-name .menu-icon[data-v-91d4d192],
.subject-title .doc-name .menu-icon-img[data-v-91d4d192] {
  width: 17px;
  height: 17px;
  min-width: 17px;
  max-width: 17px;
  min-height: 17px;
  max-height: 17px;
  margin-right: 8px;
}
.subject-title .doc-name .menu-icon-img[data-v-91d4d192] {
  border-radius: 2px;
}
.subject-title .doc-name .name-wrapper[data-v-91d4d192] {
  max-width: calc(100% - 25px);
  min-width: calc(100% - 25px);
}
.sort-tag[data-v-91d4d192] {
  font-size: 12px;
  color: #fff;
  padding: 0 2px;
  margin-top: 3px;
  border-radius: 4px;
  position: absolute;
  right: 3px;
  top: 2px;
  z-index: 10;
}
.open-line[data-v-91d4d192],
.star-line[data-v-91d4d192],
.sync-line[data-v-91d4d192] {
  position: absolute;
  width: 2px;
  height: 60%;
  top: 20%;
  border-radius: 10px;
}
.star-line[data-v-91d4d192] {
  background: rgb(237, 204, 11);
}
[class=dark] .star-line[data-v-91d4d192] {
  background: rgba(228, 195, 5, 0.724);
}
.open-line[data-v-91d4d192] {
  background: rgba(121, 194, 12, 0.4431372549);
}
.sync-line[data-v-91d4d192] {
  background: rgba(232, 18, 36, 0.4745098039);
}.doc-workbench-root[data-v-b0fa897b] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  border-bottom: 1px solid var(--el-border-color);
}
.doc-workbench-root .workbench-name[data-v-b0fa897b] {
  color: var(--bl-text-color);
  font-size: 12px;
  text-align: right;
  overflow: scroll;
  padding-right: 5px;
}
.doc-workbench-root .workbench-more[data-v-b0fa897b] {
  background: #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 4px;
}
[class=dark] .doc-workbench-root .workbench-more[data-v-b0fa897b] {
  background: #161616;
}
.doc-workbench-root .workbench-more .iconbl[data-v-b0fa897b] {
  color: #a9a9a9;
  position: absolute;
  top: 2px;
  right: -6px;
  font-size: 20px;
}
[class=dark] .doc-workbench-root .workbench-more .iconbl[data-v-b0fa897b] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-b0fa897b] {
  color: #909399;
  text-shadow: var(--bl-text-shadow);
  font-size: 25px;
  padding: 3px 2px;
  transition: color 0.3s, text-shadow 0.3s;
  cursor: pointer;
}
[class=dark] .doc-workbench-root .iconbl[data-v-b0fa897b] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-b0fa897b]:hover {
  color: var(--el-color-primary);
}
.doc-workbench-root .bl-cloud-fill[data-v-b0fa897b],
.doc-workbench-root .bl-star-fill[data-v-b0fa897b],
.doc-workbench-root .bl-a-lowerrightpage-fill[data-v-b0fa897b] {
  color: var(--el-color-primary);
}
.article-index-placeholder-root[data-v-b0fa897b] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.article-index-placeholder-root .iconbl[data-v-b0fa897b] {
  color: #dbdbdb;
  font-size: 25px;
  padding: 3px 2px;
  transition: 0.3s;
  position: relative;
}
[class=dark] .article-index-placeholder-root .iconbl[data-v-b0fa897b] {
  color: #444444;
}
.article-index-placeholder-root .desc-line[data-v-b0fa897b] {
  border: 1px solid;
  border-color: #dcdcdc;
  border-radius: "0";
  position: absolute;
}
[class=dark] .article-index-placeholder-root .desc-line[data-v-b0fa897b] {
  border-color: #444444;
}
.article-index-placeholder-root .desc-line .desc-text[data-v-b0fa897b] {
  color: #dbdbdb;
  font-size: 13px;
  position: absolute;
  width: 100px;
}
[class=dark] .article-index-placeholder-root .desc-line .desc-text[data-v-b0fa897b] {
  color: #444444;
}
.article-index-placeholder-root .bl-a-leftdirection-line[data-v-b0fa897b] {
  padding-bottom: 5px;
  padding-right: 0px;
}
.article-index-placeholder-root .bl-a-leftdirection-line .desc-line[data-v-b0fa897b] {
  border-top: none;
  border-left: none;
  height: 20px;
  width: 30px;
  left: -15px;
  top: 30px;
}
.article-index-placeholder-root .bl-a-leftdirection-line .desc-line .desc-text[data-v-b0fa897b] {
  left: -55px;
  top: 10px;
}
.article-index-placeholder-root .bl-search-line[data-v-b0fa897b] {
  font-size: 22px;
  padding-bottom: 5px;
}
.article-index-placeholder-root .bl-search-line .desc-line[data-v-b0fa897b] {
  border-left: none;
  border-bottom: none;
  height: 20px;
  width: 30px;
  left: -20px;
  top: -20px;
}
.article-index-placeholder-root .bl-search-line .desc-line .desc-text[data-v-b0fa897b] {
  left: -55px;
  top: -10px;
}
.article-index-placeholder-root .bl-a-fileadd-line .desc-line[data-v-b0fa897b] {
  border-top: none;
  border-right: none;
  border-bottom: none;
  height: 25px;
  top: 30px;
  left: 15px;
}
.article-index-placeholder-root .bl-a-fileadd-line .desc-line .desc-text[data-v-b0fa897b] {
  top: 30px;
  left: -27px;
}
.article-index-placeholder-root .bl-correlation-line[data-v-b0fa897b] {
  font-size: 40px;
  padding-bottom: 0px;
}
.article-index-placeholder-root .bl-correlation-line .desc-line[data-v-b0fa897b] {
  border-top: none;
  border-right: none;
  height: 20px;
  width: 30px;
  left: 20px;
}
.article-index-placeholder-root .bl-correlation-line .desc-line .desc-text[data-v-b0fa897b] {
  left: 35px;
  top: 10px;
}
.article-index-placeholder-root .keymaps-container[data-v-b0fa897b] {
  margin-top: 70px;
  margin-left: 20px;
  width: 210px;
  font-size: 13px;
}
.article-index-placeholder-root .keymaps-container .label[data-v-b0fa897b] {
  color: #dbdbdb;
  width: 60px;
  text-align: right;
  margin-right: 10px;
}
[class=dark] .article-index-placeholder-root .keymaps-container .label[data-v-b0fa897b] {
  color: #444444;
}
.article-index-placeholder-root .keymaps-container .key[data-v-b0fa897b] {
  background: #f1f1f1;
  color: #c6c6c6;
  border-radius: 4px;
  padding: 2px 5px;
  margin-top: 5px;
}
[class=dark] .article-index-placeholder-root .keymaps-container .key[data-v-b0fa897b] {
  background: #444444;
}
[class=dark] .article-index-placeholder-root .keymaps-container .key[data-v-b0fa897b] {
  color: #151515;
}.info-title[data-v-9fee487c] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-9fee487c] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-9fee487c] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-9fee487c] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-9fee487c] {
  cursor: pointer;
}
.info-footer[data-v-9fee487c] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-9fee487c] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.key-desc-root[data-v-9fee487c] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.key-desc-root .content[data-v-9fee487c] {
  height: calc(100% - 60px);
  padding: 0 10px;
  overflow: scroll;
  font-weight: 300;
}
.key-desc-root .content .kind[data-v-9fee487c] {
  font-size: 16px;
  margin: 10px 0;
  color: var(--el-color-primary);
  text-align: center;
}
.key-desc-root .content .bl-row-root[data-v-9fee487c] {
  justify-content: space-between !important;
  border-radius: 4px;
  padding: 0 10px;
}
.key-desc-root .content .bl-row-root[data-v-9fee487c]:hover {
  background: #ececec;
}
[class=dark] .key-desc-root .content .bl-row-root[data-v-9fee487c]:hover {
  background: #171717;
}
.key-desc-root .content .iconbl[data-v-9fee487c] {
  padding-right: 10px;
}
.key-desc-root .content .label[data-v-9fee487c] {
  width: 270px;
}
.key-desc-root .content .keyboard[data-v-9fee487c] {
  margin-top: 3px;
  font-size: 12px;
}.editor-tools-root[data-v-8b045524] {
  width: calc(100% - 20px);
  height: 35px;
  box-shadow: 0 1px 4px 1px #d3d3d3;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
[class=dark] .editor-tools-root[data-v-8b045524] {
  box-shadow: 0 1px 4px 1px rgb(20, 20, 20);
}
.editor-tools-root .tomato-bell[data-v-8b045524] {
  width: 100%;
  height: 100%;
  background-color: var(--el-color-primary-light-5);
  transform: translateX(100%);
  position: absolute;
  right: 0;
  border-radius: 5px;
  transition: 0.3s;
  z-index: 1;
}
.editor-tools-root .tools-container[data-v-8b045524] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: rgba(239, 239, 239, 0.5019607843);
  padding: 0 5px;
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
[class=dark] .editor-tools-root .tools-container[data-v-8b045524] {
  background: rgba(138, 138, 138, 0.2901960784);
}
.editor-tools-root .tools-container > div[data-v-8b045524] {
  color: #5b5b5b;
  border: 1px solid;
  border-color: #a7a7a7;
  border-radius: "0";
  margin: 0 5px;
  padding: 3px;
  border-radius: 3px;
  transition: 0.3s;
  cursor: pointer;
}
[class=dark] .editor-tools-root .tools-container > div[data-v-8b045524] {
  color: #909090;
}
[class=dark] .editor-tools-root .tools-container > div[data-v-8b045524] {
  border-color: #1c1c1c;
}
.editor-tools-root .tools-container > div[data-v-8b045524]:hover {
  background-color: var(--el-color-primary);
  color: #ffffff;
}
.editor-tools-root .tools-container .divider[data-v-8b045524] {
  width: 2px;
  height: 60%;
  padding: 0;
  border: 0;
}.editor-tools-content[data-v-8b045524] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--bl-text-color);
}
.editor-tools-content .editor-tools-col[data-v-8b045524] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.editor-tools-content .editor-tools-col.left[data-v-8b045524] {
  padding-right: 10px;
  border-right: 1px solid var(--el-border-color);
}
.editor-tools-content .editor-tools-col.right[data-v-8b045524] {
  margin-left: 10px;
}
.editor-tools-content .info-title[data-v-8b045524] {
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  border-bottom: 1px solid var(--el-border-color);
  padding: 5px;
  margin-bottom: 10px;
}
.editor-tools-content .iconbl[data-v-8b045524] {
  margin-right: 10px;
  border: 1px solid var(--el-border-color);
  padding: 1px 3px;
  border-radius: 3px;
}
.editor-tools-content .label[data-v-8b045524] {
  width: 48px;
  height: 20px;
  text-align: justify;
  margin-right: 10px;
}
.editor-tools-content .label[data-v-8b045524]:after {
  display: inline-block;
  width: 100%;
  content: "";
}
.resize-divider-vertical[data-v-7e6b08df] {
  width: 1px;
  height: 100%;
  background-color: var(--el-border-color);
  position: relative;
  z-index: 1001;
  cursor: ew-resize;
}
.resize-divider-vertical[data-v-7e6b08df]::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: transparent;
  display: block;
  transition: 0.3s;
  position: absolute;
  left: -1px;
  z-index: 1002;
  cursor: ew-resize;
}
.resize-divider-vertical[data-v-7e6b08df]:hover::before {
  background-color: var(--el-color-primary);
}
.bl-loading-spinner[data-v-7e6b08df] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100px;
  top: calc(50% - 50px);
}
.bl-loading-spinner[data-v-7e6b08df]::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(5px);
}
.bl-loading-spinner .circular[data-v-7e6b08df] {
  display: none;
}
.bl-loading-spinner .el-loading-text[data-v-7e6b08df] {
  font-size: 15px;
  font-weight: 300;
}
.index-article-root[data-v-7e6b08df] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.index-article-root .editor-resize-divider[data-v-7e6b08df] {
  width: 2px;
}
.index-article-root .doc-container[data-v-7e6b08df] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  min-width: 250px;
  font-weight: 200;
}
.index-article-root .doc-container .doc-tree-menu-container[data-v-7e6b08df] {
  width: 100%;
}
.index-article-root .doc-container .doc-temp-textarea[data-v-7e6b08df] {
  width: 100%;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-workbench[data-v-7e6b08df] {
  color: var(--bl-editor-color);
  background-color: var(--bl-editor-gutters-bg-color);
  border-top: 1px solid var(--el-border-color);
  border-bottom: 1px solid var(--el-border-color);
  padding: 0 10px;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-workbench div[data-v-7e6b08df]:first-child {
  font-size: 10px;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-workbench div:first-child img[data-v-7e6b08df] {
  width: 15px;
  margin-right: 5px;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-input[data-v-7e6b08df] {
  overflow: hidden;
  transition: height 0.1s;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-input[data-v-7e6b08df] .el-textarea__inner {
  height: 130px;
}
.index-article-root .doc-container .doc-temp-textarea .bl-subtract-line[data-v-7e6b08df] {
  cursor: pointer;
}
.index-article-root .doc-container .doc-temp-textarea .bl-subtract-line[data-v-7e6b08df]:hover {
  color: var(--el-color-primary);
}
.index-article-root .editor-container[data-v-7e6b08df] {
  width: calc(100% - 2px);
  height: 100%;
  position: relative;
  background-color: rgba(255, 255, 255, 0);
}
.index-article-root .editor-container .editor-tools[data-v-7e6b08df] {
  width: 100%;
  height: 50px;
  padding: 5px 10px 10px 10px;
  border-bottom: 1px solid var(--el-border-color);
}
.index-article-root .editor-container .editor-preview[data-v-7e6b08df] {
  width: 100%;
  height: calc(100% - 28px - 50px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  font-family: inherit;
  font-size: inherit;
}
.index-article-root .editor-container .editor-preview .ep-placeholder[data-v-7e6b08df] {
  position: absolute;
  z-index: 1999;
  height: 100%;
  width: calc(100% - 1px);
  background-color: var(--bl-html-color);
  overflow: hidden;
  right: 0;
}
.index-article-root .editor-container .editor-preview .gutter-holder[data-v-7e6b08df] {
  height: 100%;
  width: 49px;
  position: absolute;
  background-color: var(--bl-editor-gutters-bg-color);
  border-right: 1px solid var(--bl-editor-gutters-border-color);
  top: 0;
  left: 0;
  z-index: 1;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-7e6b08df] {
  width: 50%;
  height: 100%;
  font-family: inherit;
  font-size: inherit;
  overflow: scroll;
  z-index: 2;
  /* 定义滑块 内阴影+圆角 */
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-7e6b08df]::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-7e6b08df] * {
  font-family: inherit;
  font-size: inherit;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-7e6b08df] .cm-line {
  caret-color: var(--bl-editor-caret-color) !important;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-7e6b08df] .cm-cursor {
  border-color: var(--bl-editor-caret-color) !important;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-7e6b08df] .cm-focused {
  outline: none;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-7e6b08df] .cm-selectionBackground {
  background: var(--bl-editor-selection-bg-color);
}
.index-article-root .editor-container .editor-preview .operator[data-v-7e6b08df] {
  border: 2px solid;
  border-color: rgba(216, 216, 216, 0.2549019608);
  border-radius: "0";
  width: 20px;
  height: 75px;
  padding-top: 5px;
  background-color: var(--bl-html-color);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  bottom: 10%;
  left: calc(50% - 0.5px);
  z-index: 4;
  text-align: center;
  transition: border 0.3s;
  cursor: pointer;
}
[class=dark] .index-article-root .editor-container .editor-preview .operator[data-v-7e6b08df] {
  border-color: rgba(255, 255, 255, 0.0705882353);
}
.index-article-root .editor-container .editor-preview .operator[data-v-7e6b08df]:hover {
  border: 2px solid var(--el-border-color);
}
.index-article-root .editor-container .editor-preview .operator:hover .iconbl[data-v-7e6b08df] {
  color: var(--el-border-color);
}
.index-article-root .editor-container .editor-preview .operator .iconbl[data-v-7e6b08df] {
  color: rgba(216, 216, 216, 0.2549019608);
  line-height: 20px;
  font-size: 16px;
  transition: color 0.3s;
}
[class=dark] .index-article-root .editor-container .editor-preview .operator .iconbl[data-v-7e6b08df] {
  color: rgba(255, 255, 255, 0.0705882353);
}
.index-article-root .editor-container .editor-preview .operator .iconbl[data-v-7e6b08df]:hover {
  color: var(--el-color-primary-light-3);
}
.index-article-root .editor-container .editor-preview .operator .iconbl[data-v-7e6b08df]:active {
  transform: scale(0.9);
}
.index-article-root .editor-container .editor-preview .operator .bl-admonish-line[data-v-7e6b08df] {
  font-size: 14px;
}
.index-article-root .editor-container .editor-preview .operator .bl-refresh-line[data-v-7e6b08df] {
  font-size: 14px;
}
.index-article-root .editor-container .editor-preview .operator .bl-eye-line[data-v-7e6b08df] {
  font-size: 18px;
  margin-bottom: 7px;
  transform: rotate(90deg);
}
.index-article-root .editor-container .editor-preview .operator .bl-eye-line[data-v-7e6b08df]:active {
  transform: scale(0.9) rotate(90deg);
}
.index-article-root .editor-container .editor-preview .operator .bl-scroll[data-v-7e6b08df] {
  font-size: 19px;
  margin-left: -2px;
  margin-bottom: 2px;
}
.index-article-root .editor-container .editor-preview .preview-marked[data-v-7e6b08df] {
  width: 50%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  word-wrap: break-word;
  padding: 10px 20px 0 30px;
  z-index: 3;
  font-family: inherit;
  font-size: inherit;
  /* 定义滑块 内阴影+圆角 */
}
.index-article-root .editor-container .editor-preview .preview-marked[data-v-7e6b08df]::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.index-article-root .editor-container .editor-preview .preview-marked[data-v-7e6b08df] .katex > * {
  font-size: 1.2em !important;
  font-family: "KaTeX_Size1", sans-serif !important;
}
.index-article-root .editor-container .editor-status[data-v-7e6b08df] {
  width: 100%;
  height: 28px;
  border-top: 1px solid var(--el-border-color);
  z-index: 2;
}
.article-view-absolute[data-v-7e6b08df] {
  box-shadow: 0 1px 5px 1px #969696;
  border-radius: 6px;
  border: 3px solid var(--bl-text-color-light);
  position: absolute;
  z-index: 100;
  overflow: hidden;
}
[class=dark] .article-view-absolute[data-v-7e6b08df] {
  box-shadow: 0 1px 5px 1px rgb(20, 20, 20);
}
.article-view-absolute .content-view[data-v-7e6b08df] {
  width: 100%;
  height: calc(100% - 25px);
  background: #f9f9f9;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
}
[class=dark] .article-view-absolute .content-view[data-v-7e6b08df] {
  background: #262626;
}
.article-view-absolute .workbench[data-v-7e6b08df] {
  width: 100%;
  height: 25px;
  font-size: 12px;
  font-weight: 300;
  background-color: var(--bl-bg-color);
  border-top: 1px solid var(--bl-text-color-light);
  color: var(--bl-text-color);
  line-height: 25px;
}
.article-view-absolute .workbench .btns div[data-v-7e6b08df] {
  height: 100%;
  padding: 0 10px;
  cursor: pointer;
  border-right: 1px solid var(--bl-text-color-light);
}
.article-view-absolute .workbench .btns div[data-v-7e6b08df]:hover {
  color: var(--el-color-primary);
}
.article-view-absolute .workbench .infos[data-v-7e6b08df] {
  height: 100%;
  padding: 0 10px;
  border-left: 1px solid var(--bl-text-color-light);
}
.article-view-absolute .workbench .infos[data-v-7e6b08df]:hover {
  color: var(--el-color-primary);
}
/*
文档菜单右键菜单样式
*/
.editor-right-menu[data-v-7e6b08df] {
  width: 170px;
  height: auto;
  box-shadow: 2px 2px 5px 2px rgba(49, 49, 49, 0.3);
  background: #f9f9f9;
  position: fixed;
  z-index: 2002;
  border-radius: 5px;
  font-size: 12px;
}
[class=dark] .editor-right-menu[data-v-7e6b08df] {
  box-shadow: 2px 3px 7px 2px #0f0f0f;
}
[class=dark] .editor-right-menu[data-v-7e6b08df] {
  background: #333434;
}
.editor-right-menu .menu-content[data-v-7e6b08df] {
  margin: 0;
  color: var(--bl-text-color);
  padding: 5px 0;
}
.editor-right-menu .menu-content .menu-item-divider[data-v-7e6b08df] {
  height: 1px;
  border-bottom: 1px solid var(--el-border-color);
  margin-bottom: 5px;
}
.editor-right-menu .menu-content .menu-item[data-v-7e6b08df] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 0.9;
  margin: 0 5px 5px 5px;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.editor-right-menu .menu-content .menu-item div[data-v-7e6b08df] {
  width: 100%;
  height: 100%;
}
.editor-right-menu .menu-content .menu-item div[data-v-7e6b08df] .el-upload--text {
  width: 100%;
}
.editor-right-menu .menu-content .menu-item .iconbl[data-v-7e6b08df] {
  margin-right: 5px;
}
.editor-right-menu .menu-content .menu-item[data-v-7e6b08df]:hover {
  background: var(--el-color-primary-light-8);
}
.editor-right-menu .menu-content .menu-item[data-v-7e6b08df]:last-child {
  margin-bottom: 0;
}
.editor-right-menu .menu-content .disabled[data-v-7e6b08df] {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--el-color-info-light-5);
}
.editor-right-menu .menu-content .disabled[data-v-7e6b08df]:hover {
  color: var(--el-color-info-light-5);
}
.bl-preview-toc-block[data-v-7e6b08df],
.bl-preview-toc-absolute[data-v-7e6b08df] {
  padding: 10px;
  transition: width 0.2s, height 0.2s;
}
.bl-preview-toc-block[data-v-7e6b08df] {
  width: 400px;
  height: 100%;
  color: #5e5e5e;
  border-left: 1px solid var(--bl-preview-toc-border-color);
  padding-right: 5px;
}
.bl-preview-toc-block .doc-info .doc-name[data-v-7e6b08df] {
  color: #ababab;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.bl-preview-toc-block .doc-info .doc-subtitle[data-v-7e6b08df] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-family: "Jetbrains Mono";
  width: 100%;
  color: #ababab;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: pre;
  margin-top: 5px;
}
.bl-preview-toc-block .toc-title[data-v-7e6b08df] {
  font-size: 25px;
  font-weight: 700;
  width: 100%;
  border-top: 1px solid var(--bl-preview-toc-border-color);
  margin-top: 10px;
  padding-top: 8px;
  margin-bottom: 8px;
}
.bl-preview-toc-block .toc-content[data-v-7e6b08df] {
  width: 100%;
  height: calc(100% - 130px);
  font-size: 14px;
  padding-bottom: 20px;
  padding-left: 5px;
  overflow-y: scroll;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-7e6b08df] {
  width: auto;
  padding: 4px 0;
  color: #5e5e5e;
  position: relative;
  cursor: pointer;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-7e6b08df]:hover {
  color: var(--el-color-primary);
}
.bl-preview-toc-block .toc-content .toc-item[data-v-7e6b08df]::after {
  content: "";
  position: absolute;
  top: 20%;
  left: -5px;
  width: 2px;
  height: 60%;
  background: var(--el-color-primary-light-4);
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.1s;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-7e6b08df]:hover::after {
  opacity: 1;
}
.bl-preview-toc-block .toc-content .toc-2[data-v-7e6b08df] {
  margin-left: 10px;
}
.bl-preview-toc-block .toc-content .toc-3[data-v-7e6b08df] {
  margin-left: 20px;
}
.bl-preview-toc-block .toc-content .toc-4[data-v-7e6b08df] {
  margin-left: 30px;
}
.bl-preview-toc-block .toc-content .toc-5[data-v-7e6b08df] {
  margin-left: 40px;
}
.bl-preview-toc-block .toc-content .toc-6[data-v-7e6b08df] {
  margin-left: 50px;
}
@media screen and (max-height: 800px) {
.bl-preview-toc-absolute[data-v-7e6b08df] {
    max-height: 500px !important;
    background-color: red;
}
.bl-preview-toc-absolute .toc-content[data-v-7e6b08df] {
    max-height: 270px !important;
}
}
.bl-preview-toc-absolute[data-v-7e6b08df] {
  font-size: 12px;
  box-shadow: 2px 4px 7px 2px rgba(49, 49, 49, 0.3);
  position: absolute;
  top: 50px;
  right: 50px;
  padding-top: 0px;
  background-color: rgba(77, 77, 77, 0.7411764706);
  border-radius: 10px;
  z-index: 2002;
  max-height: 700px;
  overflow: hidden;
  user-select: none;
}
[class=dark] .bl-preview-toc-absolute[data-v-7e6b08df] {
  box-shadow: 2px 4px 7px 2px rgb(28, 28, 28);
}
.bl-preview-toc-absolute .toc-title[data-v-7e6b08df] {
  width: 100%;
  height: 40px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  padding-top: 10px;
  cursor: move;
}
[class=dark] .bl-preview-toc-absolute .toc-title[data-v-7e6b08df] {
  color: #cdcdcd;
}
.bl-preview-toc-absolute .toc-content[data-v-7e6b08df] {
  color: #e2e2e2;
  overflow-y: scroll;
  width: 100%;
  max-height: 470px;
}
[class=dark] .bl-preview-toc-absolute .toc-content[data-v-7e6b08df] {
  color: #bcbcbc;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-7e6b08df] {
  border-top: 2px solid;
  border-color: #a3a3a3;
  border-radius: "0";
}
[class=dark] .bl-preview-toc-absolute .toc-content .toc-1[data-v-7e6b08df] {
  border-color: #a3a3a3;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-7e6b08df],
.bl-preview-toc-absolute .toc-content .toc-2[data-v-7e6b08df],
.bl-preview-toc-absolute .toc-content .toc-3[data-v-7e6b08df],
.bl-preview-toc-absolute .toc-content .toc-4[data-v-7e6b08df],
.bl-preview-toc-absolute .toc-content .toc-5[data-v-7e6b08df],
.bl-preview-toc-absolute .toc-content .toc-6[data-v-7e6b08df] {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: pre;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-7e6b08df]:hover,
.bl-preview-toc-absolute .toc-content .toc-2[data-v-7e6b08df]:hover,
.bl-preview-toc-absolute .toc-content .toc-3[data-v-7e6b08df]:hover,
.bl-preview-toc-absolute .toc-content .toc-4[data-v-7e6b08df]:hover,
.bl-preview-toc-absolute .toc-content .toc-5[data-v-7e6b08df]:hover,
.bl-preview-toc-absolute .toc-content .toc-6[data-v-7e6b08df]:hover {
  font-weight: bold;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-7e6b08df] {
  margin-top: 5px;
  padding-top: 5px;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-7e6b08df]:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.bl-preview-toc-absolute .toc-content .toc-2[data-v-7e6b08df] {
  padding-left: 10px;
}
.bl-preview-toc-absolute .toc-content .toc-3[data-v-7e6b08df] {
  padding-left: 20px;
}
.bl-preview-toc-absolute .toc-content .toc-4[data-v-7e6b08df] {
  padding-left: 30px;
}
.bl-preview-toc-absolute .toc-content .toc-5[data-v-7e6b08df] {
  padding-left: 40px;
}
.bl-preview-toc-absolute .toc-content .toc-6[data-v-7e6b08df] {
  padding-left: 50px;
}
.bl-preview-toc-absolute .img-title[data-v-7e6b08df] {
  width: 100%;
  height: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  border-top: 2px solid;
  border-color: #a3a3a3;
  border-radius: "0";
  margin-top: 20px;
  height: 40px;
  padding-top: 10px;
  cursor: auto;
}
[class=dark] .bl-preview-toc-absolute .img-title[data-v-7e6b08df] {
  color: #cdcdcd;
}
[class=dark] .bl-preview-toc-absolute .img-title[data-v-7e6b08df] {
  border-color: #a3a3a3;
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-7e6b08df] {
  cursor: pointer;
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-7e6b08df]:hover {
  color: var(--el-color-primary-light-1);
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-7e6b08df]:active {
  color: var(--el-color-primary-light-5);
}
.bl-preview-toc-absolute .img-content[data-v-7e6b08df] {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 130px;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.bl-preview-toc-absolute .img-content .img-wrapper[data-v-7e6b08df] {
  width: 50px;
  height: 50px;
  background-color: aliceblue;
  border-radius: 4px;
  margin: 3px;
  color: #a7a7a7;
  filter: brightness(90%);
  cursor: pointer;
  overflow: hidden;
}
.bl-preview-toc-absolute .img-content .img-wrapper img[data-v-7e6b08df] {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.bl-preview-toc-absolute .img-content .img-wrapper[data-v-7e6b08df]:hover {
  filter: brightness(100%);
}
.bl-preview-toc-absolute.is-expand-open[data-v-7e6b08df] {
  width: 310px;
  height: auto;
}
.bl-preview-toc-absolute.is-expand-close[data-v-7e6b08df] {
  width: 50px;
  height: 40px;
}
.el-backtop[data-v-7e6b08df] {
  width: 37px;
  height: 37px;
  box-shadow: none;
  background-color: transparent;
}
.backtop[data-v-7e6b08df], .backbottom[data-v-7e6b08df] {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1176470588);
  color: var(--bl-text-color-light);
  background-color: var(--bl-html-color);
  text-align: center;
  line-height: 38px;
  border-radius: 8px;
  font-size: 20px;
  transition: color 0.2s;
}
[class=dark] .backtop[data-v-7e6b08df], [class=dark] .backbottom[data-v-7e6b08df] {
  box-shadow: 0 0 3px 1px #000000;
}
.backtop[data-v-7e6b08df]:hover, .backbottom[data-v-7e6b08df]:hover {
  color: var(--el-color-primary);
}.doc-workbench-root[data-v-71f787ab] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  border-bottom: 1px solid var(--el-border-color);
}
.doc-workbench-root .workbench-name[data-v-71f787ab] {
  color: var(--bl-text-color);
  font-size: 12px;
  text-align: right;
  overflow: scroll;
  padding-right: 5px;
}
.doc-workbench-root .workbench-more[data-v-71f787ab] {
  background: #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 4px;
}
[class=dark] .doc-workbench-root .workbench-more[data-v-71f787ab] {
  background: #161616;
}
.doc-workbench-root .workbench-more .iconbl[data-v-71f787ab] {
  color: #a9a9a9;
  position: absolute;
  top: 2px;
  right: -6px;
  font-size: 20px;
}
[class=dark] .doc-workbench-root .workbench-more .iconbl[data-v-71f787ab] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-71f787ab] {
  color: #909399;
  text-shadow: var(--bl-text-shadow);
  font-size: 25px;
  padding: 3px 2px;
  transition: color 0.3s, text-shadow 0.3s;
  cursor: pointer;
}
[class=dark] .doc-workbench-root .iconbl[data-v-71f787ab] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-71f787ab]:hover {
  color: var(--el-color-primary);
}
.doc-workbench-root .bl-cloud-fill[data-v-71f787ab],
.doc-workbench-root .bl-star-fill[data-v-71f787ab],
.doc-workbench-root .bl-a-lowerrightpage-fill[data-v-71f787ab] {
  color: var(--el-color-primary);
}.fora-info-root[data-v-271dcf2e] {
  border-radius: 10px;
}
.fora-info-root .info-title-wrapper[data-v-271dcf2e] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--el-border-color);
}
.fora-info-root .info-title-wrapper .info-icon[data-v-271dcf2e] {
  width: 50px;
  height: 100%;
  text-align: center;
}
.fora-info-root .info-title-wrapper .info-title[data-v-271dcf2e] {
  font-size: 16px;
  width: calc(100% - 50px - 50px);
  height: 100%;
  padding-top: 10px;
  color: var(--bl-text-title-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.fora-info-root .info-title-wrapper .info-title-close[data-v-271dcf2e] {
  width: 50px;
  font-size: 40px;
  color: var(--el-border-color);
  text-align: center;
}
.fora-info-root .info-img[data-v-271dcf2e] {
  width: 100%;
  height: 70px;
  padding: 10px;
}
.fora-info-root .info-img .info-img-placeholder[data-v-271dcf2e] {
  width: 515px;
  height: 51px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #cacaca;
  border: 1px dashed;
  border-color: #b0b0b0;
  border-radius: 5px;
}
[class=dark] .fora-info-root .info-img .info-img-placeholder[data-v-271dcf2e] {
  color: #494949;
}
[class=dark] .fora-info-root .info-img .info-img-placeholder[data-v-271dcf2e] {
  border-color: #494949;
}
.fora-info-root .info-img img[data-v-271dcf2e] {
  width: 515px;
  height: 51px;
  border-radius: 5px;
  box-shadow: 0 0 10px #505050;
}
.fora-info-root .article-stat-container[data-v-271dcf2e] {
  width: 100%;
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.fora-info-root .article-stat-container .stat-details[data-v-271dcf2e] {
  width: calc(100% - 80px - 150px);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  font-size: 12px;
}
.fora-info-root .article-stat-container .stat-details .tag-root[data-v-271dcf2e] {
  margin: 2px 3px;
}
.fora-info-root .article-stat-container .stat-details .stat-main-left[data-v-271dcf2e] {
  width: 65%;
  height: 100%;
}
.fora-info-root .article-stat-container .stat-details .stat-main-right[data-v-271dcf2e] {
  width: 35%;
  height: 100%;
}
.fora-info-root .article-stat-container .stat-details > div[data-v-271dcf2e] {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.fora-info-root .article-stat-container .stat-star[data-v-271dcf2e] {
  width: 80px;
  height: 100%;
  color: rgb(206, 175, 0);
}
.fora-info-root .article-stat-container .stat-star .iconbl[data-v-271dcf2e] {
  text-shadow: 2px 3px 5px rgba(107, 104, 104, 0.4);
  padding: 5px;
  font-size: 60px;
  transition: 0.3s;
  cursor: pointer;
}
[class=dark] .fora-info-root .article-stat-container .stat-star .iconbl[data-v-271dcf2e] {
  text-shadow: 2px 3px 5px rgba(183, 183, 183, 0.8);
}
.fora-info-root .article-stat-container .stat-star .iconbl[data-v-271dcf2e]:hover {
  color: rgb(237, 204, 11);
}
.fora-info-root .article-stat-container .stat-buttons[data-v-271dcf2e] {
  width: 150px;
  height: 100%;
  padding: 5px;
  color: var(--el-color-primary-light-5);
  text-shadow: 2px 3px 5px rgba(107, 104, 104, 0.5);
}
[class=dark] .fora-info-root .article-stat-container .stat-buttons[data-v-271dcf2e] {
  text-shadow: 2px 3px 5px rgba(183, 183, 183, 0.8);
}
.fora-info-root .article-stat-container .stat-buttons .iconbl[data-v-271dcf2e] {
  cursor: pointer;
  transition: 0.3s;
  font-size: 30px;
}
.fora-info-root .article-stat-container .stat-buttons .iconbl[data-v-271dcf2e]:hover {
  color: var(--el-color-primary);
}
.fora-info-root .article-stat-container .stat-star .disabled[data-v-271dcf2e],
.fora-info-root .article-stat-container .stat-buttons .disabled[data-v-271dcf2e] {
  cursor: not-allowed;
  color: var(--el-color-info-light-5);
}
.fora-info-root .article-stat-container .stat-star .disabled[data-v-271dcf2e]:hover,
.fora-info-root .article-stat-container .stat-buttons .disabled[data-v-271dcf2e]:hover {
  color: var(--el-color-info-light-5);
}
.fora-info-root .info-tags-container[data-v-271dcf2e] {
  width: calc(100% - 20px);
  height: 83px;
  box-shadow: inset 0 0 4px 1px rgb(222, 222, 222);
  padding: 10px;
  margin: 10px;
  border-radius: 10px;
  text-align: left;
  overflow-y: scroll;
}
[class=dark] .fora-info-root .info-tags-container[data-v-271dcf2e] {
  box-shadow: inset 0 0 4px 1px rgb(0, 0, 0);
}
.fora-info-root .info-tags-container > span[data-v-271dcf2e],
.fora-info-root .info-tags-container button[data-v-271dcf2e] {
  margin: 3px 3px;
}
.fora-info-root .info-tags-container .el-input[data-v-271dcf2e] {
  margin: 3px 3px;
}
.fora-info-root .info-form[data-v-271dcf2e] {
  width: 100%;
  height: calc(100% - 50px - 70px - 70px - 83px - 50px);
  padding: 10px;
}
.fora-info-root .info-form[data-v-271dcf2e] .el-form--inline .el-form-item {
  margin-right: 20px;
}
.fora-info-root .info-footer[data-v-271dcf2e] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.fora-info-root .info-footer .iconbl[data-v-271dcf2e] {
  font-size: 18px;
  margin-right: 5px;
}
.fora-info-root .emoji-link[data-v-271dcf2e] {
  font-size: 25px;
  margin-left: 5px;
  cursor: pointer;
}
.doc-workbench[data-v-e582e004] {
  width: 100%;
  height: 50px;
}
.doc-tree-operator[data-v-e582e004] {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #909399;
  position: relative;
}
[class=dark] .doc-tree-operator[data-v-e582e004] {
  color: #969696;
}
.doc-tree-operator .iconbl[data-v-e582e004] {
  font-size: 18px;
  padding: 3px;
  transition: background-color 0.2s;
  cursor: pointer;
}
.doc-tree-operator .iconbl[data-v-e582e004]:hover {
  background: #efefef;
  border-radius: 4px;
}
[class=dark] .doc-tree-operator .iconbl[data-v-e582e004]:hover {
  background: #393939;
}
.doc-tree-operator .bl-a-leftdirection-line[data-v-e582e004] {
  margin-bottom: 1px;
}
.doc-tree-operator .bl-folderadd-line[data-v-e582e004] {
  margin: 0 2px;
}
.doc-tree-operator .bl-search-item[data-v-e582e004] {
  margin: 0 2px;
}
.doc-tree-operator .bl-collapse[data-v-e582e004] {
  font-size: 16px;
}
.doc-tree-operator .doc-tree-search[data-v-e582e004] {
  position: absolute;
  top: 28px;
  right: 10px;
  z-index: 2000;
}
.doc-tree-operator .doc-tree-search .el-input[data-v-e582e004] {
  border-radius: 4px;
  background-color: var(--bl-html-color);
  box-shadow: 0 0 7px 1px rgba(74, 74, 74, 0.1843137255);
}
[class=dark] .doc-tree-operator .doc-tree-search .el-input[data-v-e582e004] {
  box-shadow: 0 0 7px 1px #000000;
}
.doc-tree-operator .doc-tree-search[data-v-e582e004] .el-input--suffix * {
  user-select: none;
}
.doc-tree-operator .doc-tree-search[data-v-e582e004] .el-input-group__append {
  padding: 0;
}
.doc-tree-operator .doc-tree-search[data-v-e582e004] .el-input-group__append :hover {
  color: var(--el-color-primary);
}
.doc-tree-operator .doc-tree-search[data-v-e582e004] .el-input-group__append div {
  height: 24px;
  width: 24px;
}
.doc-tree-operator .doc-tree-search[data-v-e582e004] .el-input-group__append div .el-icon {
  height: 24px;
  width: 24px;
}
.doc-trees-container[data-v-e582e004] {
  width: 100%;
  height: calc(100% - 80px);
  overflow-y: scroll;
  overflow-x: hidden;
  /* 定义滑块 内阴影+圆角 */
}
.doc-trees-container *[data-v-e582e004] {
  font-size: inherit;
}
.doc-trees-container .menu-item-wrapper[data-v-e582e004] {
  width: 100%;
  position: relative;
}
.doc-trees-container .doc-trees-placeholder[data-v-e582e004] {
  width: 100%;
  font-size: 13.5px;
  text-align: right;
  color: var(--bl-text-color-light);
  padding-top: 10px;
}
.doc-trees-container .doc-trees-placeholder .iconbl[data-v-e582e004] {
  font-size: 16px;
  margin: 0 4px;
  cursor: pointer;
}
.doc-trees-container .doc-trees-placeholder .iconbl[data-v-e582e004]:hover {
  color: var(--el-color-primary);
}
.doc-trees-container .doc-tree[data-v-e582e004] {
  width: 100%;
  height: 100%;
  padding-left: 6px;
  padding-right: 2px;
}
.doc-trees-container .doc-tree .menu-divider[data-v-e582e004] {
  width: 100%;
  height: 15px;
  margin-left: -20px;
  border-bottom: 1px solid var(--el-border-color);
  margin-bottom: 15px;
  pointer-events: none;
}
.doc-trees-container .doc-tree[data-v-e582e004] .menu-item-wrapper {
  width: 100%;
}
.doc-trees-container .doc-tree[data-v-e582e004] .el-tree-node__children {
  transition: none;
}
.doc-trees-container .doc-tree[data-v-e582e004] .is-drop-inner {
  box-shadow: inset 0 0 1px 2px var(--el-color-primary);
  border-radius: 4px;
}
.doc-trees-container .doc-tree[data-v-e582e004] .el-tree__drop-indicator {
  height: 2px;
}
.doc-trees-container .doc-tree[data-v-e582e004] .el-tree-node__expand-icon {
  height: 10px;
  width: 10px;
  color: var(--bl-text-doctree-color);
  transition: none;
}
.doc-trees-container .doc-tree[data-v-e582e004] .is-current > .el-tree-node__content {
  border-radius: 5px;
}
.doc-trees-container .doc-tree[data-v-e582e004] .is-current > .el-tree-node__content:has(.menu-divider) {
  background-color: transparent;
}
.doc-trees-container .doc-tree[data-v-e582e004] .el-tree-node__content {
  height: auto;
  position: relative;
}
.doc-trees-container .doc-tree[data-v-e582e004] .el-tree-node__content:hover {
  border-radius: 5px;
}
.doc-trees-container[data-v-e582e004]::-webkit-scrollbar {
  width: 5px;
}
.doc-trees-container[data-v-e582e004]::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.doc-tree-debug[data-v-e582e004] {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 100;
  font-size: 12px;
  color: black;
  font-weight: 700;
  text-align: left;
  width: 700px;
  word-break: break-all;
}
.doc-title[data-v-e582e004] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1px 0;
}
.doc-title .doc-name[data-v-e582e004] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  filter: brightness(100%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: inherit;
  align-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
[class=dark] .doc-title .doc-name[data-v-e582e004] {
  filter: brightness(90%);
}
.doc-title .doc-name .menu-icon[data-v-e582e004],
.doc-title .doc-name .menu-icon-img[data-v-e582e004] {
  width: 17px;
  height: 17px;
  min-width: 17px;
  max-width: 17px;
  min-height: 17px;
  max-height: 17px;
  margin-top: 4px;
  margin-right: 8px;
}
.doc-title .doc-name .menu-icon-img[data-v-e582e004] {
  border-radius: 2px;
}
.doc-title .doc-name .name-wrapper[data-v-e582e004] {
  min-height: 23px;
  line-height: 23px;
}
.subject-title[data-v-e582e004] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 2px 2px 8px 1px var(--el-color-primary-light-8);
  background: linear-gradient(135deg, var(--el-color-primary-light-7), var(--el-color-primary-light-8), var(--bl-html-color));
  min-height: 44px;
  max-width: 300px;
  width: calc(100% - 10px);
  padding: 4px 5px;
  margin: 5px 0 5px 0;
  border-radius: 7px;
}
[class=dark] .subject-title[data-v-e582e004] {
  box-shadow: 2px 2px 10px 1px #131313;
}
.subject-title .doc-name[data-v-e582e004] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  filter: brightness(100%);
  color: var(--el-color-primary);
  align-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
[class=dark] .subject-title .doc-name[data-v-e582e004] {
  filter: brightness(100%);
}
.subject-title .doc-name .menu-icon[data-v-e582e004],
.subject-title .doc-name .menu-icon-img[data-v-e582e004] {
  width: 17px;
  height: 17px;
  min-width: 17px;
  max-width: 17px;
  min-height: 17px;
  max-height: 17px;
  margin-right: 8px;
}
.subject-title .doc-name .menu-icon-img[data-v-e582e004] {
  border-radius: 2px;
}
.subject-title .doc-name .name-wrapper[data-v-e582e004] {
  max-width: calc(100% - 25px);
  min-width: calc(100% - 25px);
}
.sort-tag[data-v-e582e004] {
  font-size: 12px;
  color: #fff;
  padding: 0 2px;
  margin-top: 3px;
  border-radius: 4px;
  position: absolute;
  right: 3px;
  top: 2px;
  z-index: 10;
}
.open-line[data-v-e582e004],
.star-line[data-v-e582e004],
.sync-line[data-v-e582e004] {
  position: absolute;
  width: 2px;
  height: 60%;
  top: 20%;
  border-radius: 10px;
}
.star-line[data-v-e582e004] {
  background: rgb(237, 204, 11);
}
[class=dark] .star-line[data-v-e582e004] {
  background: rgba(228, 195, 5, 0.724);
}
.open-line[data-v-e582e004] {
  background: rgba(121, 194, 12, 0.4431372549);
}
.sync-line[data-v-e582e004] {
  background: rgba(232, 18, 36, 0.4745098039);
}
/*
文档菜单右键菜单样式
*/
.tree-menu[data-v-e582e004] {
  width: 170px;
  height: auto;
  background: #f9f9f9;
  box-shadow: 2px 2px 5px 1px rgba(49, 49, 49, 0.2);
  position: fixed;
  z-index: 2002;
  border-radius: 5px;
  font-size: 12px;
}
[class=dark] .tree-menu[data-v-e582e004] {
  background: #333434;
}
[class=dark] .tree-menu[data-v-e582e004] {
  box-shadow: 2px 3px 7px 2px #0f0f0f;
}
.tree-menu .doc-name[data-v-e582e004] {
  font-size: 13px;
  padding: 5px 10px;
  color: var(--el-color-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tree-menu .menu-content[data-v-e582e004] {
  margin: 0;
  color: var(--bl-text-color);
  border-top: 1px solid var(--el-border-color);
  padding: 5px 0;
}
.tree-menu .menu-content > div[data-v-e582e004],
.tree-menu .menu-content .menu-item[data-v-e582e004] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 0.9;
  padding: 5px 5px 5px 10px;
  margin: 0 5px 5px 5px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.tree-menu .menu-content > div .iconbl[data-v-e582e004],
.tree-menu .menu-content .menu-item .iconbl[data-v-e582e004] {
  margin-right: 5px;
}
.tree-menu .menu-content > div .bl-a-rightsmallline-line[data-v-e582e004],
.tree-menu .menu-content .menu-item .bl-a-rightsmallline-line[data-v-e582e004] {
  position: absolute;
  right: -2px;
}
.tree-menu .menu-content > div .bl-pen[data-v-e582e004],
.tree-menu .menu-content .menu-item .bl-pen[data-v-e582e004] {
  font-size: 13px;
  margin-right: 8px;
}
.tree-menu .menu-content > div[data-v-e582e004]:hover,
.tree-menu .menu-content .menu-item[data-v-e582e004]:hover {
  background: var(--el-color-primary-light-8);
}
.tree-menu .menu-content > div:hover .tree-menu-level2[data-v-e582e004],
.tree-menu .menu-content .menu-item:hover .tree-menu-level2[data-v-e582e004] {
  display: block;
  position: absolute;
  left: 160px;
}
.tree-menu .menu-content > div[data-v-e582e004]:last-child,
.tree-menu .menu-content .menu-item[data-v-e582e004]:last-child {
  margin-bottom: 0;
}
.tree-menu .menu-content .menu-item-divider[data-v-e582e004] {
  height: 1px;
  border-bottom: 1px solid var(--el-border-color);
  margin: 0 0 5px 0;
  padding: 0;
}
.tree-menu-level2[data-v-e582e004] {
  width: 170px;
  height: auto;
  background: #f9f9f9;
  box-shadow: 2px 2px 5px 1px rgba(49, 49, 49, 0.2);
  position: fixed;
  border-radius: 5px;
  font-size: 12px;
  padding: 5px 0;
  display: none;
  z-index: 2002;
}
[class=dark] .tree-menu-level2[data-v-e582e004] {
  background: #333434;
}
[class=dark] .tree-menu-level2[data-v-e582e004] {
  box-shadow: 2px 3px 7px 2px #0f0f0f;
}
.tree-menu-level2[data-v-e582e004]:hover {
  display: block;
}
.tree-menu-level2 > div[data-v-e582e004] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 0.9;
  padding: 5px 5px 5px 10px;
  margin: 0 5px 5px 5px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.tree-menu-level2 > div .iconbl[data-v-e582e004] {
  margin-right: 5px;
}
.tree-menu-level2 > div[data-v-e582e004]:hover {
  background: var(--el-color-primary-light-8);
}
.tree-menu-level2 > div[data-v-e582e004]:last-child {
  margin-bottom: 0;
}.picture-upload-root[data-v-4b1a4c66] {
  width: 100%;
  height: 100%;
  padding: 10px 10px 5px 10px;
}
.picture-upload-root > div[data-v-4b1a4c66] {
  width: 100%;
  height: 100%;
}
.picture-upload-root[data-v-4b1a4c66] .el-upload-dragger {
  width: 100%;
  height: 50px;
  padding: 3px;
  --el-border-color: var(--el-color-primary-light-3);
  color: var(--el-color-primary-light-5);
}
.picture-upload-root[data-v-4b1a4c66] .el-upload-dragger :deep(svg) {
  transition: 0.3s;
}
.picture-upload-root[data-v-4b1a4c66] .el-upload-dragger :hover {
  color: var(--el-color-primary);
}
.picture-upload-root[data-v-4b1a4c66] .el-upload-list {
  width: 100%;
  height: calc(100% - 50px - 15px);
  border: 1px solid var(--el-border-color);
  padding: 5px 0;
  margin: 15px 0 0;
  border-radius: 5px;
  overflow-y: scroll;
}
.picture-upload-root[data-v-4b1a4c66] .el-upload-list .el-upload-list__item {
  --el-font-size-base: 10px;
  font-size: 10px;
  margin-bottom: 0;
}.picture-viewer-info-root .bl-image-viewer-infos[data-v-fa4e9c23] {
  background: rgba(27, 27, 27, 0.7490196078);
  color: #a9a9a9;
  width: 320px;
  font-size: 13px;
  position: absolute;
  left: 30px;
  bottom: 30px;
  border-radius: 10px;
  line-height: 25px;
}
[class=dark] .picture-viewer-info-root .bl-image-viewer-infos[data-v-fa4e9c23] {
  background: rgba(30, 30, 30, 0.7490196078);
}
[class=dark] .picture-viewer-info-root .bl-image-viewer-infos[data-v-fa4e9c23] {
  color: rgb(190, 190, 190);
}
.picture-viewer-info-root .bl-image-viewer-infos .container[data-v-fa4e9c23] {
  padding: 20px;
  white-space: break-spaces;
  word-wrap: break-word;
  word-break: break-all;
}
.picture-viewer-info-root .bl-image-viewer-infos .container strong[data-v-fa4e9c23] {
  min-width: 70px;
}
.picture-viewer-info-root .bl-image-viewer-infos .container .iconbl[data-v-fa4e9c23] {
  margin-left: 10px;
  cursor: pointer;
}
.picture-viewer-info-root .bl-image-viewer-infos .container .iconbl[data-v-fa4e9c23]:hover {
  color: var(--el-color-primary);
}
.picture-viewer-info-root .bl-image-viewer-infos .el-divider[data-v-fa4e9c23] {
  margin: 0;
  border-color: #474747;
}
.picture-viewer-info-root .bl-image-viewer-infos .btns[data-v-fa4e9c23] {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  padding-top: 10px;
  height: 90px;
}
.picture-viewer-info-root[data-v-fa4e9c23] .el-image-viewer__mask {
  opacity: 0.8;
}
.picture-viewer-info-root[data-v-fa4e9c23] .el-image-viewer__actions {
  left: 180px;
  background-color: transparent;
}
.picture-viewer-info-root .test[data-v-fa4e9c23] {
  color: #a9a9a9;
}.info-title[data-v-9db16fb3] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-9db16fb3] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-9db16fb3] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-9db16fb3] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-9db16fb3] {
  cursor: pointer;
}
.info-footer[data-v-9db16fb3] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-9db16fb3] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.picture-batch-del-root[data-v-9db16fb3] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.picture-batch-del-root .content[data-v-9db16fb3] {
  padding: 10px;
  font-weight: 300;
  transition: height 0.4s;
  position: relative;
}
.picture-batch-del-root .content .desc[data-v-9db16fb3] {
  text-align: center;
  line-height: 30px;
}
.picture-batch-del-root .content .file-count[data-v-9db16fb3] {
  font-size: 30px;
  font-weight: 700;
  padding: 0 10px;
}
.picture-batch-del-root .content .del-btn[data-v-9db16fb3] {
  margin: 15px 0 3px 0;
  font-size: 17px;
  font-weight: 300;
  transition: all 0.3s;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.picture-batch-del-root .content .result[data-v-9db16fb3] {
  background: #e1e1e1;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--el-border-color);
  margin-top: 10px;
  border-radius: 8px;
  white-space: pre;
}
[class=dark] .picture-batch-del-root .content .result[data-v-9db16fb3] {
  background: #1b1b1b;
}
.picture-batch-del-root .v-enter-active[data-v-9db16fb3],
.picture-batch-del-root .v-leave-active[data-v-9db16fb3] {
  transition: opacity 0.5s ease;
}
.picture-batch-del-root .v-enter-from[data-v-9db16fb3],
.picture-batch-del-root .v-leave-to[data-v-9db16fb3] {
  opacity: 0;
}.info-title[data-v-41672fc3] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-41672fc3] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-41672fc3] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-41672fc3] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-41672fc3] {
  cursor: pointer;
}
.info-footer[data-v-41672fc3] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-41672fc3] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.picture-transfer-root[data-v-41672fc3] {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.picture-transfer-root .content[data-v-41672fc3] {
  padding: 10px;
  font-weight: 300;
  transition: height 0.4s;
  position: relative;
}
.picture-transfer-root .content .pic-transfer-tree[data-v-41672fc3] {
  background-color: var(--bl-dialog-bg-color);
  max-height: 60vh;
  overflow: scroll;
}
.picture-transfer-root .content .tree-content[data-v-41672fc3] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 25px;
  overflow: hidden;
}
.picture-transfer-root .content .tree-content .menu-icon[data-v-41672fc3],
.picture-transfer-root .content .tree-content .menu-icon-img[data-v-41672fc3] {
  width: 17px;
  height: 17px;
  min-width: 17px;
  max-width: 17px;
  min-height: 17px;
  max-height: 17px;
  border-radius: 3px;
  margin-right: 8px;
}
.picture-transfer-root .content .transfer-btn[data-v-41672fc3] {
  font-size: 17px;
  font-weight: 300;
  transition: all 0.3s;
}
.picture-transfer-root .target[data-v-41672fc3] {
  font-size: 13px;
  font-weight: 300;
}
.picture-transfer-root .target .file-count[data-v-41672fc3] {
  font-size: 25px;
  font-weight: 700;
  padding-right: 5px;
}
.picture-transfer-root .target .folder[data-v-41672fc3] {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}.index-picture-root[data-v-922da507] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.index-picture-root .doc-container[data-v-922da507] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  font-weight: 200;
  transition: height 0.1s;
  left: 0;
  top: 0;
}
.index-picture-root .doc-container .doc-tree-menu-container[data-v-922da507] {
  width: 100%;
  height: calc(100% - 239px);
}
.index-picture-root .doc-container .doc-upload[data-v-922da507] {
  width: 100%;
  height: 239px;
  border-top: 1px solid var(--el-border-color);
}
.index-picture-root .picture-container[data-v-922da507] {
  height: 100%;
  border-left: 1px solid var(--el-border-color);
  background-color: rgba(255, 255, 255, 0);
  position: relative;
}
.index-picture-root .picture-container .tip[data-v-922da507] {
  font-size: 12px;
  font-weight: 300;
  padding-top: 8px;
  color: var(--bl-text-color-light);
  position: absolute;
  left: 10px;
  bottom: 35px;
  cursor: pointer;
}
.index-picture-root .picture-container .tip[data-v-922da507]:hover {
  color: var(--el-color-primary);
}
.index-picture-root .picture-container .star[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  color: rgb(206, 175, 0);
}
.index-picture-root .picture-container .star .iconbl[data-v-922da507] {
  padding: 5px;
  font-size: 30px;
  text-shadow: var(--bl-text-shadow);
  transition: color 0.3s;
  cursor: pointer;
}
.index-picture-root .picture-container .bl-star-line[data-v-922da507]:hover {
  color: rgb(255, 217, 0) !important;
}
.index-picture-root .picture-container .bl-star-fill[data-v-922da507] {
  color: rgb(237, 204, 11);
}
.index-picture-root .picture-container .bl-star-fill[data-v-922da507]:hover {
  color: rgb(255, 217, 0) !important;
}
.index-picture-root .picture-container .picutre-workbench[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 6px #d3d3d3;
  width: calc(100% - 20px);
  margin: 5px 10px 10px 10px;
  padding: 0px 10px;
  border-radius: 5px;
  transition: height 0.1s;
  overflow-y: hidden;
  overflow-x: auto;
}
[class=dark] .index-picture-root .picture-container .picutre-workbench[data-v-922da507] {
  box-shadow: 0 1px 6px 1px #0e0e0e;
}
.index-picture-root .picture-container .picutre-workbench[data-v-922da507]::-webkit-scrollbar {
  height: 3px;
}
.index-picture-root .picture-container .picutre-workbench .workbenchs[data-v-922da507] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.index-picture-root .picture-container .picutre-workbench .workbench-level1[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 50px;
  padding-bottom: 5px;
}
.index-picture-root .picture-container .picutre-workbench .workbench-level2[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  transition: height 0.1s, opacity 0.1s;
}
.index-picture-root .picture-container .picutre-workbench .btn-wrapper[data-v-922da507] {
  margin-left: 15px;
}
.index-picture-root .picture-container .picutre-workbench .radio[data-v-922da507] {
  min-width: 70px;
}
.index-picture-root .picture-container .picutre-workbench .btn-wrapper[data-v-922da507],
.index-picture-root .picture-container .picutre-workbench .statistic[data-v-922da507] {
  color: #a7a7a7;
}
[class=dark] .index-picture-root .picture-container .picutre-workbench .btn-wrapper[data-v-922da507],
[class=dark] .index-picture-root .picture-container .picutre-workbench .statistic[data-v-922da507] {
  color: #6d6d6d;
}
.index-picture-root .picture-container .picutre-workbench .btn-wrapper > div[data-v-922da507],
.index-picture-root .picture-container .picutre-workbench .statistic > div[data-v-922da507] {
  font-size: 11px;
  text-align: center;
}
.index-picture-root .picture-container .picutre-workbench .btn-wrapper .bl-admonish-line[data-v-922da507],
.index-picture-root .picture-container .picutre-workbench .statistic .bl-admonish-line[data-v-922da507] {
  font-size: 12px;
  margin-left: 3px;
}
.index-picture-root .picture-container .picutre-workbench .statistic[data-v-922da507] {
  height: 100%;
  width: max-content;
}
.index-picture-root .picture-container .picutre-workbench-child[data-v-922da507] {
  transition: all 0.1s ease;
  padding-left: 10px;
  font-size: 12px;
}
.index-picture-root .picture-container .picture-card-container[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 20px;
  overflow-y: scroll;
}
.index-picture-root .picture-container .picture-card-container .picture-card[data-v-922da507] {
  box-shadow: 3px 3px 6px 1px #d3d3d3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border-radius: 5px;
  transition: height 0.3s, width 0.3s, box-shadow 0.3s;
  overflow: hidden;
}
[class=dark] .index-picture-root .picture-container .picture-card-container .picture-card[data-v-922da507] {
  box-shadow: 1px 3px 6px 1px #0e0e0e;
}
.index-picture-root .picture-container .picture-card-container .picture-card[data-v-922da507]:hover {
  box-shadow: 3px 3px 10px 1px #b0b0b0;
}
[class=dark] .index-picture-root .picture-container .picture-card-container .picture-card[data-v-922da507]:hover {
  box-shadow: 3px 3px 10px 1px #000;
}
.index-picture-root .picture-container .picture-card-container .picture-card:hover .picuter-card-workbench[data-v-922da507] {
  opacity: 1;
}
.index-picture-root .picture-container .picture-card-container .picture-card .picture-card-check[data-v-922da507] {
  position: absolute;
  height: auto;
  right: 10px;
  top: 10px;
}
.index-picture-root .picture-container .picture-card-container .picture-card .picture-card-check[data-v-922da507] .el-checkbox__inner {
  height: 20px;
  width: 20px;
}
.index-picture-root .picture-container .picture-card-container .picture-card .picture-card-check[data-v-922da507] .el-checkbox__inner::after {
  border-width: 2px;
  height: 13px;
  left: 7px;
  top: 0;
}
.index-picture-root .picture-container .picture-card-container .picture-card .other-file[data-v-922da507] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--bl-bg-color);
  color: var(--bl-text-color-light);
}
.index-picture-root .picture-container .picture-card-container .picture-card .other-file .other-filename[data-v-922da507] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  width: 100%;
  font-size: 12px;
}
.index-picture-root .picture-container .picture-card-container .picture-card .other-file .other-suffix[data-v-922da507] {
  font-size: 23px;
  font-weight: 300;
  white-space: pre;
}
.index-picture-root .picture-container .picture-card-container .picture-card .img-wrapper[data-v-922da507] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.index-picture-root .picture-container .picture-card-container .picture-card img[data-v-922da507] {
  width: 100%;
  height: 100%;
  filter: brightness(100%);
  object-fit: cover;
}
[class=dark] .index-picture-root .picture-container .picture-card-container .picture-card img[data-v-922da507] {
  filter: brightness(80%);
}
.index-picture-root .picture-container .picture-card-container .picture-card .img-deleted[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--el-color-primary-light-7);
  height: 100%;
}
.index-picture-root .picture-container .picture-card-container .picture-card .picuter-card-workbench[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  height: 50px;
  position: absolute;
  color: #ffffff;
  background-color: var(--el-color-primary-light-3);
  bottom: 0;
  opacity: 0;
  transition: 0.3s;
  z-index: 3;
}
.index-picture-root .picture-container .picture-card-container .picture-card .picuter-card-workbench .item[data-v-922da507] {
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.index-picture-root .picture-container .picture-card-container .picture-card .picuter-card-workbench .item[data-v-922da507]:hover {
  background-color: var(--el-color-primary);
  width: 30%;
}
.index-picture-root .picture-container .picture-card-container .picutre-card-large[data-v-922da507] {
  width: 250px;
  height: 300px;
  margin: 20px;
}
.index-picture-root .picture-container .picture-card-container .picutre-card-large .picuter-card-workbench[data-v-922da507] {
  width: 100%;
  height: 50px;
}
.index-picture-root .picture-container .picture-card-container .picutre-card-large .picuter-card-workbench .iconbl[data-v-922da507] {
  font-size: 27px;
}
.index-picture-root .picture-container .picture-card-container .picutre-card-large .iconbl[data-v-922da507] {
  font-size: 27px;
}
.index-picture-root .picture-container .picture-card-container .picutre-card-mini[data-v-922da507] {
  width: 130px;
  height: 180px;
  margin: 10px;
}
.index-picture-root .picture-container .picture-card-container .picutre-card-mini .picuter-card-workbench[data-v-922da507] {
  width: 100%;
  height: 30px;
}
.index-picture-root .picture-container .picture-card-container .picuter-card-next[data-v-922da507] {
  width: 100%;
  height: 50px;
  text-align: center;
}
.index-picture-root .picture-container .picture-status[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 28px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  color: var(--bl-editor-color);
  border-top: 1px solid var(--el-border-color);
  background-color: var(--bl-editor-gutters-bg-color);
}
.index-picture-root .picture-container .picture-status .status-item-container[data-v-922da507] {
  height: 100%;
  white-space: nowrap;
  overflow-x: hidden;
}
.index-picture-root .picture-container .picture-status .status-item-container > div[data-v-922da507] {
  height: 100%;
  padding: 0 5px;
  cursor: pointer;
}
.index-picture-root .picture-container .picture-status .status-item-container > div .iconbl[data-v-922da507] {
  padding-right: 4px;
}
.index-picture-root .picture-container .picture-status .status-item-container > div[data-v-922da507]:hover {
  background-color: var(--bl-editor-bg-color);
}
.index-picture-root .picture-container .picture-status .tag-root[data-v-922da507] {
  cursor: pointer;
}
.index-picture-root .picture-container .picture-status div[data-v-922da507] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.resize-divider-vertical[data-v-922da507] {
  width: 1px;
  height: 100%;
  background-color: var(--el-border-color);
  position: relative;
  z-index: 1001;
  cursor: ew-resize;
}
.resize-divider-vertical[data-v-922da507]::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: transparent;
  display: block;
  transition: 0.3s;
  position: absolute;
  left: -1px;
  z-index: 1002;
  cursor: ew-resize;
}
.resize-divider-vertical[data-v-922da507]:hover::before {
  background-color: var(--el-color-primary);
}
.bl-loading-spinner[data-v-922da507] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100px;
  top: calc(50% - 50px);
}
.bl-loading-spinner[data-v-922da507]::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(5px);
}
.bl-loading-spinner .circular[data-v-922da507] {
  display: none;
}
.bl-loading-spinner .el-loading-text[data-v-922da507] {
  font-size: 15px;
  font-weight: 300;
}
.replace-upload-switch[data-v-922da507] {
  --el-switch-off-color: var(--el-color-primary-light-7);
  height: 24px;
}
.replace-upload-switch[data-v-922da507] .el-switch__core {
  border-radius: 4px;
}
.replace-upload-switch[data-v-922da507] .is-text {
  color: #a9a9a9;
}
.replace-upload-switch[data-v-922da507] .el-switch__action {
  background: #ffffff;
  border-radius: 4px;
}
[class=dark] .replace-upload-switch[data-v-922da507] .el-switch__action {
  background: #a9a9a9;
}
.is-checked[data-v-922da507] .is-text {
  color: #fff;
}
.is-checked[data-v-922da507] .el-switch__action {
  background-color: #ffffff !important;
}.info-title[data-v-179d3910] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-179d3910] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-179d3910] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-179d3910] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-179d3910] {
  cursor: pointer;
}
.info-footer[data-v-179d3910] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-179d3910] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.article-info-root[data-v-179d3910] {
  border-radius: 10px;
}
.article-info-root .color-hunt[data-v-179d3910] {
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 18px;
  padding: 1px 3px;
  margin-left: 5px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
  text-decoration: none;
}
.article-info-root .color-hunt[data-v-179d3910]:hover {
  border: 1px solid var(--el-border-color-hover);
}
.info-tags-container[data-v-179d3910] {
  text-align: left;
  overflow-y: scroll;
}
.info-tags-container > span[data-v-179d3910],
.info-tags-container button[data-v-179d3910] {
  margin: 3px 3px;
}
.info-tags-container .el-input[data-v-179d3910] {
  margin: 3px 3px;
}.task-workbench[data-v-274c6ec9] {
  width: 100%;
  height: 90px;
  font-weight: 300;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.task-workbench .task-name[data-v-274c6ec9] {
  font-size: 16px;
  font-weight: 300;
  text-shadow: var(--bl-text-shadow);
}
.task-workbench .waiting[data-v-274c6ec9] {
  background-color: var(--bl-todo-wait-color);
}
.task-workbench .processing[data-v-274c6ec9] {
  background-color: var(--bl-todo-proc-color);
}
.task-workbench .completed[data-v-274c6ec9] {
  background-color: var(--bl-todo-comp-color);
}
.task-workbench .bars[data-v-274c6ec9] {
  padding: 10px 10px 5px;
}
.task-workbench .bars div[data-v-274c6ec9] {
  font-size: 13px;
  font-weight: 300;
  height: 13px;
  margin: 0 3px;
  border-radius: 4px;
  padding: 3px 10px;
  text-align: center;
  transition: width 1s;
  box-shadow: inset 0 3px rgba(255, 255, 255, 0.3647058824), inset 0 -2px rgba(70, 70, 70, 0.5019607843), 0 2px 4px #c0c0c0;
}
[class=dark] .task-workbench .bars div[data-v-274c6ec9] {
  box-shadow: inset 0 3px rgba(255, 255, 255, 0.2823529412), inset 0 -3px rgba(47, 47, 47, 0.662745098), 0 2px 4px #000000;
}
.task-workbench .bars .bar-light[data-v-274c6ec9] {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3647058824), inset 0 -1px rgba(70, 70, 70, 0.5019607843), 0 1px 4px #c0c0c0;
}
[class=dark] .task-workbench .bars .bar-light[data-v-274c6ec9] {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2823529412), inset 0 -1px rgba(47, 47, 47, 0.662745098), 0 1px 4px #000000;
}
.task-workbench .tag-select[data-v-274c6ec9] {
  width: 150px;
}
.task-workbench .tag-select[data-v-274c6ec9] .el-tag--small {
  color: #fff;
  background-color: var(--el-color-primary-light-3);
  height: 18px;
}
[class=dark] .task-workbench .tag-select[data-v-274c6ec9] .el-tag--small {
  color: #000;
}
.task-workbench .tag-select[data-v-274c6ec9] .el-tag--small .el-tag__close {
  color: #fff;
}
[class=dark] .task-workbench .tag-select[data-v-274c6ec9] .el-tag--small .el-tag__close {
  color: #000;
}
.task-workbench .bars-legend[data-v-274c6ec9] {
  font-size: 14px;
  color: var(--bl-text-color-light);
}
.task-workbench .bars-legend > div[data-v-274c6ec9] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: 0 5px 0 20px;
}
.task-workbench-child[data-v-274c6ec9] {
  border-bottom: 1px solid var(--el-border-color-lighter);
  transition: all 0.2s ease;
  padding-left: 10px;
  font-size: 12px;
  color: var(--bl-text-color);
}
.progress-container[data-v-274c6ec9] {
  width: 100%;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  overflow-x: scroll;
}
.progress-container .task-tip[data-v-274c6ec9] {
  font-size: 12px;
  font-weight: 300;
  color: #d3d3d3;
}
[class=dark] .progress-container .task-tip[data-v-274c6ec9] {
  color: rgb(65, 65, 65);
}
.progress-container .add-icon[data-v-274c6ec9] {
  font-size: 16px;
  font-weight: 300;
  padding: 0 3px;
  color: var(--bl-text-color-light);
  cursor: pointer;
}
.progress-container .add-icon[data-v-274c6ec9]:hover {
  color: var(--el-color-primary);
}
.progress-container .waiting[data-v-274c6ec9],
.progress-container .processing[data-v-274c6ec9],
.progress-container .completed[data-v-274c6ec9] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 350px;
  height: 100%;
  min-width: 350px;
  max-width: 350px;
  color: var(--bl-text-color);
  position: relative;
  padding: 0 10px;
}
.progress-container .waiting .tasks-title[data-v-274c6ec9],
.progress-container .processing .tasks-title[data-v-274c6ec9],
.progress-container .completed .tasks-title[data-v-274c6ec9] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 270px;
  height: 30px;
  font-size: 28px;
  font-weight: 700;
  text-shadow: var(--bl-text-shadow);
}
.progress-container .waiting .tasks-sub-title[data-v-274c6ec9],
.progress-container .processing .tasks-sub-title[data-v-274c6ec9],
.progress-container .completed .tasks-sub-title[data-v-274c6ec9] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  height: 30px;
  font-size: 13px;
  font-weight: 300;
  padding: 0 5px;
  color: var(--bl-text-color-light);
  border-bottom: 1px solid var(--el-border-color);
}
.progress-container .waiting .tasks-container[data-v-274c6ec9],
.progress-container .processing .tasks-container[data-v-274c6ec9],
.progress-container .completed .tasks-container[data-v-274c6ec9] {
  width: 100%;
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-y: scroll;
  padding: 20px 0;
}
.progress-container .waiting .tasks-container .drag-container[data-v-274c6ec9],
.progress-container .processing .tasks-container .drag-container[data-v-274c6ec9],
.progress-container .completed .tasks-container .drag-container[data-v-274c6ec9] {
  width: 295px;
  height: 100%;
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: calc(50% - 140px);
  padding: 30px 0;
  color: transparent;
  text-align: center;
  display: none;
  z-index: 2;
}
.progress-container .waiting .tasks-container .drag-container div[data-v-274c6ec9],
.progress-container .processing .tasks-container .drag-container div[data-v-274c6ec9],
.progress-container .completed .tasks-container .drag-container div[data-v-274c6ec9] {
  pointer-events: none;
}
.progress-container .waiting .tasks-container .drag-container.enter[data-v-274c6ec9],
.progress-container .processing .tasks-container .drag-container.enter[data-v-274c6ec9],
.progress-container .completed .tasks-container .drag-container.enter[data-v-274c6ec9] {
  background: rgba(245, 245, 245, 0.9098039216);
  color: #c6c6c6;
  box-shadow: inset 0 0 5px 2px #c4c4c4;
  font-weight: 300;
  border-radius: 10px;
  border: 3px solid var(--el-color-primary);
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter[data-v-274c6ec9],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter[data-v-274c6ec9],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter[data-v-274c6ec9] {
  background: rgba(23, 23, 23, 0.8784313725);
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter[data-v-274c6ec9],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter[data-v-274c6ec9],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter[data-v-274c6ec9] {
  color: #505050;
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter[data-v-274c6ec9],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter[data-v-274c6ec9],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter[data-v-274c6ec9] {
  box-shadow: inset 0 0 8px 2px #000000;
}
.progress-container .waiting .tasks-container .drag-container.enter .iconbl[data-v-274c6ec9],
.progress-container .processing .tasks-container .drag-container.enter .iconbl[data-v-274c6ec9],
.progress-container .completed .tasks-container .drag-container.enter .iconbl[data-v-274c6ec9] {
  color: #e4e4e4;
  display: inherit;
  margin-top: 40px;
  font-size: 90px;
}
[class=dark] .progress-container .waiting .tasks-container .drag-container.enter .iconbl[data-v-274c6ec9],
[class=dark] .progress-container .processing .tasks-container .drag-container.enter .iconbl[data-v-274c6ec9],
[class=dark] .progress-container .completed .tasks-container .drag-container.enter .iconbl[data-v-274c6ec9] {
  color: #2c2c2c;
}
.task-popover[data-v-274c6ec9] {
  background-color: var(--bl-bg-color) !important;
  color: red;
}
.task-popover > div[data-v-274c6ec9] {
  padding: 5px 5px 5px 5px;
  margin: 0 5px 5px 5px;
  border-radius: 5px;
  text-align: left;
  cursor: pointer;
}
.task-popover > div[data-v-274c6ec9]:hover {
  background: var(--el-color-primary-light-8);
}
.task-popover > div .el-input-number--small[data-v-274c6ec9] {
  margin-left: 10px;
  width: 80px;
}.task-item {
  width: 270px;
  height: auto;
  min-width: 270px;
  max-width: 270px;
  font-weight: 300;
  border-radius: 4px;
  margin-bottom: 15px;
  transition: box-shadow 0.1s;
  position: relative;
}
.task-item .selection {
  width: 270px;
  height: 100%;
  background: rgba(249, 249, 249, 0.7215686275);
  border-radius: 4px;
  border: 3px dashed var(--el-border-color);
  position: absolute;
  z-index: 3;
  cursor: pointer;
}
[class=dark] .task-item .selection {
  background: rgba(15, 15, 15, 0.7215686275);
}
.task-item .selection .iconbl {
  color: var(--el-border-color);
  font-size: 45px;
}
.task-item .divider {
  color: #cfcfcf;
  border-bottom: 2px dashed;
  border-color: #cfcfcf;
  border-radius: 0;
  width: 100%;
  font-size: 12px;
}
[class=dark] .task-item .divider {
  color: rgba(84, 84, 84, 0.8784313725);
}
[class=dark] .task-item .divider {
  border-color: rgba(84, 84, 84, 0.8784313725);
}
.task-item:has(.divider) {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  pointer-events: none;
  border: none;
}
.task-item:has(.divider):hover {
  box-shadow: none;
}
.task-item:hover {
  box-shadow: 0 0 9px #c0c0c0;
}
[class=dark] .task-item:hover {
  box-shadow: 0 0 10px #000000;
}
.task-item:hover .task-title .iconbl {
  opacity: 1;
}
.task-item .task-title {
  filter: brightness(100%);
  color: #4d4d4d;
  font-size: 14px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: move;
}
[class=dark] .task-item .task-title {
  filter: brightness(80%);
}
[class=dark] .task-item .task-title {
  color: #d8d8d8;
}
.task-item .task-title .el-input {
  --el-input-bg-color: var(--bl-html-color) !important;
}
.task-item .task-title > div {
  transition: color 0.2s;
}
.task-item .task-title > div:hover {
  color: #000000;
}
[class=dark] .task-item .task-title > div:hover {
  color: #ececec;
}
.task-item .task-title .iconbl {
  opacity: 0;
}
.task-item .task-tags {
  padding: 2px 7px;
  align-content: flex-start;
  flex-wrap: wrap;
}
.task-item .task-times {
  height: 20px;
  font-size: 13px;
  padding: 0 10px;
  color: var(--bl-text-color-light);
}
.task-item .dead-line {
  color: #d5002e;
}
[class=dark] .task-item .dead-line {
  color: #a50024;
}
.task-item .task-content-placeholder {
  height: 10px;
  width: 250px;
  margin: 5px 10px 10px 10px;
  transition: background 0.3s;
  border-radius: 3px;
  cursor: cell;
}
.task-item .task-content-placeholder:hover {
  background: #e6e6e6;
}
[class=dark] .task-item .task-content-placeholder:hover {
  background: #242424;
}
.task-item .task-content {
  padding: 5px 10px;
  font-size: 13px;
  color: var(--bl-text-color-light);
  white-space: pre-line;
  word-wrap: break-word;
  overflow: auto;
  transition: color 0.2s;
  cursor: cell;
}
.task-item .task-content:hover {
  color: #555555;
}
[class=dark] .task-item .task-content:hover {
  color: #a5a5a5;
}
.task-item .el-progress {
  padding: 0 10px;
  margin-bottom: 10px;
}
.task-item .el-progress .el-progress__text {
  font-size: 12px !important;
  min-width: auto;
  color: var(--bl-text-color-light);
}
.task-item-normal {
  box-shadow: 0 0 5px #c0c0c0;
  background: #f9f9f9;
}
[class=dark] .task-item-normal {
  box-shadow: 0 0 3px #000000;
}
[class=dark] .task-item-normal {
  background: #141414;
}
.task-item-heavy {
  box-shadow: 0 0 5px #c0c0c0;
  background: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0);
}
[class=dark] .task-item-heavy {
  box-shadow: 0 0 3px #000000;
}
[class=dark] .task-item-heavy {
  background: #141414;
}
.task-item-light {
  border: 1px solid var(--el-border-color);
}
.task-item.moving {
  border: 1px dashed var(--el-border-color);
  box-shadow: none;
  cursor: move;
}
.task-item.moving * {
  visibility: hidden;
}.chart-line-completed-root[data-v-65ab7c71] {
  width: 100%;
  height: 100%;
}.todo-stat-root[data-v-458f29de] {
  width: 100%;
  height: 100%;
  padding: 10px 15px 20px 15px;
}
.todo-stat-root .stat-global[data-v-458f29de],
.todo-stat-root .phared-details[data-v-458f29de] {
  box-shadow: 0 0 5px #d7d7d7;
  background: #fafafa;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 10px 0;
}
[class=dark] .todo-stat-root .stat-global[data-v-458f29de],
[class=dark] .todo-stat-root .phared-details[data-v-458f29de] {
  box-shadow: 0 0 5px #000000;
}
[class=dark] .todo-stat-root .stat-global[data-v-458f29de],
[class=dark] .todo-stat-root .phared-details[data-v-458f29de] {
  background: #0f0f0f;
}
.todo-stat-root .stat-global .title[data-v-458f29de],
.todo-stat-root .phared-details .title[data-v-458f29de] {
  font-size: 17px;
  font-weight: 300;
  padding: 5px 10px;
  color: var(--bl-text-color);
}
.todo-stat-root .stat-global .sub-title[data-v-458f29de],
.todo-stat-root .phared-details .sub-title[data-v-458f29de] {
  font-size: 12px;
  font-weight: 300;
  padding: 0 15px;
  color: var(--bl-text-color-light);
}
.todo-stat-root .stat-global[data-v-458f29de] {
  box-shadow: 0 0 5px #d7d7d7;
  background: #fafafa;
  border-radius: 6px;
  margin-bottom: 20px;
}
[class=dark] .todo-stat-root .stat-global[data-v-458f29de] {
  box-shadow: 0 0 5px #000000;
}
[class=dark] .todo-stat-root .stat-global[data-v-458f29de] {
  background: #0f0f0f;
}
.todo-stat-root .stat-global .chart-line-completed[data-v-458f29de] {
  width: 100%;
  height: 230px;
}
.todo-stat-root .stat-global .item-row[data-v-458f29de] {
  padding: 10px;
}
.todo-stat-root .stat-global .item-row > div[data-v-458f29de]:first-child {
  margin-left: 10px;
}
.todo-stat-root .stat-global .item-row > div[data-v-458f29de]:last-child {
  margin-right: 10px;
}
.todo-stat-root .stat-global .item-row .stat-item[data-v-458f29de] {
  width: 150px;
  height: 80px;
  color: var(--bl-text-color);
  border-radius: 6px;
  padding: 10px 15px;
  position: relative;
  overflow: hidden;
}
.todo-stat-root .stat-global .item-row .stat-item:hover .icon-shadow[data-v-458f29de] {
  transform: scale(1.2);
}
.todo-stat-root .stat-global .item-row .stat-item .label[data-v-458f29de] {
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 10px;
}
.todo-stat-root .stat-global .item-row .stat-item .value[data-v-458f29de] {
  font-size: 24px;
  font-weight: 500;
  position: relative;
  padding-left: 5px;
  line-height: 20px;
}
.todo-stat-root .stat-global .item-row .stat-item .icon-shadow[data-v-458f29de] {
  font-size: 60px;
  font-weight: 500;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: "";
  left: "";
  z-index: 1;
  color: var(--bl-text-color-light);
  transition: all 0.3s;
}
.todo-stat-root .stat-global .item-row .stat-item.waiting[data-v-458f29de] {
  background-color: var(--bl-todo-wait-color);
}
.todo-stat-root .stat-global .item-row .stat-item.progress[data-v-458f29de] {
  background-color: var(--bl-todo-proc-color);
}
.todo-stat-root .stat-global .item-row .stat-item.completed[data-v-458f29de] {
  background-color: var(--bl-todo-comp-color);
}
.todo-stat-root .stat-global .item-row .stat-item.total[data-v-458f29de] {
  background-color: var(--el-color-primary-light-7);
}
.todo-stat-root .stat-global .item-row .stat-item.total .value[data-v-458f29de]::before {
  background-color: var(--el-color-primary-light-7);
}
.todo-stat-root .phared-details .row[data-v-458f29de] {
  font-size: 12px;
  font-weight: 300;
  padding: 5px 15px 0 15px;
  color: var(--bl-text-color);
}.doc-workbench-root[data-v-3a3fd2aa] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  border-bottom: 1px solid var(--el-border-color);
}
.doc-workbench-root .workbench-name[data-v-3a3fd2aa] {
  color: var(--bl-text-color);
  font-size: 12px;
  text-align: right;
  overflow: scroll;
  padding-right: 5px;
}
.doc-workbench-root .workbench-more[data-v-3a3fd2aa] {
  background: #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 4px;
}
[class=dark] .doc-workbench-root .workbench-more[data-v-3a3fd2aa] {
  background: #161616;
}
.doc-workbench-root .workbench-more .iconbl[data-v-3a3fd2aa] {
  color: #a9a9a9;
  position: absolute;
  top: 2px;
  right: -6px;
  font-size: 20px;
}
[class=dark] .doc-workbench-root .workbench-more .iconbl[data-v-3a3fd2aa] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-3a3fd2aa] {
  color: #909399;
  text-shadow: var(--bl-text-shadow);
  font-size: 25px;
  padding: 3px 2px;
  transition: color 0.3s, text-shadow 0.3s;
  cursor: pointer;
}
[class=dark] .doc-workbench-root .iconbl[data-v-3a3fd2aa] {
  color: #969696;
}
.doc-workbench-root .iconbl[data-v-3a3fd2aa]:hover {
  color: var(--el-color-primary);
}
.doc-workbench-root .bl-cloud-fill[data-v-3a3fd2aa],
.doc-workbench-root .bl-star-fill[data-v-3a3fd2aa],
.doc-workbench-root .bl-a-lowerrightpage-fill[data-v-3a3fd2aa] {
  color: var(--el-color-primary);
}
.todo-root[data-v-3a3fd2aa] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.todo-root .todo-aside[data-v-3a3fd2aa] {
  width: 250px;
  height: 100%;
  min-width: 250px;
  max-width: 250px;
}
.todo-root .todo-aside .setting[data-v-3a3fd2aa] {
  width: 100%;
  height: 90px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 18px;
  font-weight: 300;
  color: var(--bl-text-color);
  border-bottom: 1px solid var(--el-border-color);
}
.todo-root .todo-aside .task-collapse[data-v-3a3fd2aa] {
  height: calc(100% - 90px);
}
.todo-root .todo-aside .task-collapse .el-collapse[data-v-3a3fd2aa] {
  height: 100%;
  border-top: none;
  border-bottom: none;
  --el-transition-duration: 0s;
}
.todo-root .todo-aside .task-collapse .el-collapse[data-v-3a3fd2aa] .el-collapse-item {
  max-height: calc(100% - 96px);
  overflow: hidden;
}
.todo-root .todo-aside .task-collapse .el-collapse[data-v-3a3fd2aa] .el-collapse-item.is-active {
  height: calc(100% - 96px);
  overflow: hidden;
}
.todo-root .todo-aside .task-collapse .el-collapse[data-v-3a3fd2aa] .el-collapse-item__header {
  padding-left: 20px;
}
.todo-root .todo-aside .task-collapse .el-collapse[data-v-3a3fd2aa] .el-collapse-item__wrap {
  height: 100%;
  max-height: 100%;
}
.todo-root .todo-aside .task-collapse .el-collapse[data-v-3a3fd2aa] .el-collapse-item__content {
  box-shadow: inset -1px 3px 5px #dfdfdf, inset -1px -3px 5px #dfdfdf;
  height: calc(100% - 48px);
  padding: 0 5px 0 15px;
  overflow-x: hidden;
  overflow-y: scroll;
}
[class=dark] .todo-root .todo-aside .task-collapse .el-collapse[data-v-3a3fd2aa] .el-collapse-item__content {
  box-shadow: inset -1px 3px 5px #0f0f0f, inset -1px -3px 5px #0f0f0f;
}
.todo-root .todo-aside .task-collapse .el-collapse .collapse-item[data-v-3a3fd2aa] .el-collapse-item__content {
  padding: 0;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] {
  background-color: transparent;
  --el-calendar-selected-bg-color: var(--el-color-primary-light-8);
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__header {
  padding: 0;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body {
  padding: 0;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body th {
  padding: 6px 0;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .prev .el-calendar-day,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .current .el-calendar-day,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .next .el-calendar-day {
  padding: 0;
  height: 50px;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .prev .el-calendar-day .cell-wrapper,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .current .el-calendar-day .cell-wrapper,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .next .el-calendar-day .cell-wrapper {
  width: 100%;
  height: 100%;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .prev .el-calendar-day .cell-wrapper .day,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .current .el-calendar-day .cell-wrapper .day,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .next .el-calendar-day .cell-wrapper .day {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .prev:last-child,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .current:last-child,
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .next:last-child {
  border-right: none;
}
.todo-root .todo-aside .task-day-calendar[data-v-3a3fd2aa] .el-calendar__body .el-calendar-table__row .is-today .el-calendar-day .cell-wrapper .day {
  font-weight: 900;
  text-decoration: underline;
}
.todo-root .todo-aside .task-phased[data-v-3a3fd2aa] {
  width: 220px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 13px;
  font-weight: 300;
  border: 1px solid var(--el-border-color);
  min-height: 40px;
  flex-wrap: wrap;
  padding: 3px 5px;
  margin-bottom: 10px;
  color: var(--bl-text-color);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s, border-color 0.3s;
  cursor: pointer;
}
.todo-root .todo-aside .task-phased[data-v-3a3fd2aa]:hover {
  box-shadow: 0 0 9px #c0c0c0;
  border-color: var(--el-color-primary);
}
[class=dark] .todo-root .todo-aside .task-phased[data-v-3a3fd2aa]:hover {
  box-shadow: 0 0 10px #000000;
}
.todo-root .todo-aside .task-phased:hover .phased-stat[data-v-3a3fd2aa] {
  background-color: var(--el-color-primary-light-8);
}
.todo-root .todo-aside .task-phased[data-v-3a3fd2aa]:first-child {
  margin-top: 15px;
}
.todo-root .todo-aside .task-phased .phase-name[data-v-3a3fd2aa] {
  line-height: 14px;
  word-break: break-all;
}
.todo-root .todo-aside .task-phased .phased-stat[data-v-3a3fd2aa] {
  font-size: 11px;
  line-height: 15px;
  padding: 2px 10px 0 10px;
  color: var(--bl-text-color-light);
  background-color: var(--bl-bg-color);
  border-top-left-radius: 3px;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: background-color 0.1s;
}
.todo-root .todo-aside .task-phased .task-count[data-v-3a3fd2aa] {
  padding: 0 5px;
  margin-left: 5px;
}
.todo-root .todo-aside .task-phased-add[data-v-3a3fd2aa] {
  border: 1px dashed;
  border-color: #b4b4b4;
  border-radius: 3px;
  width: 220px;
  padding: 1px 5px;
  margin: 10px 0;
  color: var(--bl-text-color-light);
  transition: box-shadow 0.3s;
  text-align: center;
  cursor: pointer;
}
[class=dark] .todo-root .todo-aside .task-phased-add[data-v-3a3fd2aa] {
  border-color: #515151;
}
.todo-root .todo-aside .task-phased-add[data-v-3a3fd2aa]:hover {
  box-shadow: 0 0 5px #9e9e9e;
}
[class=dark] .todo-root .todo-aside .task-phased-add[data-v-3a3fd2aa]:hover {
  box-shadow: 0 0 8px 1px #000000;
}
.todo-root .todo-main[data-v-3a3fd2aa] {
  width: calc(100% - 250px);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-left: 1px solid var(--el-border-color);
}
.todo-root .todo-main .todo-tasks[data-v-3a3fd2aa] {
  height: 100%;
  overflow: hidden;
}
.todo-root .todo-main .todo-stat[data-v-3a3fd2aa] {
  width: 450px;
  height: 100%;
  border-left: 1px solid var(--el-border-color);
}
@media screen and (max-width: 1350px) {
.todo-root .todo-main .todo-tasks[data-v-3a3fd2aa] {
    width: 100% !important;
    height: 100%;
}
.todo-root .todo-main .todo-stat[data-v-3a3fd2aa] {
    display: none;
}
}.note-editor-root[data-v-c998f952] {
  width: 100%;
  height: 100%;
  filter: brightness(100%);
  padding: 5px;
  position: relative;
}
[class=dark] .note-editor-root[data-v-c998f952] {
  filter: brightness(80%);
}
.note-editor-root .send[data-v-c998f952] {
  position: absolute;
  top: 10px;
  right: "";
  bottom: "";
  left: 15px;
  transition: 0.5s;
  z-index: 9999;
  cursor: pointer;
}
.note-editor-root .send .plant[data-v-c998f952] {
  transform: rotate(-105deg);
  width: 35px;
  z-index: 9999;
}
.note-editor-root .send-start[data-v-c998f952] {
  animation: send-c998f952 1s ease-out 1;
}
@keyframes send-c998f952 {
100% {
    left: -1029px;
    top: -490px;
}
}
@media screen and (max-height: 1050px) {
.note-editor-root .blokken .note-img[data-v-c998f952] {
    opacity: 0;
}
}
.note-editor-root .blokken[data-v-c998f952] {
  position: relative;
  background-color: #fff;
  height: 100%;
  font-size: 1.3rem;
  background-image: linear-gradient(to bottom, #fff calc(1em - 1px), #efefef calc(1em - 1px), #efefef 1em, #fff 1em);
  background-position: 0% 1em;
  background-size: 100% 1em;
  background-repeat: repeat-y;
  box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.3);
}
.note-editor-root .blokken .textarea-placeholder[data-v-c998f952] {
  width: 100%;
  height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: 100;
  color: #c2c2c2;
  background-color: rgba(255, 255, 255, 0.862745098);
  text-align: right;
  padding: 0 10px;
}
.note-editor-root .blokken textarea[data-v-c998f952] {
  position: absolute;
  top: 42px;
  right: 0;
  width: 100%;
  height: calc(100% - 42px);
  padding: 0 10px;
  font-size: 14px;
  line-height: 20.8px;
  color: #848484;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: 0.5s;
  resize: none;
  outline: none;
}
.note-editor-root .blokken .note-img[data-v-c998f952] {
  width: 200px;
  height: 200px;
  position: absolute;
  top: "";
  right: -50px;
  bottom: 0;
  left: "";
  transition: 0.3s;
}
.note-editor-root .blokken .note-img-always[data-v-c998f952] {
  opacity: 1 !important;
}
.note-editor-root .blokken[data-v-c998f952]:before, .note-editor-root .blokken[data-v-c998f952]:after {
  content: "";
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3);
}
.note-editor-root .blokken[data-v-c998f952]:before {
  transform: rotate(-2deg);
  z-index: -1;
}
.note-editor-root .blokken[data-v-c998f952]:after {
  transform: rotate(2deg);
  z-index: -2;
}.note-index-root[data-v-83ca62d7] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 20px 20px 30px;
}
.note-index-root .editor[data-v-83ca62d7] {
  width: 500px;
  height: 100%;
  z-index: 3;
}
.note-index-root .editor .note-logo[data-v-83ca62d7] {
  width: 160px;
  height: 160px;
  filter: brightness(100%);
}
[class=dark] .note-index-root .editor .note-logo[data-v-83ca62d7] {
  filter: brightness(80%);
}
.note-index-root .note-container[data-v-83ca62d7] {
  width: calc(100% - 520px);
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  filter: brightness(100%);
  align-content: flex-start;
  flex-wrap: wrap;
  margin-left: 20px;
  padding-left: 40px;
  z-index: 3;
  overflow: auto;
  overflow-y: scroll;
}
[class=dark] .note-index-root .note-container[data-v-83ca62d7] {
  filter: brightness(80%);
}
.note-index-root .note-container .placeholder[data-v-83ca62d7] {
  font-size: 14px;
  font-weight: 300;
  color: var(--bl-text-color-light);
}
.note-index-root .note-container .note[data-v-83ca62d7] {
  position: relative;
  width: 250px;
  height: 354px;
  font-size: 1.3rem;
  color: #8a8a8a;
  background-image: linear-gradient(to bottom, #fff calc(1em - 1px), #efefef calc(1em - 1px), #efefef 1em, #fff 1em);
  background-position: 0% 1em;
  background-size: 100% 1em;
  background-repeat: repeat-y;
  box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.3);
  margin: 20px 20px;
  cursor: pointer;
}
.note-index-root .note-container .note[data-v-83ca62d7]:before {
  content: "";
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fef6df;
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3);
}
.note-index-root .note-container .note[data-v-83ca62d7]:before {
  transform: rotate(-7deg);
  z-index: -1;
}
.note-index-root .note-container .note:hover .del[data-v-83ca62d7],
.note-index-root .note-container .note:hover .cd[data-v-83ca62d7],
.note-index-root .note-container .note:hover .pin img[data-v-83ca62d7] {
  opacity: 1;
}
.note-index-root .note-container .note .pin[data-v-83ca62d7] {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -5px;
  cursor: pointer;
}
.note-index-root .note-container .note .pin img[data-v-83ca62d7] {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.note-index-root .note-container .note .pin .img-hidden[data-v-83ca62d7] {
  opacity: 0;
}
.note-index-root .note-container .note .del[data-v-83ca62d7],
.note-index-root .note-container .note .cd[data-v-83ca62d7] {
  width: 28px;
  height: 28px;
  position: absolute;
  top: -10px;
  right: 20px;
  margin: 0 5px 5px 0;
  opacity: 0;
  transition: 0.5s;
  cursor: pointer;
}
.note-index-root .note-container .note .del img[data-v-83ca62d7],
.note-index-root .note-container .note .cd img[data-v-83ca62d7] {
  width: 100%;
  height: 100%;
}
.note-index-root .note-container .note .cd[data-v-83ca62d7] {
  position: absolute;
  top: -10px;
  right: 53px;
}
.note-index-root .note-container .note .note-workbench[data-v-83ca62d7] {
  width: 100%;
  height: 42px;
  font-size: 13px;
  font-weight: 100;
  color: #d1d1d1;
  background-color: rgba(255, 255, 255, 0.862745098);
  padding: 3px 5px;
}
.note-index-root .note-container .note .el-textarea[data-v-83ca62d7] {
  --el-input-bg-color: #00000000 !important;
}
.note-index-root .note-container .note .content[data-v-83ca62d7] {
  width: 100%;
  height: calc(100% - 42px);
  font-size: 14px;
  font-weight: 300;
  max-height: calc(100% - 21px);
  line-height: 20.8px;
  padding: 0 5px;
  z-index: 3;
  white-space: pre-line;
  word-wrap: break-word;
  overflow: auto;
  overflow-y: scroll;
  user-select: text;
  cursor: cell;
}
.note-index-root .note-container .note-top[data-v-83ca62d7] {
  background-image: linear-gradient(to bottom, #fff6d7 calc(1em - 1px), #dadada calc(1em - 1px), #efefef 1em, #fff6d7 1em) !important;
}
.note-index-root .note-container .note-top[data-v-83ca62d7]:before {
  background-color: #efd8b1;
}
.note-index-root .note-container .note-top .note-workbench[data-v-83ca62d7] {
  background-color: #fce0af;
  color: #898989;
}
.note-index-root .note-container .note-top .content[data-v-83ca62d7] {
  color: #898989;
}
.note-index-root .note-container[data-v-83ca62d7] ::-webkit-scrollbar {
  width: 0;
}.info-title[data-v-34decedd] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-34decedd] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-34decedd] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-34decedd] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-34decedd] {
  cursor: pointer;
}
.info-footer[data-v-34decedd] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-34decedd] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.daily-info-root .daily[data-v-34decedd] {
  width: 220px;
  height: 130px;
  margin: 10px 5px 10px 5px;
  transition: 0.3s;
  border-radius: 6px;
  padding: 5px;
  overflow: hidden;
}
.daily-info-root .daily[data-v-34decedd] {
  width: 205px;
  height: 100px;
  min-width: 205px;
  max-width: 205px;
  min-height: 100px;
  max-height: 100px;
  box-shadow: 2px 2px 8px 1px #dadada;
  position: relative;
}
[class=dark] .daily-info-root .daily[data-v-34decedd] {
  box-shadow: 2px 2px 8px 1px #121212;
}
.daily-info-root .daily .time[data-v-34decedd] {
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  padding: 0 5px;
}
.daily-info-root .daily .content[data-v-34decedd] {
  width: 135px;
  height: 70px;
  font-size: 13px;
  font-weight: 300;
  padding-left: 5px;
  color: #8a8a8a;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  overflow: scroll;
  overflow-y: scroll;
}
.daily-info-root .daily img[data-v-34decedd] {
  height: 23px;
  width: 23px;
  height: 70px;
  width: 70px;
  border-radius: 5px;
}
.daily-info-root .img-container[data-v-34decedd] {
  padding: 5px;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow: scroll;
  overflow-y: scroll;
}
.daily-info-root .img-container div[data-v-34decedd] {
  margin: 1px;
  cursor: pointer;
}
.daily-info-root .img-container div img[data-v-34decedd] {
  height: 23px;
  width: 23px;
}.plan-daily-root[data-v-912d1ded] {
  width: 100%;
  height: 100%;
  filter: brightness(100%);
}
[class=dark] .plan-daily-root[data-v-912d1ded] {
  filter: brightness(80%);
}
.plan-daily-root .daily-container[data-v-912d1ded] {
  width: 100%;
  height: 100%;
  overflow: scroll;
  overflow-y: scroll;
}
.plan-daily-root .daily-container .title[data-v-912d1ded] {
  width: 100%;
  font-weight: 300;
  padding-right: 20px;
  text-align: right;
  color: #8a8a8a;
}
.plan-daily-root .daily-container .daily[data-v-912d1ded],
.plan-daily-root .daily-container .add-daily[data-v-912d1ded] {
  margin: 10px 15px 10px 20px;
  transition: 0.3s;
  border-radius: 6px;
  padding: 5px;
  overflow: hidden;
}
.plan-daily-root .daily-container .daily[data-v-912d1ded]:hover,
.plan-daily-root .daily-container .add-daily[data-v-912d1ded]:hover {
  box-shadow: 3px 3px 8px 1px #9e9e9e;
}
[class=dark] .plan-daily-root .daily-container .daily[data-v-912d1ded]:hover,
[class=dark] .plan-daily-root .daily-container .add-daily[data-v-912d1ded]:hover {
  box-shadow: 3px 3px 8px 1px #000000;
}
.plan-daily-root .daily-container .daily[data-v-912d1ded] {
  width: 205px;
  height: 100px;
  min-width: 205px;
  max-width: 205px;
  min-height: 100px;
  max-height: 100px;
  box-shadow: 2px 2px 8px 1px #dadada;
  position: relative;
}
[class=dark] .plan-daily-root .daily-container .daily[data-v-912d1ded] {
  box-shadow: 2px 2px 8px 1px #121212;
}
.plan-daily-root .daily-container .daily:hover .del[data-v-912d1ded],
.plan-daily-root .daily-container .daily:hover .bl-a-closeline-line[data-v-912d1ded] {
  opacity: 1;
}
.plan-daily-root .daily-container .daily .time[data-v-912d1ded] {
  font-size: 12px;
  font-weight: 500;
  padding: 0 5px;
}
.plan-daily-root .daily-container .daily .content[data-v-912d1ded] {
  font-size: 13px;
  font-weight: 300;
  padding-left: 5px;
  color: #8a8a8a;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  overflow: scroll;
  overflow-y: scroll;
}
.plan-daily-root .daily-container .daily .del[data-v-912d1ded] {
  position: absolute;
  top: 0;
  right: 0;
  border-top: 30px solid var(--el-color-primary);
  border-left: 30px solid transparent;
  transition: 0.3s;
  opacity: 0;
}
.plan-daily-root .daily-container .daily .bl-a-closeline-line[data-v-912d1ded] {
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  top: 3px;
  right: 3px;
  color: #fff;
  transition: 0.3s;
  opacity: 0;
  cursor: pointer;
}
.plan-daily-root .daily-container .daily img[data-v-912d1ded] {
  height: 70px;
  width: 70px;
  border-radius: 5px;
}
.plan-daily-root .daily-container .daily[data-v-912d1ded] ::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.plan-daily-root .daily-container .current[data-v-912d1ded] {
  box-shadow: 2px 2px 8px 1px #9e9e9e;
  background-color: var(--el-color-primary);
}
[class=dark] .plan-daily-root .daily-container .current[data-v-912d1ded] {
  box-shadow: 2px 2px 8px 1px #000000;
}
.plan-daily-root .daily-container .current .time[data-v-912d1ded],
.plan-daily-root .daily-container .current .content[data-v-912d1ded] {
  color: #fff;
}
.plan-daily-root .daily-container .add-daily[data-v-912d1ded] {
  width: 205px;
  height: 50px;
  min-width: 205px;
  max-width: 205px;
  min-height: 50px;
  max-height: 50px;
  box-shadow: 2px 2px 8px 1px #ececec;
  border: 1px dashed #9e9e9e;
  color: #9e9e9e;
  cursor: pointer;
}
[class=dark] .plan-daily-root .daily-container .add-daily[data-v-912d1ded] {
  box-shadow: 2px 2px 8px 1px #121212;
}.info-title[data-v-113a7c39] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  border-bottom: 1px solid var(--el-border-color);
  padding-left: 10px;
  color: var(--bl-text-title-color);
  text-shadow: var(--bl-text-shadow);
  padding-bottom: 8px;
}
.info-title .iconbl[data-v-113a7c39] {
  font-size: 25px;
  margin-right: 10px;
}
.info-form[data-v-113a7c39] {
  width: 100%;
  height: calc(100% - 50px - 50px);
  padding: 10px 10px 0;
}
.info-form[data-v-113a7c39] .el-form--inline .el-form-item {
  width: calc(100% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.info-form .emoji-link[data-v-113a7c39] {
  cursor: pointer;
}
.info-footer[data-v-113a7c39] {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--el-border-color);
  padding: 10px;
  text-align: right;
}
.tips[data-v-113a7c39] {
  font-size: 13px;
  font-weight: 300;
  padding: 5px 10px;
}
.day-info-root .color-container[data-v-113a7c39] {
  align-content: flex-start;
  flex-wrap: wrap;
  overflow: scroll;
  overflow-y: scroll;
  padding: 10px;
}
.day-info-root .color-container .color[data-v-113a7c39] {
  font-size: 11px;
  font-weight: 300;
  color: #fff;
  margin: 0 3px;
  border-radius: 5px;
  transition: box-shadow 0.2s;
  filter: brightness(100%);
  cursor: pointer;
}
[class=dark] .day-info-root .color-container .color[data-v-113a7c39] {
  filter: brightness(80%);
}
.day-info-root .color-container .selected[data-v-113a7c39] {
  box-shadow: 0 0 5px 1px #454545;
  filter: brightness(100%);
}
[class=dark] .day-info-root .color-container .selected[data-v-113a7c39] {
  box-shadow: 0 0 8px 2px #000000;
}
[class=dark] .day-info-root .color-container .selected[data-v-113a7c39] {
  filter: brightness(100%);
}.plan-index-root[data-v-90b450c6] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 20px 0;
}
.plan-index-root .plan-daily[data-v-90b450c6] {
  width: 250px;
  height: 100%;
  padding-right: 5px;
}
.plan-index-root .bl-calendar[data-v-90b450c6] {
  width: calc(100% - 250px);
  height: 100%;
  box-shadow: 0 0 5px #d7d7d7;
  --el-calendar-border: 1px solid var(--el-border-color);
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
  border: 0;
}
[class=dark] .plan-index-root .bl-calendar[data-v-90b450c6] {
  box-shadow: 0 0 5px #000000;
}
.plan-index-root .bl-calendar[data-v-90b450c6] ::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__header {
  width: 100%;
  height: 50px;
  font-size: 13px;
  font-weight: 300;
  color: #8a8a8a;
  border: 0;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body {
  width: 100%;
  height: calc(100% - 50px);
  padding: 0;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table {
  width: 100%;
  height: 100%;
  border: 0;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table thead {
  width: 100%;
  height: 45px;
  background-color: var(--bl-html-color);
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table thead th {
  border-bottom: var(--el-calendar-border);
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody {
  width: 100%;
  height: calc(100% - 45px);
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td.prev .date-title,
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td.next .date-title {
  filter: blur(2px);
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td.prev:hover .date-title .iconbl,
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td.next:hover .date-title .iconbl {
  opacity: 0 !important;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td.current .date-title {
  color: var(--el-color-primary-light-5);
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td.is-today {
  background-color: var(--el-color-primary-light-8) !important;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td.is-selected {
  background: transparent;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  overflow: scroll;
  padding: 0;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td:last-child .el-calendar-day {
  border-right: 0;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day {
  min-height: 100%;
  padding: 0;
  border-right: var(--el-calendar-border);
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day:hover {
  background-color: transparent;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day:hover .date-title .iconbl {
  opacity: 1;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .date-title {
  width: 100%;
  height: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 10px;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .date-title .iconbl {
  opacity: 0;
  transition: 0.3s;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group {
  width: 100%;
  height: calc(100% - 25px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .plan-line {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% + 2px);
  height: 22px;
  box-shadow: 0 3px 5px 1px rgba(104, 104, 104, 0.5);
  filter: brightness(100%);
  position: absolute;
  left: 0;
  padding: 0 5px;
  margin: 3px 0 3px -1px;
  color: #fff;
  transition: 0.3s;
  z-index: 9999;
}
[class=dark] .plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .plan-line {
  box-shadow: 0 3px 5px 1px rgb(0, 0, 0);
}
[class=dark] .plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .plan-line {
  filter: brightness(80%);
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .plan-line .plan-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 10px);
  font-size: 11px;
  text-align: left;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .hold {
  box-shadow: none !important;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .head {
  width: calc(100% - 9px);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-left: 10px;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .tail {
  width: calc(100% - 9px);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-right: 10px;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .all {
  width: calc(100% - 20px);
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .tail:hover .bl-delete-line,
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .all:hover .bl-delete-line {
  opacity: 1;
}
.plan-index-root .bl-calendar[data-v-90b450c6] .el-calendar__body .el-calendar-table tbody tr td .el-calendar-day .plan-group .bl-delete-line {
  font-size: 13px;
  font-weight: 300;
  position: absolute;
  top: "";
  right: 0;
  width: 25px;
  border-radius: 20px;
  color: #fff;
  padding: 5px;
  opacity: 0;
}.gray {
  background-color: #858585;
}
.gray.hl {
  background-color: #646464;
}
.red {
  background-color: #fb0036;
}
.red.hl {
  background-color: #c9002c;
}
.yellow {
  background-color: #d8a600;
}
.yellow.hl {
  background-color: #ffc400;
}
.blue {
  background-color: #00a3cb;
}
.blue.hl {
  background-color: #00657e;
}
.green {
  background-color: #339a00;
}
.green.hl {
  background-color: #2d8700;
}
.purple {
  background-color: #ad8cf2;
}
.purple.hl {
  background-color: #9665ff;
}
.plan-popover {
  --el-popover-padding: 0 !important;
  border: 0 !important;
  width: 250px !important;
}
.plan-popover .plan-popover-inner {
  filter: brightness(100%);
}
[class=dark] .plan-popover .plan-popover-inner {
  filter: brightness(80%);
}
.plan-popover .plan-popover-inner .iconbl {
  font-size: 13px;
}
.plan-popover .plan-popover-inner .plan-popover-title {
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  padding: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
}
.plan-popover .plan-popover-inner .plan-popover-title .el-textarea {
  --el-input-bg-color: var(--bl-html-color) !important;
}
.plan-popover .plan-popover-inner .plan-popover-time {
  width: 100%;
  padding: 5px 10px;
  text-align: left;
}
.plan-popover .plan-popover-inner .plan-popover-content {
  width: 100%;
  text-align: left;
  padding: 0 10px 10px;
  white-space: pre-wrap;
  transition: color 0.3s;
  cursor: cell;
}
.plan-popover .plan-popover-inner .plan-popover-content:hover {
  color: #000;
}
[class=dark] .plan-popover .plan-popover-inner .plan-popover-content:hover {
  color: #fff;
}
.plan-popover .plan-popover-inner .plan-popover-content .content-placeholder {
  height: 10px;
  transition: background 0.3s;
  border-radius: 5px;
  cursor: cell;
}
.plan-popover .plan-popover-inner .plan-popover-content .content-placeholder:hover {
  background: #f5f5f5;
}
[class=dark] .plan-popover .plan-popover-inner .plan-popover-content .content-placeholder:hover {
  background: #1a1a1a;
}.header {
  width: 100%;
  height: 30px;
}
.icon-list-root {
  width: 100%;
  height: calc(100% - 30px);
  padding: 20px;
  color: var(--bl-text-color-light);
}
.icon-list-root .icon-desc {
  width: 100%;
  height: 150px;
}
.icon-list-root .icon-tabs {
  width: 100%;
  height: calc(100% - 150px);
  overflow: hidden;
}
.icon-list-root .icon-tabs .icon-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  background-color: var(--bl-html-color);
  overflow-y: scroll;
}
.icon-list-root .icon-tabs .icon-container .icon-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 143px;
  height: 110px;
  padding: 15px 10px 10px 10px;
  font-size: 35px;
  border-right: 1px solid var(--el-border-color);
  border-bottom: 1px solid var(--el-border-color);
  transition: 0.3s;
  z-index: 1;
  cursor: pointer;
}
.icon-list-root .icon-tabs .icon-container .icon-item:hover {
  background: #f1f1f1;
  box-shadow: 0 3px 5px 0 rgb(190, 190, 190);
  transform: translateY(-5px);
  z-index: 2;
}
[class=dark] .icon-list-root .icon-tabs .icon-container .icon-item:hover {
  background: #000;
}
[class=dark] .icon-list-root .icon-tabs .icon-container .icon-item:hover {
  box-shadow: 0 3px 5px 0 rgb(0, 0, 0);
}
.icon-list-root .icon-tabs .icon-container .icon-item .icon-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  color: var(--bl-text-color-light);
  text-align: center;
  font-size: 11px;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  user-select: text;
}
.icon-list-root .icon-tabs .el-tabs__content {
  height: calc(100% - 55px);
  overflow: scroll;
  border: 1px solid var(--el-border-color);
}.bl-preview-toc-block[data-v-b097c685],
.bl-preview-toc-absolute[data-v-b097c685] {
  padding: 10px;
  transition: width 0.2s, height 0.2s;
}
.bl-preview-toc-block[data-v-b097c685] {
  width: 400px;
  height: 100%;
  color: #5e5e5e;
  border-left: 1px solid var(--bl-preview-toc-border-color);
  padding-right: 5px;
}
.bl-preview-toc-block .doc-info .doc-name[data-v-b097c685] {
  color: #ababab;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.bl-preview-toc-block .doc-info .doc-subtitle[data-v-b097c685] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-family: "Jetbrains Mono";
  width: 100%;
  color: #ababab;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: pre;
  margin-top: 5px;
}
.bl-preview-toc-block .toc-title[data-v-b097c685] {
  font-size: 25px;
  font-weight: 700;
  width: 100%;
  border-top: 1px solid var(--bl-preview-toc-border-color);
  margin-top: 10px;
  padding-top: 8px;
  margin-bottom: 8px;
}
.bl-preview-toc-block .toc-content[data-v-b097c685] {
  width: 100%;
  height: calc(100% - 130px);
  font-size: 14px;
  padding-bottom: 20px;
  padding-left: 5px;
  overflow-y: scroll;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-b097c685] {
  width: auto;
  padding: 4px 0;
  color: #5e5e5e;
  position: relative;
  cursor: pointer;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-b097c685]:hover {
  color: var(--el-color-primary);
}
.bl-preview-toc-block .toc-content .toc-item[data-v-b097c685]::after {
  content: "";
  position: absolute;
  top: 20%;
  left: -5px;
  width: 2px;
  height: 60%;
  background: var(--el-color-primary-light-4);
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.1s;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-b097c685]:hover::after {
  opacity: 1;
}
.bl-preview-toc-block .toc-content .toc-2[data-v-b097c685] {
  margin-left: 10px;
}
.bl-preview-toc-block .toc-content .toc-3[data-v-b097c685] {
  margin-left: 20px;
}
.bl-preview-toc-block .toc-content .toc-4[data-v-b097c685] {
  margin-left: 30px;
}
.bl-preview-toc-block .toc-content .toc-5[data-v-b097c685] {
  margin-left: 40px;
}
.bl-preview-toc-block .toc-content .toc-6[data-v-b097c685] {
  margin-left: 50px;
}
@media screen and (max-height: 800px) {
.bl-preview-toc-absolute[data-v-b097c685] {
    max-height: 500px !important;
    background-color: red;
}
.bl-preview-toc-absolute .toc-content[data-v-b097c685] {
    max-height: 270px !important;
}
}
.bl-preview-toc-absolute[data-v-b097c685] {
  font-size: 12px;
  box-shadow: 2px 4px 7px 2px rgba(49, 49, 49, 0.3);
  position: absolute;
  top: 50px;
  right: 50px;
  padding-top: 0px;
  background-color: rgba(77, 77, 77, 0.7411764706);
  border-radius: 10px;
  z-index: 2002;
  max-height: 700px;
  overflow: hidden;
  user-select: none;
}
[class=dark] .bl-preview-toc-absolute[data-v-b097c685] {
  box-shadow: 2px 4px 7px 2px rgb(28, 28, 28);
}
.bl-preview-toc-absolute .toc-title[data-v-b097c685] {
  width: 100%;
  height: 40px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  padding-top: 10px;
  cursor: move;
}
[class=dark] .bl-preview-toc-absolute .toc-title[data-v-b097c685] {
  color: #cdcdcd;
}
.bl-preview-toc-absolute .toc-content[data-v-b097c685] {
  color: #e2e2e2;
  overflow-y: scroll;
  width: 100%;
  max-height: 470px;
}
[class=dark] .bl-preview-toc-absolute .toc-content[data-v-b097c685] {
  color: #bcbcbc;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-b097c685] {
  border-top: 2px solid;
  border-color: #a3a3a3;
  border-radius: "0";
}
[class=dark] .bl-preview-toc-absolute .toc-content .toc-1[data-v-b097c685] {
  border-color: #a3a3a3;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-b097c685],
.bl-preview-toc-absolute .toc-content .toc-2[data-v-b097c685],
.bl-preview-toc-absolute .toc-content .toc-3[data-v-b097c685],
.bl-preview-toc-absolute .toc-content .toc-4[data-v-b097c685],
.bl-preview-toc-absolute .toc-content .toc-5[data-v-b097c685],
.bl-preview-toc-absolute .toc-content .toc-6[data-v-b097c685] {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: pre;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-b097c685]:hover,
.bl-preview-toc-absolute .toc-content .toc-2[data-v-b097c685]:hover,
.bl-preview-toc-absolute .toc-content .toc-3[data-v-b097c685]:hover,
.bl-preview-toc-absolute .toc-content .toc-4[data-v-b097c685]:hover,
.bl-preview-toc-absolute .toc-content .toc-5[data-v-b097c685]:hover,
.bl-preview-toc-absolute .toc-content .toc-6[data-v-b097c685]:hover {
  font-weight: bold;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-b097c685] {
  margin-top: 5px;
  padding-top: 5px;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-b097c685]:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.bl-preview-toc-absolute .toc-content .toc-2[data-v-b097c685] {
  padding-left: 10px;
}
.bl-preview-toc-absolute .toc-content .toc-3[data-v-b097c685] {
  padding-left: 20px;
}
.bl-preview-toc-absolute .toc-content .toc-4[data-v-b097c685] {
  padding-left: 30px;
}
.bl-preview-toc-absolute .toc-content .toc-5[data-v-b097c685] {
  padding-left: 40px;
}
.bl-preview-toc-absolute .toc-content .toc-6[data-v-b097c685] {
  padding-left: 50px;
}
.bl-preview-toc-absolute .img-title[data-v-b097c685] {
  width: 100%;
  height: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  border-top: 2px solid;
  border-color: #a3a3a3;
  border-radius: "0";
  margin-top: 20px;
  height: 40px;
  padding-top: 10px;
  cursor: auto;
}
[class=dark] .bl-preview-toc-absolute .img-title[data-v-b097c685] {
  color: #cdcdcd;
}
[class=dark] .bl-preview-toc-absolute .img-title[data-v-b097c685] {
  border-color: #a3a3a3;
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-b097c685] {
  cursor: pointer;
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-b097c685]:hover {
  color: var(--el-color-primary-light-1);
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-b097c685]:active {
  color: var(--el-color-primary-light-5);
}
.bl-preview-toc-absolute .img-content[data-v-b097c685] {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 130px;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.bl-preview-toc-absolute .img-content .img-wrapper[data-v-b097c685] {
  width: 50px;
  height: 50px;
  background-color: aliceblue;
  border-radius: 4px;
  margin: 3px;
  color: #a7a7a7;
  filter: brightness(90%);
  cursor: pointer;
  overflow: hidden;
}
.bl-preview-toc-absolute .img-content .img-wrapper img[data-v-b097c685] {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.bl-preview-toc-absolute .img-content .img-wrapper[data-v-b097c685]:hover {
  filter: brightness(100%);
}
.bl-preview-toc-absolute.is-expand-open[data-v-b097c685] {
  width: 310px;
  height: auto;
}
.bl-preview-toc-absolute.is-expand-close[data-v-b097c685] {
  width: 50px;
  height: 40px;
}
.el-backtop[data-v-b097c685] {
  width: 37px;
  height: 37px;
  box-shadow: none;
  background-color: transparent;
}
.backtop[data-v-b097c685], .backbottom[data-v-b097c685] {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1176470588);
  color: var(--bl-text-color-light);
  background-color: var(--bl-html-color);
  text-align: center;
  line-height: 38px;
  border-radius: 8px;
  font-size: 20px;
  transition: color 0.2s;
}
[class=dark] .backtop[data-v-b097c685], [class=dark] .backbottom[data-v-b097c685] {
  box-shadow: 0 0 3px 1px #000000;
}
.backtop[data-v-b097c685]:hover, .backbottom[data-v-b097c685]:hover {
  color: var(--el-color-primary);
}
.header[data-v-b097c685] {
  width: 100%;
  height: 30px;
}
.article-view-window-root[data-v-b097c685] {
  width: 100%;
  height: calc(100% - 30px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.article-view-window-root .preview[data-v-b097c685] {
  width: 100%;
  height: 100%;
  font-size: 15px;
  padding: 30px;
  overflow-y: scroll;
  overflow-x: hidden;
  line-height: 23px;
}
.article-view-window-root .preview[data-v-b097c685] * {
  font-size: inherit;
  font-family: inherit;
}
.article-view-window-root .preview[data-v-b097c685] .katex > * {
  font-size: 1.2em !important;
  font-family: "KaTeX_Size1", sans-serif !important;
}.header[data-v-ae9d6b31] {
  width: 100%;
  height: 30px;
}
.article-reference-root[data-v-ae9d6b31] {
  width: 100%;
  height: calc(100% - 30px);
  position: relative;
}
.article-reference-root .setting[data-v-ae9d6b31] {
  position: absolute;
  top: 0;
  right: "";
  bottom: "";
  left: 20px;
  border: 1px solid var(--el-border-color);
  padding: 10px;
  border-radius: 10px;
}
.article-reference-root .setting .title[data-v-ae9d6b31] {
  color: var(--el-color-primary);
  text-shadow: var(--bl-text-shadow);
  font-weight: bold;
  height: 40px;
}
.article-reference-root .setting .symbol[data-v-ae9d6b31] {
  font-size: 12px;
  color: var(--el-color-primary);
  margin-bottom: 10px;
  margin-right: 10px;
}
.article-reference-root .setting .inside[data-v-ae9d6b31],
.article-reference-root .setting .outside[data-v-ae9d6b31] {
  width: 20px;
  height: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.441);
  border-radius: 50%;
  margin-bottom: 10px;
}
.article-reference-root .setting .inside[data-v-ae9d6b31] {
  background-color: var(--el-color-primary);
}
.article-reference-root .setting .outside[data-v-ae9d6b31] {
  background-color: #fdc81a;
}
.article-reference-root .desc[data-v-ae9d6b31] {
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: "";
  right: "";
  bottom: 20px;
  left: 20px;
  color: var(--bl-text-color-light);
  border: 1px dashed var(--bl-text-color-light);
  border-radius: 5px;
  padding: 10px;
}
.article-reference-root .desc ol[data-v-ae9d6b31] {
  margin: 0;
  padding-left: 30px;
}
.article-reference-root .setting[data-v-ae9d6b31],
.article-reference-root .desc[data-v-ae9d6b31] {
  backdrop-filter: blur(4px);
  z-index: 99;
}
.article-reference-root .app-relation-graph-chart[data-v-ae9d6b31] {
  width: 100%;
  height: 100%;
}.chart-graph-article-ref-tooltip {
  max-width: 400px;
  word-break: break-all;
  white-space: normal;
  background-color: var(--bl-html-color);
  border-radius: 4px;
  color: var(--bl-text-color);
}
.chart-graph-article-ref-tooltip .title {
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid var(--el-color-primary-light-5);
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chart-graph-article-ref-tooltip .content {
  font-size: 12px;
  padding: 5px 10px;
}
.bl-preview-toc-block[data-v-e6d3f8a2],
.bl-preview-toc-absolute[data-v-e6d3f8a2] {
  padding: 10px;
  transition: width 0.2s, height 0.2s;
}
.bl-preview-toc-block[data-v-e6d3f8a2] {
  width: 400px;
  height: 100%;
  color: #5e5e5e;
  border-left: 1px solid var(--bl-preview-toc-border-color);
  padding-right: 5px;
}
.bl-preview-toc-block .doc-info .doc-name[data-v-e6d3f8a2] {
  color: #ababab;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.bl-preview-toc-block .doc-info .doc-subtitle[data-v-e6d3f8a2] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-family: "Jetbrains Mono";
  width: 100%;
  color: #ababab;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: pre;
  margin-top: 5px;
}
.bl-preview-toc-block .toc-title[data-v-e6d3f8a2] {
  font-size: 25px;
  font-weight: 700;
  width: 100%;
  border-top: 1px solid var(--bl-preview-toc-border-color);
  margin-top: 10px;
  padding-top: 8px;
  margin-bottom: 8px;
}
.bl-preview-toc-block .toc-content[data-v-e6d3f8a2] {
  width: 100%;
  height: calc(100% - 130px);
  font-size: 14px;
  padding-bottom: 20px;
  padding-left: 5px;
  overflow-y: scroll;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-e6d3f8a2] {
  width: auto;
  padding: 4px 0;
  color: #5e5e5e;
  position: relative;
  cursor: pointer;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-e6d3f8a2]:hover {
  color: var(--el-color-primary);
}
.bl-preview-toc-block .toc-content .toc-item[data-v-e6d3f8a2]::after {
  content: "";
  position: absolute;
  top: 20%;
  left: -5px;
  width: 2px;
  height: 60%;
  background: var(--el-color-primary-light-4);
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.1s;
}
.bl-preview-toc-block .toc-content .toc-item[data-v-e6d3f8a2]:hover::after {
  opacity: 1;
}
.bl-preview-toc-block .toc-content .toc-2[data-v-e6d3f8a2] {
  margin-left: 10px;
}
.bl-preview-toc-block .toc-content .toc-3[data-v-e6d3f8a2] {
  margin-left: 20px;
}
.bl-preview-toc-block .toc-content .toc-4[data-v-e6d3f8a2] {
  margin-left: 30px;
}
.bl-preview-toc-block .toc-content .toc-5[data-v-e6d3f8a2] {
  margin-left: 40px;
}
.bl-preview-toc-block .toc-content .toc-6[data-v-e6d3f8a2] {
  margin-left: 50px;
}
@media screen and (max-height: 800px) {
.bl-preview-toc-absolute[data-v-e6d3f8a2] {
    max-height: 500px !important;
    background-color: red;
}
.bl-preview-toc-absolute .toc-content[data-v-e6d3f8a2] {
    max-height: 270px !important;
}
}
.bl-preview-toc-absolute[data-v-e6d3f8a2] {
  font-size: 12px;
  box-shadow: 2px 4px 7px 2px rgba(49, 49, 49, 0.3);
  position: absolute;
  top: 50px;
  right: 50px;
  padding-top: 0px;
  background-color: rgba(77, 77, 77, 0.7411764706);
  border-radius: 10px;
  z-index: 2002;
  max-height: 700px;
  overflow: hidden;
  user-select: none;
}
[class=dark] .bl-preview-toc-absolute[data-v-e6d3f8a2] {
  box-shadow: 2px 4px 7px 2px rgb(28, 28, 28);
}
.bl-preview-toc-absolute .toc-title[data-v-e6d3f8a2] {
  width: 100%;
  height: 40px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  padding-top: 10px;
  cursor: move;
}
[class=dark] .bl-preview-toc-absolute .toc-title[data-v-e6d3f8a2] {
  color: #cdcdcd;
}
.bl-preview-toc-absolute .toc-content[data-v-e6d3f8a2] {
  color: #e2e2e2;
  overflow-y: scroll;
  width: 100%;
  max-height: 470px;
}
[class=dark] .bl-preview-toc-absolute .toc-content[data-v-e6d3f8a2] {
  color: #bcbcbc;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-e6d3f8a2] {
  border-top: 2px solid;
  border-color: #a3a3a3;
  border-radius: "0";
}
[class=dark] .bl-preview-toc-absolute .toc-content .toc-1[data-v-e6d3f8a2] {
  border-color: #a3a3a3;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-e6d3f8a2],
.bl-preview-toc-absolute .toc-content .toc-2[data-v-e6d3f8a2],
.bl-preview-toc-absolute .toc-content .toc-3[data-v-e6d3f8a2],
.bl-preview-toc-absolute .toc-content .toc-4[data-v-e6d3f8a2],
.bl-preview-toc-absolute .toc-content .toc-5[data-v-e6d3f8a2],
.bl-preview-toc-absolute .toc-content .toc-6[data-v-e6d3f8a2] {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: pre;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-e6d3f8a2]:hover,
.bl-preview-toc-absolute .toc-content .toc-2[data-v-e6d3f8a2]:hover,
.bl-preview-toc-absolute .toc-content .toc-3[data-v-e6d3f8a2]:hover,
.bl-preview-toc-absolute .toc-content .toc-4[data-v-e6d3f8a2]:hover,
.bl-preview-toc-absolute .toc-content .toc-5[data-v-e6d3f8a2]:hover,
.bl-preview-toc-absolute .toc-content .toc-6[data-v-e6d3f8a2]:hover {
  font-weight: bold;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-e6d3f8a2] {
  margin-top: 5px;
  padding-top: 5px;
}
.bl-preview-toc-absolute .toc-content .toc-1[data-v-e6d3f8a2]:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.bl-preview-toc-absolute .toc-content .toc-2[data-v-e6d3f8a2] {
  padding-left: 10px;
}
.bl-preview-toc-absolute .toc-content .toc-3[data-v-e6d3f8a2] {
  padding-left: 20px;
}
.bl-preview-toc-absolute .toc-content .toc-4[data-v-e6d3f8a2] {
  padding-left: 30px;
}
.bl-preview-toc-absolute .toc-content .toc-5[data-v-e6d3f8a2] {
  padding-left: 40px;
}
.bl-preview-toc-absolute .toc-content .toc-6[data-v-e6d3f8a2] {
  padding-left: 50px;
}
.bl-preview-toc-absolute .img-title[data-v-e6d3f8a2] {
  width: 100%;
  height: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  border-top: 2px solid;
  border-color: #a3a3a3;
  border-radius: "0";
  margin-top: 20px;
  height: 40px;
  padding-top: 10px;
  cursor: auto;
}
[class=dark] .bl-preview-toc-absolute .img-title[data-v-e6d3f8a2] {
  color: #cdcdcd;
}
[class=dark] .bl-preview-toc-absolute .img-title[data-v-e6d3f8a2] {
  border-color: #a3a3a3;
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-e6d3f8a2] {
  cursor: pointer;
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-e6d3f8a2]:hover {
  color: var(--el-color-primary-light-1);
}
.bl-preview-toc-absolute .img-title .iconbl[data-v-e6d3f8a2]:active {
  color: var(--el-color-primary-light-5);
}
.bl-preview-toc-absolute .img-content[data-v-e6d3f8a2] {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 130px;
  align-content: flex-start;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.bl-preview-toc-absolute .img-content .img-wrapper[data-v-e6d3f8a2] {
  width: 50px;
  height: 50px;
  background-color: aliceblue;
  border-radius: 4px;
  margin: 3px;
  color: #a7a7a7;
  filter: brightness(90%);
  cursor: pointer;
  overflow: hidden;
}
.bl-preview-toc-absolute .img-content .img-wrapper img[data-v-e6d3f8a2] {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.bl-preview-toc-absolute .img-content .img-wrapper[data-v-e6d3f8a2]:hover {
  filter: brightness(100%);
}
.bl-preview-toc-absolute.is-expand-open[data-v-e6d3f8a2] {
  width: 310px;
  height: auto;
}
.bl-preview-toc-absolute.is-expand-close[data-v-e6d3f8a2] {
  width: 50px;
  height: 40px;
}
.index-article-root[data-v-e6d3f8a2] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.index-article-root .editor-resize-divider[data-v-e6d3f8a2] {
  width: 2px;
}
.index-article-root .doc-container[data-v-e6d3f8a2] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  min-width: 250px;
  font-weight: 200;
}
.index-article-root .doc-container .doc-tree-menu-container[data-v-e6d3f8a2] {
  width: 100%;
}
.index-article-root .doc-container .doc-temp-textarea[data-v-e6d3f8a2] {
  width: 100%;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-workbench[data-v-e6d3f8a2] {
  color: var(--bl-editor-color);
  background-color: var(--bl-editor-gutters-bg-color);
  border-top: 1px solid var(--el-border-color);
  border-bottom: 1px solid var(--el-border-color);
  padding: 0 10px;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-workbench div[data-v-e6d3f8a2]:first-child {
  font-size: 10px;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-workbench div:first-child img[data-v-e6d3f8a2] {
  width: 15px;
  margin-right: 5px;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-input[data-v-e6d3f8a2] {
  overflow: hidden;
  transition: height 0.1s;
}
.index-article-root .doc-container .doc-temp-textarea .doc-temp-textarea-input[data-v-e6d3f8a2] .el-textarea__inner {
  height: 130px;
}
.index-article-root .doc-container .doc-temp-textarea .bl-subtract-line[data-v-e6d3f8a2] {
  cursor: pointer;
}
.index-article-root .doc-container .doc-temp-textarea .bl-subtract-line[data-v-e6d3f8a2]:hover {
  color: var(--el-color-primary);
}
.index-article-root .editor-container[data-v-e6d3f8a2] {
  width: calc(100% - 2px);
  height: 100%;
  position: relative;
  background-color: rgba(255, 255, 255, 0);
}
.index-article-root .editor-container .editor-tools[data-v-e6d3f8a2] {
  width: 100%;
  height: 50px;
  padding: 5px 10px 10px 10px;
  border-bottom: 1px solid var(--el-border-color);
}
.index-article-root .editor-container .editor-preview[data-v-e6d3f8a2] {
  width: 100%;
  height: calc(100% - 28px - 50px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  font-family: inherit;
  font-size: inherit;
}
.index-article-root .editor-container .editor-preview .ep-placeholder[data-v-e6d3f8a2] {
  position: absolute;
  z-index: 1999;
  height: 100%;
  width: calc(100% - 1px);
  background-color: var(--bl-html-color);
  overflow: hidden;
  right: 0;
}
.index-article-root .editor-container .editor-preview .gutter-holder[data-v-e6d3f8a2] {
  height: 100%;
  width: 49px;
  position: absolute;
  background-color: var(--bl-editor-gutters-bg-color);
  border-right: 1px solid var(--bl-editor-gutters-border-color);
  top: 0;
  left: 0;
  z-index: 1;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-e6d3f8a2] {
  width: 50%;
  height: 100%;
  font-family: inherit;
  font-size: inherit;
  overflow: scroll;
  z-index: 2;
  /* 定义滑块 内阴影+圆角 */
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-e6d3f8a2]::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-e6d3f8a2] * {
  font-family: inherit;
  font-size: inherit;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-e6d3f8a2] .cm-line {
  caret-color: var(--bl-editor-caret-color) !important;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-e6d3f8a2] .cm-cursor {
  border-color: var(--bl-editor-caret-color) !important;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-e6d3f8a2] .cm-focused {
  outline: none;
}
.index-article-root .editor-container .editor-preview .editor-codemirror[data-v-e6d3f8a2] .cm-selectionBackground {
  background: var(--bl-editor-selection-bg-color);
}
.index-article-root .editor-container .editor-preview .operator[data-v-e6d3f8a2] {
  border: 2px solid;
  border-color: rgba(216, 216, 216, 0.2549019608);
  border-radius: "0";
  width: 20px;
  height: 75px;
  padding-top: 5px;
  background-color: var(--bl-html-color);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  bottom: 10%;
  left: calc(50% - 0.5px);
  z-index: 4;
  text-align: center;
  transition: border 0.3s;
  cursor: pointer;
}
[class=dark] .index-article-root .editor-container .editor-preview .operator[data-v-e6d3f8a2] {
  border-color: rgba(255, 255, 255, 0.0705882353);
}
.index-article-root .editor-container .editor-preview .operator[data-v-e6d3f8a2]:hover {
  border: 2px solid var(--el-border-color);
}
.index-article-root .editor-container .editor-preview .operator:hover .iconbl[data-v-e6d3f8a2] {
  color: var(--el-border-color);
}
.index-article-root .editor-container .editor-preview .operator .iconbl[data-v-e6d3f8a2] {
  color: rgba(216, 216, 216, 0.2549019608);
  line-height: 20px;
  font-size: 16px;
  transition: color 0.3s;
}
[class=dark] .index-article-root .editor-container .editor-preview .operator .iconbl[data-v-e6d3f8a2] {
  color: rgba(255, 255, 255, 0.0705882353);
}
.index-article-root .editor-container .editor-preview .operator .iconbl[data-v-e6d3f8a2]:hover {
  color: var(--el-color-primary-light-3);
}
.index-article-root .editor-container .editor-preview .operator .iconbl[data-v-e6d3f8a2]:active {
  transform: scale(0.9);
}
.index-article-root .editor-container .editor-preview .operator .bl-admonish-line[data-v-e6d3f8a2] {
  font-size: 14px;
}
.index-article-root .editor-container .editor-preview .operator .bl-refresh-line[data-v-e6d3f8a2] {
  font-size: 14px;
}
.index-article-root .editor-container .editor-preview .operator .bl-eye-line[data-v-e6d3f8a2] {
  font-size: 18px;
  margin-bottom: 7px;
  transform: rotate(90deg);
}
.index-article-root .editor-container .editor-preview .operator .bl-eye-line[data-v-e6d3f8a2]:active {
  transform: scale(0.9) rotate(90deg);
}
.index-article-root .editor-container .editor-preview .operator .bl-scroll[data-v-e6d3f8a2] {
  font-size: 19px;
  margin-left: -2px;
  margin-bottom: 2px;
}
.index-article-root .editor-container .editor-preview .preview-marked[data-v-e6d3f8a2] {
  width: 50%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  word-wrap: break-word;
  padding: 10px 20px 0 30px;
  z-index: 3;
  font-family: inherit;
  font-size: inherit;
  /* 定义滑块 内阴影+圆角 */
}
.index-article-root .editor-container .editor-preview .preview-marked[data-v-e6d3f8a2]::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.index-article-root .editor-container .editor-preview .preview-marked[data-v-e6d3f8a2] .katex > * {
  font-size: 1.2em !important;
  font-family: "KaTeX_Size1", sans-serif !important;
}
.index-article-root .editor-container .editor-status[data-v-e6d3f8a2] {
  width: 100%;
  height: 28px;
  border-top: 1px solid var(--el-border-color);
  z-index: 2;
}
.header[data-v-e6d3f8a2] {
  width: 100%;
  height: 30px;
}
.article-history-root[data-v-e6d3f8a2] {
  width: 100%;
  height: calc(100% - 30px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
}
.article-history-root .left[data-v-e6d3f8a2] {
  width: 230px;
  height: 100%;
  border-right: 1px solid var(--el-border-color);
}
.article-history-root .left .desc[data-v-e6d3f8a2] {
  width: 100%;
  height: 80px;
}
.article-history-root .left .history-list[data-v-e6d3f8a2] {
  width: 100%;
  height: calc(100% - 80px - 21px);
  padding: 10px 15px 10px 10px;
  overflow-y: scroll;
}
.article-history-root .left .history-list .history-item[data-v-e6d3f8a2] {
  width: 100%;
  height: 55px;
  border: 1px solid var(--el-border-color);
  margin-bottom: 10px;
  padding: 3px 5px;
  font-size: 13px;
  color: #ababab;
  border-radius: 5px;
  transition: box-shadow 0.1s;
}
.article-history-root .left .history-list .history-item .dt[data-v-e6d3f8a2] {
  width: 100%;
  height: 20px;
  text-align: center;
}
.article-history-root .left .history-list .history-item[data-v-e6d3f8a2]:hover {
  box-shadow: var(--bl-box-shadow-hover);
}
.article-history-root .main[data-v-e6d3f8a2] {
  width: calc(100% - 230px);
  height: 100%;
}
.article-history-root .main .cur-log[data-v-e6d3f8a2] {
  width: 100%;
  height: 30px;
  color: var(--bl-text-color);
  font-size: 15px;
  padding: 0 10px;
  font-family: inherit;
}
.article-history-root .main .history-editor-codemirror[data-v-e6d3f8a2] {
  width: 100%;
  height: calc(100% - 30px);
  overflow: auto;
  border-top: 1px solid var(--el-border-color);
  border-right: 1px solid var(--el-border-color);
  border-bottom: 1px solid var(--el-border-color);
  font-size: inherit;
  font-family: inherit;
}
.article-history-root .main .history-editor-codemirror[data-v-e6d3f8a2] * {
  font-size: inherit;
  font-family: inherit;
}
.article-history-root .main .history-editor-codemirror[data-v-e6d3f8a2] .cm-line {
  caret-color: var(--bl-editor-caret-color) !important;
}
.article-history-root .main .history-editor-codemirror[data-v-e6d3f8a2] .cm-cursor {
  border-color: var(--bl-editor-caret-color) !important;
}
.article-history-root .main .history-editor-codemirror[data-v-e6d3f8a2] .cm-focused {
  outline: none;
}
.article-history-root .main .history-editor-codemirror[data-v-e6d3f8a2] .cm-selectionBackground {
  background: var(--bl-editor-selection-bg-color);
}:root {
  /* 数字越大, 颜色越淡 */
  /* --el-color-primary: #ad8cf2;
  --el-color-primary-dark-2: rgba(173, 140, 242, 0.8);
  --el-color-primary-light-1: rgba(173, 140, 242, 0.9);
  --el-color-primary-light-2: rgba(173, 140, 242, 0.8);
  --el-color-primary-light-3: rgba(173, 140, 242, 0.7);
  --el-color-primary-light-4: rgba(173, 140, 242, 0.6);
  --el-color-primary-light-5: rgba(173, 140, 242, 0.5);
  --el-color-primary-light-6: rgba(173, 140, 242, 0.4);
  --el-color-primary-light-7: rgba(173, 140, 242, 0.3);
  --el-color-primary-light-8: rgba(173, 140, 242, 0.2);
  --el-color-primary-light-9: rgba(173, 140, 242, 0.1); */
  --el-color-primary: rgb(119, 150, 73);
  --el-color-primary-dark: rgb(119, 150, 73);
  --el-color-primary-dark-2: rgba(119, 150, 73, 0.8);
  --el-color-primary-light-1: rgba(119, 150, 73, 0.9);
  --el-color-primary-light-2: rgba(119, 150, 73, 0.8);
  --el-color-primary-light-3: rgba(119, 150, 73, 0.7);
  --el-color-primary-light-4: rgba(119, 150, 73, 0.6);
  --el-color-primary-light-5: rgba(119, 150, 73, 0.5);
  --el-color-primary-light-6: rgba(119, 150, 73, 0.4);
  --el-color-primary-light-7: rgba(119, 150, 73, 0.3);
  --el-color-primary-light-8: rgba(119, 150, 73, 0.2);
  --el-color-primary-light-9: rgba(119, 150, 73, 0.1);

  --el-color-success: #67c23a;
  --el-color-success-light-3: #95d475;
  --el-color-success-light-5: #b3e19d;
  --el-color-success-light-7: #d1edc4;
  --el-color-success-light-8: #e1f3d8;
  --el-color-success-light-9: #f0f9eb;
  --el-color-success-dark-2: #529b2e;

  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: #eebe77;
  --el-color-warning-light-5: #f3d19e;
  --el-color-warning-light-7: #f8e3c5;
  --el-color-warning-light-8: #faecd8;
  --el-color-warning-light-9: #fdf6ec;
  --el-color-warning-dark-2: #b88230;

  --el-color-danger: #e35959;
  --el-color-danger-light-3: #f89898;
  --el-color-danger-light-5: #fab6b6;
  --el-color-danger-light-7: #fcd3d3;
  --el-color-danger-light-8: #fde2e2;
  --el-color-danger-light-9: #fef0f0;
  --el-color-danger-dark-2: #c45656;

  --el-color-error: #f56c6c;
  --el-color-error-light-3: #f89898;
  --el-color-error-light-5: #fab6b6;
  --el-color-error-light-7: #fcd3d3;
  --el-color-error-light-8: #fde2e2;
  --el-color-error-light-9: #fef0f0;
  --el-color-error-dark-2: #c45656;

  --el-color-info: #a4a8b0;
  --el-color-info-light-3: #b1b3b8;
  --el-color-info-light-5: #c8c9cc;
  --el-color-info-light-7: #dedfe0;
  --el-color-info-light-8: #e9e9eb;
  --el-color-info-light-9: #f4f4f5;

  /* ================================= 文本颜色 =================================*/
  --el-text-color-primary: #606266;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #cbcbcb;

  /* ================================= 背景颜色 =================================*/
  --el-bg-color: #f5f7fa;

  /* ================================= 菜单文本的颜色 =================================*/
  --el-menu-text-color: #86888e;
  --el-menu-active-color: var(--el-color-primary);

  --el-font-size-base: 12px;

  --el-menu-item-height: 40px;
  --el-mask-color: rgba(255, 255, 255, 0.95);
}

html.dark {
  /* 数字越大, 颜色越淡 */
  --el-color-primary: rgb(137, 153, 17);
  --el-color-primary-dark: rgb(136, 154, 2);
  --el-color-primary-dark-2: rgba(165, 184, 20, 0.8);
  --el-color-primary-light-1: rgba(165, 184, 20, 0.9);
  --el-color-primary-light-2: rgba(165, 184, 20, 0.8);
  --el-color-primary-light-3: rgba(165, 184, 20, 0.7);
  --el-color-primary-light-5: rgba(165, 184, 20, 0.5);
  --el-color-primary-light-6: rgba(165, 184, 20, 0.4);
  --el-color-primary-light-7: rgba(165, 184, 20, 0.3);
  --el-color-primary-light-8: rgba(165, 184, 20, 0.2);
  --el-color-primary-light-9: rgba(165, 184, 20, 0.2);

  --el-color-danger: rgb(215, 68, 68);
  --el-color-danger-light-3: rgba(215, 68, 68, 0.7);
  --el-color-danger-light-5: rgba(215, 68, 68, 0.5);
  --el-color-danger-light-7: rgba(215, 68, 68, 0.3);
  --el-color-danger-light-8: rgba(215, 68, 68, 0.2);
  --el-color-danger-light-9: rgba(215, 68, 68, 0.1);
  --el-color-danger-dark-2: #8111118a;

  --el-color-info: #64666b;
  /* ================================= 文本颜色 =================================*/
  --el-text-color-primary: #909399;
  --el-text-color-regular: #a8a8a8;
  --el-text-color-secondary: #a3a6ad;
  --el-text-color-placeholder: #535353;

  /* ================================= 背景颜色 =================================*/
  --el-bg-color: #262727;

  /* ================================= 边框颜色 =================================*/
  --el-border-color: #424342;

  /* ================================= 菜单文本的颜色 =================================*/
  --el-menu-text-color: #86888e;
  --el-menu-active-color: #ffffff;

  /* ================================= 文本框样式 =================================*/
  --el-input-bg-color: #000000;
  --el-input-border-color: #373737;

  /* 遮罩的颜色 */
  --el-mask-color: rgb(18, 18, 18, 0.95);
}

/* ================================= 自定义颜色 ================================== */

:root {
  --bl-html-color: #ffffff;
  --bl-bg-color: #f1f1f1;
  /* ================================= text styles =================================*/
  --bl-text-doctree-color: #909399;
  --bl-text-title-color: #727272;
  /* primary color */
  --bl-text-color: #606266;
  /* 更贴近背景色的字体颜色 */
  --bl-text-color-light: #b7b7b7;

  --bl-box-shadow: 3px 3px 10px 3px rgba(107, 104, 104, 0.3);
  --bl-box-shadow-hover: 0 0 5px rgba(172, 172, 172, 0.7);

  /* ================================= switch custom colors ================================== */
  --bl-switch-action-color: #ffffff;
  --bl-switch-action-color-checked: #ffffff;
  --bl-switch-text-color: #ffffff;
  --bl-switch-text-color-checked: #ffffff;

  /* ================================= 弹框样式 =================================*/
  --bl-dialog-bg-color: #fafafa;
  --bl-dialog-box-shadow: 1px 1px 8px rgba(58, 47, 47, 0.5);

  --bl-scroll-color: #f2f2f2;
  --bl-scroll-color-hover: #d2d2d2;

  --linear-gradient-c1: #ffffff;
  --linear-gradient-c2: #9a9a9a05;
}

html.dark {
  --bl-html-color: #1e1e1e;
  --bl-bg-color: #333434;

  /* ================================= text styles =================================*/
  --bl-text-doctree-color: #b9b9b9;
  --bl-text-title-color: #a3a6ad;
  /* primary color */
  --bl-text-color: #a8a8a8;
  /* 更贴近背景色的字体颜色 */
  --bl-text-color-light: #747474;

  --bl-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3);
  --bl-box-shadow-hover: 0 0 10px 3px rgba(0, 0, 0, 0.3);

  /* ================================= switch custom colors ================================== */
  --bl-switch-action-color: rgb(58, 58, 58);
  --bl-switch-action-color-checked: #ffffff;
  --bl-switch-text-color: var(--el-color-primary);
  --bl-switch-text-color-checked: #ffffff;

  /* ================================= 弹框样式 =================================*/
  --bl-dialog-bg-color: #2d2d2d;
  --bl-dialog-box-shadow: 3px 3px 10px 2px rgba(0, 0, 0);

  --bl-scroll-color: #2e2e2e;
  --bl-scroll-color-hover: #545454;

  --linear-gradient-c1: #1e1e1e;
  --linear-gradient-c2: #a5a5a503;
}

/* ================================= 编辑器与预览样式 ================================== */
:root {
  /*  */
  --bl-editor-color: #707070;
  --bl-editor-bg-color: #ffffff;

  /* gutter */
  --bl-editor-gutters-color: #b7b7b7;
  --bl-editor-gutters-bg-color: #f5f5f5;
  --bl-editor-gutters-border-color: #dddddd00;
  --bl-editor-active-line-gutter-bg-color: #d6d6d67f;
  --bl-editor-active-line-gutter-color: #000000;

  /* 选中内容 */
  --bl-editor-selection-bg-color: #adc5f4a0;
  --bl-editor-selection-match-bg-color: #89991154;

  /* 光标颜色 */
  --bl-editor-caret-color: #000000;

  /* 各类关键字颜色 */
  --bl-editor-cc-color: #219;
  --bl-editor-cm-color: #b6b6b6;
  --bl-editor-cb-color: #ce5d00;
  --bl-editor-cd-color: #689757;
  --bl-editor-ce-color: #47ade5;
  --bl-editor-ci-color: #ba7300;
  --bl-editor-cg-color: #9876aa;

  --bl-editor-c5-color: var(--el-color-primary);
  --bl-editor-c7-color: var(--el-color-primary);
  --bl-editor-c7-bg-color: #00000000;

  /* ======================================= */

  /* 预览的字体颜色 */
  --bl-preview-color: #2b2b2b;
  --bl-preview-bg-color: #ffffff;
  --bl-preview-border-radius: 4px;

  /* 目录 */
  --bl-preview-toc-border-color: #e0e0e0;

  /* 标题 */
  --bl-preview-h1-bg-color: #eaeaea;
  --bl-preview-h1-box-shadow: 3px 3px 5px 1px #a8a8a8;
  --bl-preview-h1-text-shadow: 3px 3px 3px rgb(148, 148, 148);

  --bl-preview-hr-color: #f5f5f5;

  /* 表格 */
  --bl-preview-table-border-color: #939393;
  --bl-preview-table-thead-bg-color: #2b2b2b;

  /* 引用 */
  --bl-preview-blockquote-color: #7d7d7d;
  --bl-preview-blockquote-bg-color: #f0f0f0;
  --bl-preview-blockquote-border-color: #bebebe;
  --bl-preview-blockquote-bg-green: #edf8db;
  --bl-preview-blockquote-border-green: #bed609;
  --bl-preview-blockquote-bg-yellow: #faf0d5;
  --bl-preview-blockquote-border-yellow: #efc75e;
  --bl-preview-blockquote-bg-red: #fbe6e9;
  --bl-preview-blockquote-border-red: #ff9090;
  --bl-preview-blockquote-bg-blue: #dfeefd;
  --bl-preview-blockquote-border-blue: #81bbf8;
  --bl-preview-blockquote-bg-purple: #ece4fb;
  --bl-preview-blockquote-border-purple: #ba9bf2;
  --bl-preview-blockquote-bg-black: rgba(0, 0, 0, 0.7);
  --bl-preview-blockquote-border-black: #000000;

  /* 图片 */
  --bl-preview-img-box-shadow: 2px 2px 10px 3px #c6c6c6;
  --bl-preview-img-filter: brightness(100%);

  /* 单行代码块 */
  --bl-preview-code-bg-color: #eaeaea;
  /* 多行代码块 */
  --bl-preview-pre-text-color: #a9b7c6;
  --bl-preview-pre-bg-color: #2b2b2b;
  --bl-preview-pre-box-shadow: 2px 2px 8px #000;
  /* --bl-preview-pre-bg-color: #f8f8f8;
  --bl-preview-pre-box-shadow: inset 0 0 8px #9e9e9e; */

  /* 全局滚动条样式 */
  --bl-scrollbar-color: #bfbfbf66;
  --bl-scrollbar-color-hover: #8484848a;
}

html.dark {
  --bl-editor-color: #a9a9a9;
  --bl-editor-bg-color: #1e1e1e;

  --bl-editor-gutters-color: #676767;
  --bl-editor-gutters-bg-color: #2d2d2d;
  --bl-editor-gutters-border-color: #42434200;
  --bl-editor-active-line-gutter-bg-color: #4747477a;

  --bl-editor-selection-bg-color: #203c74a0;
  --bl-editor-selection-match-bg-color: #89991171;

  --bl-editor-caret-color: #afafaf;

  --bl-editor-cc-color: #606366;
  --bl-editor-cm-color: #606366;
  --bl-editor-cb-color: #cc7832;
  --bl-editor-cd-color: #689757;
  --bl-editor-ce-color: #69864b;
  --bl-editor-ci-color: #ffc66d;
  --bl-editor-cg-color: #9876aa;

  --bl-editor-c5-color: var(--el-color-primary-light-3);
  --bl-editor-c7-color: var(--el-color-primary-light-3);
  --bl-editor-c7-bg-color: #00000000;
  /* ======================================= */

  --bl-preview-color: #9d9d9d;
  --bl-preview-bg-color: #1e1e1e;
  --bl-preview-border-radius: 4px;

  --bl-preview-toc-border-color: #525252;

  --bl-preview-h1-bg-color: #545454;
  --bl-preview-h1-box-shadow: 3px 3px 5px 1px #000000;
  --bl-preview-h1-text-shadow: 3px 3px 3px #000000;

  --bl-preview-hr-color: #525252;

  --bl-preview-table-border-color: #525252;
  --bl-preview-table-thead-bg-color: #454545;

  --bl-preview-blockquote-color: #b9b9b9;
  --bl-preview-blockquote-bg-color: #3a3a3a;
  --bl-preview-blockquote-border-color: #6e6e6e;
  --bl-preview-blockquote-bg-green: #385b00;
  --bl-preview-blockquote-border-green: #7c8c00;
  --bl-preview-blockquote-bg-yellow: #644900;
  --bl-preview-blockquote-border-yellow: #956b00;
  --bl-preview-blockquote-bg-red: #4f000c;
  --bl-preview-blockquote-border-red: #9a0000;
  --bl-preview-blockquote-bg-blue: #00366c;
  --bl-preview-blockquote-border-blue: #004fa3;
  --bl-preview-blockquote-bg-purple: #240065;
  --bl-preview-blockquote-border-purple: #4600c8;
  --bl-preview-blockquote-bg-black: #181818;
  --bl-preview-blockquote-border-black: #000000;

  --bl-preview-img-box-shadow: 2px 2px 10px 3px #000000;
  --bl-preview-img-filter: brightness(80%);

  --bl-preview-code-bg-color: #414141;

  --bl-preview-pre-text-color: #a9b7c6;
  --bl-preview-pre-bg-color: #131313;
  --bl-preview-pre-box-shadow: inset 0 0 5px 3px #000;

  /* 全局滚动条样式 */
  --bl-scrollbar-color: #ffffff2a;
  --bl-scrollbar-color-hover: #ffffff3a;
}
/*
 * 编辑器的预览页样式
 */
.bl-preview {
  color: var(--bl-preview-color);
  background-color: var(--bl-preview-bg-color);
  line-height: 20px;
}

.bl-preview * {
  user-select: text;
  font-size: inherit;
  font-family: inherit;
}

.bl-preview a {
  color: var(--el-color-primary);
  font-weight: bold;
}

.bl-preview a.inner-link {
  border-bottom: 2px dashed #858585;
  box-sizing: border-box;
  padding: 0 4px;
  text-decoration: none;
}

.bl-preview img {
  border-radius: var(--bl-preview-border-radius);
  max-width: 100%;
  filter: var(--bl-preview-img-filter);
}

/* // 列表 */
.bl-preview h1 {
  margin-top: 70px;
  padding: 10px 0;
  border-bottom: 3px solid var(--bl-preview-h1-bg-color);
  text-align: left;
  position: relative;
  font-size: 30px !important;
  line-height: 35px;
}

.bl-preview h1:first-child {
  margin-top: 0px;
}

.bl-preview h2 {
  font-size: 25px !important;
  line-height: 30px;
}

.bl-preview h3 {
  font-size: 22px !important;
  line-height: 27px;
}

.bl-preview h4 {
  font-size: 19px !important;
}

.bl-preview h5,
h6 {
  font-size: 16px !important;
}

.bl-preview li::marker {
  color: #989898;
}

/* 有序列表 */
.bl-preview ol {
  padding-left: 2em;
  font-size: inherit;
  font-family: inherit;
}

/* 无序列表 */
.bl-preview ul {
  padding-left: 2em;
}

/* checkbox */
.bl-preview li input {
  margin: 0 0 0 -1.4em;
}

.bl-preview li:has(> input)::marker {
  content: none;
}

.bl-preview li:has(> p > input)::marker {
  content: none;
}

/* 分割线 */
.bl-preview hr {
  border-color: var(--bl-preview-hr-color);
}

/* 表格 */
.bl-preview table {
  border: 1px solid var(--bl-preview-table-border-color);
  box-sizing: border-box;
  padding: 0;
  border-spacing: 0;
  margin: 10px 0;
  max-width: 100%;
  /* fixed|auto */
  table-layout: auto;
  width: 100%;
}

.bl-preview table thead {
  background-color: var(--bl-preview-table-thead-bg-color);
  color: #d4d4d4;
}

.bl-preview table thead code {
  background-color: #000000;
}

.bl-preview table thead tr {
}

.bl-preview table thead tr th {
  font-size: 16px !important;
  padding: 10px;
  border-right: 1px solid var(--bl-preview-table-border-color);
}

.bl-preview table thead tr th:last-child {
  border: 0;
}

.bl-preview table tbody {
}

.bl-preview table tbody tr {
}

.bl-preview table tbody tr td {
  padding: 5px;
  border-right: 1px solid var(--bl-preview-table-border-color);
  border-bottom: 1px solid var(--bl-preview-table-border-color);
  word-wrap: break-word;
  width: auto;
  /* max-width: 200px; */
}

.bl-preview table tbody tr td:last-child {
  border-right: 0;
}

.bl-preview table tbody tr:last-child {
}

.bl-preview table tbody tr:last-child td {
  border-bottom: 0;
}

/* 
table container
*/

.bl-preview .bl-table-container {
  border: 0;
}

.bl-preview .bl-table-container thead {
  display: none;
}

.bl-preview .bl-table-container tbody {
}

.bl-preview .bl-table-container tbody td {
  border: 0;
}

/* 引用 */
.bl-preview blockquote {
  padding: 1px 10px;
  margin: 10px 0;
  color: var(--bl-preview-blockquote-color);
  border-left: 3px solid var(--bl-preview-blockquote-border-color);
  border-radius: var(--bl-preview-border-radius);
  background-color: var(--bl-preview-blockquote-bg-color);
}

.bl-preview blockquote blockquote {
  border: 1px solid var(--bl-preview-blockquote-border-color);
  /* // border: 1px solid #dedede;
    // border-left: 3px solid #bebebe; */
}

.bl-preview .bl-blockquote-green {
  background-color: var(--bl-preview-blockquote-bg-green);
  border-left: 3px solid var(--bl-preview-blockquote-border-green);
}

.bl-preview .bl-blockquote-yellow {
  background-color: var(--bl-preview-blockquote-bg-yellow);
  border-left: 3px solid var(--bl-preview-blockquote-border-yellow);
}

.bl-preview .bl-blockquote-red {
  background-color: var(--bl-preview-blockquote-bg-red);
  border-left: 3px solid var(--bl-preview-blockquote-border-red);
}

.bl-preview .bl-blockquote-blue {
  background-color: var(--bl-preview-blockquote-bg-blue);
  border-left: 3px solid var(--bl-preview-blockquote-border-blue);
}

.bl-preview .bl-blockquote-purple {
  background-color: var(--bl-preview-blockquote-bg-purple);
  border-left: 3px solid var(--bl-preview-blockquote-border-purple);
}

.bl-preview .bl-blockquote-black {
  background-color: var(--bl-preview-blockquote-bg-black);
  border-left: 3px solid var(--bl-preview-blockquote-border-black);
}

/* 单行代码块 */
.bl-preview code {
  background-color: var(--bl-preview-code-bg-color);
  padding: 0px 4px;
  border-radius: 3px;
  margin: 0 5px;
}

/* 代码块 */
.bl-preview pre {
  padding: 15px 14px 15px 34px;
  background-color: var(--bl-preview-pre-bg-color);
  border-radius: var(--bl-preview-border-radius);
  box-shadow: var(--bl-preview-pre-box-shadow);
  position: relative;
  overflow: hidden;
}

.bl-preview pre .pre-copy {
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: right;
  z-index: 10;
  color: #5c5c5c;
  padding: 1px 8px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}

.bl-preview pre .pre-copy:hover {
  background-color: #1a1a1a;
  color: #9d9d9d;
}

.bl-preview pre .pre-copy:active {
  color: #e2e2e2;
}

.bl-preview pre ol {
  margin: 0;
  padding-left: 0;
  position: absolute;
  top: 15px;
  left: 3px;
  user-select: none;
}

.bl-preview pre ol li {
  list-style: none;
}

.bl-preview pre ol li .line-num {
  width: 30px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  color: #6a6a6a;
  user-select: none;
}

.bl-preview pre code {
  background-color: inherit;
  border-radius: 0;
  margin: 0;

  height: 100%;
  width: 100%;
  display: block;
  padding: 0;
  overflow: auto;
}

.bl-preview pre pre code.hljs {
  display: block;
  overflow-x: auto;
}

.bl-preview pre code.hljs {
  text-shadow: none;
}

/*!
  Theme: Darcula
  Author: jetbrains
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/
.hljs {
  color: var(--bl-preview-pre-text-color);
  background: var(--bl-preview-pre-bg-color);
}

.hljs ::selection,
.hljs::selection {
  background-color: #323232;
  color: var(--bl-preview-pre-text-color);
}

.hljs-comment {
  color: #606366;
}

.hljs-tag {
  color: #a4a3a3;
}

.hljs-operator,
.hljs-punctuation,
.hljs-subst {
  color: var(--bl-preview-pre-text-color);
}

.hljs-operator {
  opacity: 0.7;
}

.hljs-bullet,
.hljs-deletion,
.hljs-name,
.hljs-selector-tag,
.hljs-template-variable,
.hljs-variable {
  color: #4eade5;
}

.hljs-attr {
  color: #cc7832;
}

.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-symbol,
.hljs-variable.constant_ {
  color: #689757;
}

.hljs-class .hljs-title,
.hljs-title,
.hljs-title.class_ {
  color: #e4b568;
}

.hljs-strong {
  font-weight: 700;
  color: #bbb529;
}

.hljs-addition,
.hljs-code,
.hljs-string,
.hljs-title.class_.inherited__ {
  color: #6a8759;
}

.hljs-built_in,
.hljs-doctag,
.hljs-keyword.hljs-atrule,
.hljs-quote,
.hljs-regexp {
  color: #629755;
}

.hljs-attribute,
.hljs-function .hljs-title,
.hljs-section,
.hljs-title.function_,
.ruby .hljs-property {
  color: #9876aa;
}

.diff .hljs-meta,
.hljs-keyword,
.hljs-template-tag,
.hljs-type {
  color: #cc7832;
}

.hljs-emphasis {
  color: #cc7832;
  font-style: italic;
}

.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-meta .hljs-string {
  color: #b4b428;
}

.hljs-meta .hljs-keyword,
.hljs-meta-keyword {
  font-weight: 700;
}

.bl-preview-analysis-fail-block {
  width: 100%;
  padding: 30px;
  background-color: #000000;
  color: #ffffff;
}

.bl-preview-analysis-fail-block .fail-title {
  color: red;
}

.bl-preview-analysis-fail-inline {
  display: inline-block;
  padding: 0 5px;
  background-color: #000000;
  color: #ffffff;
}

.bl-preview .mermaid-container {
  /* border: 1px solid var(--el-border-color);
  border-radius: 4px; */
}

.bl-preview .mermaid-container svg {
  height: 100% !important;
}
.tag-root[data-v-c39ef018] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 1px 3px 0 #bbbbbb;
  border-radius: 4px;
  padding: 1px 4px;
  margin: 3px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  text-align: center;
}
[class=dark] .tag-root[data-v-c39ef018] {
  box-shadow: 1px 1px 3px #0f0f0f;
}
.tag-root .tag-iconbl[data-v-c39ef018] {
  font-size: 12px;
}
.tag-root .tag-content[data-v-c39ef018] {
  line-height: 12px;
}.bl-row-root[data-v-fe50110f] {
  display: flex;
}.bl-col-root[data-v-456b0630] {
  display: flex;
  flex-direction: column;
}