/* 文档夜间模式：仅切换页面底色与导航壳层，不反转正文、封面或图片 */
html.theme-dark body {
    background: #0f172a;
}

html.theme-dark #doc-container,
html.theme-dark .doc {
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
}

html.theme-dark #doc-container-sidebar,
html.theme-dark .doc-summary {
    background: rgba(15, 23, 42, 0.94);
    border-right: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

html.theme-dark #doc-container-body,
html.theme-dark .doc-body {
    background: transparent;
}

html.theme-dark .doc-body-content-div {
    background: transparent;
}

html.theme-dark .toc-edge-tab {
    background: rgba(15, 23, 42, 0.94);
    border-color: rgba(148, 163, 184, 0.16);
    color: #cbd5e1;
}

html.theme-dark .toc-edge-tab:hover {
    background: rgba(30, 41, 59, 0.96);
    color: #93c5fd;
}

html.theme-dark .doc-header {
    background: rgba(15, 23, 42, 0.82);
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    backdrop-filter: blur(10px);
}

html.theme-dark .doc-header .btn,
html.theme-dark .doc-header a,
html.theme-dark .project-title,
html.theme-dark .project-title a,
html.theme-dark #doc-container-sidebar ul.summary li a,
html.theme-dark #doc-container-sidebar ul.summary li span,
html.theme-dark .doc-summary ul.summary li a,
html.theme-dark .doc-summary ul.summary li span,
html.theme-dark #doc-search-input input,
html.theme-dark .doc-search-input {
    color: #e2e8f0;
}

html.theme-dark .knowledge-member-entry{
    color:#dbeafe !important;
    background:linear-gradient(135deg,rgba(30,64,175,.3) 0%,rgba(67,56,202,.34) 100%);
    border-color:rgba(96,165,250,.26);
    box-shadow:0 10px 20px rgba(15,23,42,.28);
}

html.theme-dark .knowledge-member-entry:hover{
    color:#fff !important;
}

html.theme-dark .knowledge-member-entry-icon{
    background:rgba(255,255,255,.12);
    box-shadow:inset 0 0 0 1px rgba(191,219,254,.15);
}

html.theme-dark .knowledge-member-entry-price{
    color:#e0e7ff;
}

html.theme-dark #doc-container-sidebar ul.summary li ul,
html.theme-dark .doc-summary ul.summary li ul {
    border-left-color: rgba(148, 163, 184, 0.14);
}

html.theme-dark #doc-container-sidebar ul.summary li a:hover,
html.theme-dark .doc-summary ul.summary li a:hover,
html.theme-dark .bq a:hover {
    background: rgba(96, 165, 250, 0.16);
    color: #bfdbfe;
}

html.theme-dark .doc-container-sidebar-toggle {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.96));
    border-color: rgba(148, 163, 184, 0.28);
    box-shadow: 0 12px 28px rgba(2, 6, 23, 0.45);
}

html.theme-dark .doc-container-sidebar-toggle::after {
    border-color: rgba(129, 140, 248, 0.26);
}

html.theme-dark .doc-container-sidebar-toggle svg,
html.theme-dark .doc-container-sidebar-toggle path {
    fill: #cbd5e1;
}

html.theme-dark #doc-search-input input,
html.theme-dark .doc-search-input {
    background: rgba(30, 41, 59, 0.9);
    border-color: rgba(148, 163, 184, 0.18);
}

html.theme-dark body,
html.theme-dark #doc-container-body,
html.theme-dark .doc-scroll-container,
html.theme-dark #doc-container-sidebar,
html.theme-dark .doc-body {
    scrollbar-color: rgba(226, 232, 240, 0.72) rgba(15, 23, 42, 0.18);
}

html.theme-dark body::-webkit-scrollbar,
html.theme-dark #doc-container-body::-webkit-scrollbar,
html.theme-dark .doc-scroll-container::-webkit-scrollbar,
html.theme-dark #doc-container-sidebar::-webkit-scrollbar,
html.theme-dark .doc-body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html.theme-dark body::-webkit-scrollbar-track,
html.theme-dark #doc-container-body::-webkit-scrollbar-track,
html.theme-dark .doc-scroll-container::-webkit-scrollbar-track,
html.theme-dark #doc-container-sidebar::-webkit-scrollbar-track,
html.theme-dark .doc-body::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.16);
}

html.theme-dark body::-webkit-scrollbar-thumb,
html.theme-dark #doc-container-body::-webkit-scrollbar-thumb,
html.theme-dark .doc-scroll-container::-webkit-scrollbar-thumb,
html.theme-dark #doc-container-sidebar::-webkit-scrollbar-thumb,
html.theme-dark .doc-body::-webkit-scrollbar-thumb {
    background: rgba(226, 232, 240, 0.68);
    border-radius: 999px;
}

html.theme-dark body::-webkit-scrollbar-thumb:hover,
html.theme-dark #doc-container-body::-webkit-scrollbar-thumb:hover,
html.theme-dark .doc-scroll-container::-webkit-scrollbar-thumb:hover,
html.theme-dark #doc-container-sidebar::-webkit-scrollbar-thumb:hover,
html.theme-dark .doc-body::-webkit-scrollbar-thumb:hover {
    background: rgba(248, 250, 252, 0.86);
}

html.theme-dark #doc-container-splitter:hover::before,
html.theme-dark #doc-container-splitter.active:before {
    background: linear-gradient(180deg, #60a5fa 0%, #38bdf8 100%);
}

/* 文档页面布局样式 */
body{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
}

#doc-container {
    display: flex;
    height: 100vh;
}

#doc-container-sidebar {
    width: var(--sidebar-width, 280px);
    min-width: 260px;
    max-width: 800px;
    background-color: #fafbfd;
    border-right: none;
    overflow: auto;
    transition: background-color .3s ease;
    scrollbar-width: thin;
    scrollbar-color: #e2e8f0 transparent;
}
body.big-page #doc-container-sidebar{
    display: none;
}

#doc-container-sidebar ul.summary li a, #doc-container-sidebar ul.summary li span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#doc-container-sidebar ul.summary {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}
#doc-container-sidebar ul.summary li a, #doc-container-sidebar ul.summary li span {
    display: block;
    padding: 7px 12px;
    border-bottom: none;
    background: transparent;
    white-space: nowrap;
    position: relative;
    border-radius: 8px;
    transition: all .25s cubic-bezier(.4,0,.2,1);
    font-size: 13.5px;
    color: #475569;
}
#doc-container-sidebar ul.summary li ul {
    padding-left: 14px;
    border-left: 1px solid #eef0f4;
    margin-left: 8px;
}
#doc-container-sidebar ul.summary li a:hover,.bq a:hover{
    text-decoration: none;
    background: rgba(79,110,247,.06);
    color: #4f6ef7;
}

#doc-container-body {
    flex: 1;
    overflow: hidden;
    padding: 0px 8px;
    background: #fff;
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.doc-header {
    position: relative;
    left: auto;
    width: auto;
    top: 0;
    flex: 0 0 48px;
    margin: 0 -8px;
    padding: 0 16px;
}

.doc-scroll-container{
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #e2e8f0 transparent;
}

.doc-link[data-nav-url] {
    cursor: pointer;
}

.doc-body-content {
    padding-top: 8px;
    box-sizing: border-box;
    min-height: 100%;
}

#doc-container-splitter {
    cursor: ew-resize;
    width: 1px;
    height: 100%;
    padding: 0 4px;
    flex-shrink: 0;
    transition: width 0.2s;
    position: relative;
}
body.big-page #doc-container-splitter{
    display: none;
}

#doc-container-splitter:hover::before,#doc-container-splitter.active:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    background: linear-gradient(180deg, #4f6ef7 0%, #7c3aed 100%);
    border-radius: 3px;
}

/* 小屏幕下文集大纲悬浮切换按钮 */
.doc-container-sidebar-toggle {
    position: fixed;
    top: 50%;
    left: 280px;
    transform: translateY(-50%);
    width: 22px;
    height: 44px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-left: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    z-index: 1000;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}
.doc-container-sidebar-toggle::after {
    content: '';
    position: absolute;
    inset: 4px 4px 4px 0;
    border-radius: 0 10px 10px 0;
    border: 1px solid rgba(99, 102, 241, 0.18);
    pointer-events: none;
}
.doc-container-sidebar-toggle:hover {
    background: linear-gradient(180deg, #f8faff, #eef2ff);
    box-shadow: 0 12px 28px rgba(79, 110, 247, 0.18);
}
.big-page .doc-container-toggle-icon {
    transform: rotate(180deg);
}

.big-page .doc-container-sidebar-toggle{
    left: 0px;
}
@media (min-width: 768px) {
    .doc-container-sidebar-toggle {
      display: none;
    }
}

@media screen and (max-width:768px){
    body{
        display: block;
    }
    #doc-container {

    }
    #doc-container-sidebar{
        color: #333;
        position: fixed;
        height: calc(100%);
        background-color: #f8f9fb;
        width: 280px;
        overflow: auto;
        z-index: 9999;
        box-shadow: 4px 0 20px rgba(0,0,0,.08);
    }
    #doc-container-body{
        max-width: 100%;
    }

    .doc-body-content {
        padding-top: 6px;
    }

    #doc-container-splitter{
        display: none;
    }
}

/* end文档页面布局样式 */

/*一级无序li显示实心圆点*/
.doc-content ul li{
    list-style:disc;
}
/*二级无序li显示空心圆点*/
.doc-content ul > li > ul > li{
    list-style-type: circle;
}
/*有序li显示数字*/
.doc-content ol li{
    list-style-type: inherit !important;
}
.doc-content ol ol ul,.doc-content ol ul ul,.doc-content ul ol ul,.doc-content ul ul ul {
    list-style-type: square;
}
/* 三级及以下无序li显示小方块 */
.doc-content ul ul ul li{
    list-style-type: square;
}
/* 下拉目录隐藏li样式 */
.editormd-toc-menu ul.markdown-toc-list li{
    /*list-style:none;*/
}
ul.markdown-toc-list{
    list-style-position:inside;
}
ul.markdown-toc-list li, .mce-toc li{
    list-style: none!important;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.markdown-toc-list > li > ul > li,ul.markdown-toc-list > li > ul li{
    padding-left:15px;
}
.mce-toc ul ul{
    padding-left:15px;
}

.toc-level-2 {
    margin-left: 10px;
}

.toc-level-3 {
    margin-left: 20px;
}

.toc-level-4 {
    margin-left: 30px;
}

.toc-level-5 {
    margin-left: 40px;
}

.toc-level-6 {
    margin-left: 50px;
}
/* 块级代码和行内代码去除边框 */
.markdown-body p code{
    border:none;
    background: rgba(79,110,247,.06);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}
/* HTML预览样式 */
.markdown-body h1{
    font-size: 1.7em;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    padding-bottom: 0.35em;
    border-bottom: 2px solid #eef2ff;
    position: relative;
}
.markdown-body h2{
    font-size: 1.45em;
    font-weight: 700;
    color: #0f172a;
    margin-top: 1.6em;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
    padding-left: 14px;
    border-bottom: none;
    border-left: 3px solid #6366f1;
    position: relative;
}
.markdown-body h3{
    font-size: 1.2em;
    font-weight: 700;
    color: #1e293b;
    margin-top: 1.3em;
    padding-left: 12px;
    border-left: 2px solid #c7d2fe;
}
.markdown-body h4{
    font-size: 1em;
    font-weight: 600;
    color: #1e293b;
}
.markdown-body h5{
    font-size: .875em;
    font-weight: 600;
    color: #334155;
}
.markdown-body h6{
    font-size: .85em;
    font-weight: 600;
    color: #475569;
}
#url_qrcode img{
    margin: auto;
}
/* 文档代码块样式 */
ol.linenums li{
    width: max-content;
}
pre.linenums,pre.line-numbers{
    max-height: 500px;
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: none !important;
}
.markdown-body pre{
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    margin: 16px 0;
    overflow: hidden;
}
.markdown-body pre code{
    font-size: 13.5px;
    line-height: 1.7;
    font-family: 'JetBrains Mono',Consolas,'Courier New',monospace;
}

/* 富文本任务列表 */
ul[data-type="taskList"] {
    list-style: none;
    margin-left: 0;
    padding: 0;
  }
  ul[data-type="taskList"] li {
    align-items: flex-start;
    display: flex;
  }
  ul[data-type="taskList"] li > label {
    flex: 0 0 auto;
    margin-right: 0.5rem;
    user-select: none;
  }
  ul[data-type="taskList"] li > div {
    flex: 1 1 auto;
  }
  ul[data-type="taskList"] input[type="checkbox"] {
    cursor: pointer;
  }
  ul[data-type="taskList"] ul[data-type="taskList"] {
    margin: 0;
  }

/* layui弹出框颜色 */
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid #4f6ef7;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color: #1e293b;
}
/* 覆盖vditor样式 */
.vditor-outline__item{
    padding: 0;
    padding-bottom: 5px;
    color: #475569;
}
.vditor-outline li > span{
    padding: 0px;
}
.vditor-outline li > span:hover{
    color: #4f6ef7;
}
.vditor-reset pre>code{
    font-size: 100%;
}
/* 文档图片悬浮鼠标样式 */
#content img:hover{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
#wm{
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    pointer-events: none;
    z-index: 9999;
    background-repeat: repeat, repeat;
}
.collected{
    color: #f59e0b;
}
.doc-bottom-icon,.doc-bottom-btn{
    cursor: pointer;
}
.doc-bottom-icon{
    color: #64748b;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all .2s ease;
}
.doc-bottom-icon:hover{
    background: #f0f2f5;
    color: #334155;
}

/* 左侧层级目录样式 */
#doc-container-sidebar ul.doctree-ul {
    list-style: none;
    padding-left: 12px;
  }

  #doc-container-sidebar li.doctree-li {
    margin-bottom: 1px;
    display: flex;
    flex-direction: column;
  }

  #doc-container-sidebar .doctree-item-wrapper{
      border-radius: 10px;
      display: flex;
      flex-direction: row;
      transition: all .25s cubic-bezier(.4,0,.2,1);
      padding: 1px 0;
      margin: 0 4px;
      cursor: pointer;
  }

  #doc-container-sidebar .doctree-item-name-wrapper > i{
    padding: 5px;
    color: #94a3b8;
    font-size: 12px;
    transition: color .2s ease;
  }

  #doc-container-sidebar .doctree-item-name-wrapper.no-children-icon > a {
    padding: 6px 8px;
  }

  #doc-container-sidebar .doctree-item-name-wrapper.has-children-icon > a{
    padding: 6px 6px 6px 2px;
  }

  #doc-container-sidebar .doctree-item-name-wrapper {
    display: flex;
    align-items: center;
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap;
  }

  #doc-container-sidebar .doctree-item-btn {
    margin-left: auto;
    display: none;
    margin-right: 6px;
    border: 0 solid transparent;
    background: transparent;
    padding: 3px 4px;
    transition: all .2s ease;
  }

  #doc-container-sidebar .doctree-item-btn:hover {
    cursor: pointer;
    background-color: rgba(79,110,247,.1);
    border-radius: 6px;
    color: #4f6ef7;
  }

  #doc-container-sidebar .sub-items {
    display: none;
    margin-top: 2px;
  }

  #doc-container-sidebar .sub-items.visible {
    display: block;
  }

  #doc-container-sidebar .doctree-item-wrapper:hover {
    background-color: rgba(79,110,247,.05);
  }
  #doc-container-sidebar .doctree-item-wrapper.active {
    background: linear-gradient(135deg, rgba(99,102,241,.1) 0%, rgba(139,92,246,.06) 100%);
    box-shadow: 0 1px 4px rgba(99,102,241,.08);
  }
  #doc-container-sidebar .doctree-item-wrapper.active a {
    color: #6366f1;
    font-weight: 700;
  }

  #doc-container-sidebar .doctree-item-wrapper:hover > .doctree-item-btn{
      display: flex;
      align-items: center;
  }

  #doc-container-sidebar .doctree-item-name-wrapper i.switch-toc:hover{
    background-color: rgba(79,110,247,.1);
    cursor: pointer;
    border-radius: 6px;
    color: #4f6ef7;
  }

  #doc-container-sidebar a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex-grow: 1;
    color: #475569;
    text-decoration: none;
    font-size: 13.5px;
    transition: color .2s ease;
  }
  #doc-container-sidebar a:hover {
    color: #4f6ef7;
  }
/* end左侧层级目录样式 */

/* 文档下载弹出框样式 */
#download_div .layui-btn{
    margin-bottom: 10px;
}
/* end文档下载弹出框样式 */

/* 文集目录大纲样式 */
ul#doc-tree{
    padding-left: 0;
}
.layui-tab-item #doc-tree li{
    list-style: none;
}

.layui-tab-item #doc-tree > li{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 6px 0;
    line-height: 1.6;
}
.project-toc-left{
    flex-shrink: 0;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.project-toc-left a{
    color: #475569;
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    text-decoration: none;
    transition: color .2s ease;
}
.project-toc-left a:hover{
    color: #4f6ef7;
}
.project-toc-right{
    margin-left: auto;
    flex-shrink: 0;
    color: #94a3b8;
    font-size: 12px;
    font-family: 'JetBrains Mono',Consolas,Menlo,Courier,monospace;
    padding-left: 12px;
}
/* 虚线连接线：用 li 的 after 伪元素实现 */
.layui-tab-item #doc-tree > li::after{
    content: '';
    flex: 1;
    border-bottom: 1px dashed #d4d9e4;
    margin: 0 8px;
    min-width: 20px;
    align-self: center;
    order: 0;
}
.layui-tab-item #doc-tree > li > .project-toc-left{
    order: -1;
}
.layui-tab-item #doc-tree > li > .project-toc-right{
    order: 1;
}
/* 子文档列表 */
.layui-tab-item #doc-tree > li > ul.sub-menu{
    order: 2;
    width: 100%;
    padding-left: 20px;
    margin: 0;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 4px 0;
    line-height: 1.6;
    list-style: none;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li::after{
    content: '';
    flex: 1;
    border-bottom: 1px dashed #e2e8f0;
    margin: 0 8px;
    min-width: 20px;
    align-self: center;
    order: 0;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > .project-toc-left{
    order: -1;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > .project-toc-right{
    order: 1;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > .project-toc-left a{
    font-size: 13.5px;
}
/* 三级子文档 */
.layui-tab-item #doc-tree > li > ul.sub-menu > li > ul.sub-menu{
    order: 2;
    width: 100%;
    padding-left: 20px;
    margin: 0;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > ul.sub-menu > li{
    display: flex;
    align-items: baseline;
    padding: 3px 0;
    line-height: 1.6;
    list-style: none;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > ul.sub-menu > li::after{
    content: '';
    flex: 1;
    border-bottom: 1px dashed #eef0f4;
    margin: 0 8px;
    min-width: 20px;
    align-self: center;
    order: 0;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > ul.sub-menu > li > .project-toc-left{
    order: -1;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > ul.sub-menu > li > .project-toc-right{
    order: 1;
}
.layui-tab-item #doc-tree > li > ul.sub-menu > li > ul.sub-menu > li > .project-toc-left a{
    font-size: 13px;
}
/* 文集目录样式结束 */

/* 为外部链接添加图标指示 */
.external::after {
  content: '\e7c2';
  font-family: 'iconfont';
}
@media screen and (max-width:768px){
    .project-toc-left{
        max-width: 60%;
    }
    .project-toc-right{
        font-size: 11px;
    }
}

@media screen and (max-width:768px){
    #doc-container{
        display: block;
        height: auto;
        min-height: 100vh;
    }
    #doc-container-sidebar{
        width: 86vw;
        min-width: 0;
        max-width: 320px;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 10020;
        transition: transform .22s ease;
    }
    body.big-page #doc-container-sidebar{
        display: block;
        transform: translateX(-100%);
    }
    body:not(.big-page) #doc-container-sidebar{
        transform: translateX(0);
    }
    #doc-container-body{
        padding: 0 18px;
    }
    .doc-container-sidebar-toggle{
        top: auto;
        bottom: 92px;
        left: 0;
        transform: none;
        width: 36px;
        height: 44px;
        border-radius: 0 12px 12px 0;
        z-index: 10021;
    }
    .doc-header .js-toolbar-action{
        display: none !important;
    }
    .doc-header{
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 2px;
        position: sticky;
        top: 0;
        z-index: 10018;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        margin: 0 -18px;
        padding: 6px 18px;
        background: rgba(255,255,255,.96);
        box-shadow: 0 6px 18px rgba(15,23,42,.06);
        -webkit-overflow-scrolling: touch;
    }
    .doc-header .btn{
        flex: 0 0 auto;
        padding: 0 8px;
        font-size: 12px;
        line-height: 34px;
        height: 34px;
    }
    .doc-user-toolbar{
        flex: 0 0 auto;
        gap: 4px !important;
        margin-left: 4px !important;
        margin-right: 0 !important;
        padding-left: 6px;
        border-left: 1px solid #eef0f4;
        min-width: max-content;
    }
    .doc-user-trigger,
    .doc-login-entry{
        gap: 5px;
        padding: 0 8px !important;
    }
    .doc-user-name,
    .doc-login-label{
        display: inline-block;
        max-width: 68px;
    }
    .knowledge-member-entry{
        gap: 6px;
        padding: 0 10px !important;
    }
    .knowledge-member-entry-label-desktop{
        display: none;
    }
    .knowledge-member-entry-label-mobile{
        display: inline-flex;
        align-items: center;
    }
    #doc-reading-history-panel,
    #doc-user-dropdown{
        position: fixed !important;
        left: 18px !important;
        right: 18px !important;
        top: 66px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    #doc-reading-history-list{
        max-height: 60vh !important;
    }
    .doc-body-content{
        padding-top: 6px;
    }
    .doc-body-content-div{
        padding: 14px 0 24px;
    }
    .doc-content{
        max-width: none;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .markdown-body{
        width: 100%;
        box-sizing: border-box;
        padding: 22px 18px 26px;
        border-radius: 24px;
        background: rgba(255,255,255,.98);
        border: 1px solid rgba(226,232,240,.96);
        box-shadow: 0 18px 42px rgba(15,23,42,.1);
        overflow: hidden;
    }
    .doc-info{
        margin-bottom: 16px;
    }
    .doc-hero-folder,
    .doc-cover-wrap,
    .doc-comment,
    .page-flip-nav{
        margin-left: 0;
        margin-right: 0;
    }
    .folder-paper{
        padding: 18px 16px;
    }
    .doc-hero-breadcrumb,
    .doc-hero-meta,
    .doc-tags-row,
    .doc-bottom-left,
    .doc-bottom-right,
    .doc-bottom-info-row,
    .page-flip-nav{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .doc-bottom-info-row,
    .page-flip-nav{
        flex-direction: column;
        align-items: stretch;
    }
    .doc-bottom-right{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }
    .doc-bottom-actions{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .doc-bottom-btn,
    .doc-bottom-right > span.doc-bottom-btn{
        justify-content: center;
        width: auto;
        box-sizing: border-box;
    }
    .page-flip-item,
    .page-flip-link,
    .page-flip-disabled{
        width: 100%;
        box-sizing: border-box;
    }
    .project-title{
        padding: 16px 14px 10px;
        line-height: 1.45;
    }
    .project-search-div{
        padding: 0 10px;
    }
    #doc-search-input{
        margin: 0 0 10px;
    }
    .fixed-tool-bar{
        right: 18px;
        bottom: 16px;
        gap: 6px;
    }
}
/* 覆盖vditor文档目录样式 */
.vditor-outline{
    width: 200px;
}
.vditor-outline ul{
    padding-left: 0px;
}

/* 文集大纲搜索框 */
.project-search-div{
    position: relative;
    width: 100%;
    z-index: 999;
    padding: 0 12px;
    box-sizing: border-box;
}
.project-search-active-div{
    position: fixed;
    width: inherit;
    top: 0;
}

/* 文档评论样式 */
.doc-comment{
    margin: 28px 12px;
    padding: 24px;
    background: #fafbfd;
    border-radius: 16px;
    border: 1px solid #eef0f4;
}


/* 文档附件样式 */
.mrdoc-da-card{
    background: #f8f9fb;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 8px;
    border: 1px solid #e8ecf1;
    transition: all .2s ease;
}
.mrdoc-da-card:hover{
    border-color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
.mrdoc-da-collapse{
    display: flex;
    align-items: center;
    padding: 12px;
}
.mrdoc-da-content{
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 12px;
    min-width: 0;
    color: #262626;
    font-size: 14px;
}
.mrdoc-da-icon{
    width: 20px;
    height: auto;
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.mrdoc-da-op a:hover{
    text-decoration: none;
}
.mrdoc-da-content-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.mrdoc-da-content-name:hover{
    cursor: pointer;
    color: #4f6ef7;
}
.mrdoc-da-content-size{
    margin-left: 5px;
    color:#BEC0BF;
}

/* 文档面包屑样式 */
.breadcrumb-container{
    text-align: left;
}

.breadcrumb-container .layui-breadcrumb{
    margin-bottom: 16px;
}

.breadcrumb-container i.layui-icon,.breadcrumb-container a{
    color: #64748b !important;
    font-size: 14px !important;
    transition: color .2s ease;
}

.breadcrumb-container i.layui-icon:hover,.breadcrumb-container a:hover{
    color: #4f6ef7 !important;
}





@media print {
    #doc-container {
      height: auto !important;
    }
    .doc-header,#doc-content-bottom-toolbar,#toc-container,doc-summary,.fixed-tool-bar,.doc-comment,.page-flip,#ad-1,#ad-2,.page-flip,.doc-container-sidebar-toggle,#wm,#chat-bubble-btn {display: none !important;}
    .markdown-code .markdown-code-block pre{
        max-height: 100%;
    }
    .markdown-body pre code,
    .markdown-body pre.hljs {
        white-space: pre-wrap !important;
        word-break: break-all !important;
        overflow-x: visible !important;
    }
  }