/* 文档夜间模式：仅切换页面底色与导航壳层，不反转正文、封面或图片 */
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;
    border-radius: 16px;
    overflow: hidden;
}

html.theme-dark .doc-content {
    border-radius: 16px;
}

html.theme-dark .doc-info::after {
    background: linear-gradient(90deg, rgba(148, 163, 184, 0.24), rgba(148, 163, 184, 0.08));
}

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: rgba(15, 23, 42, 0.96);
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.22);
}

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;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#doc-container-sidebar {
    width: 330px;
    min-width: 330px;
    max-width: 330px;
    background-color: #f8fafc;
    border-right: 1px dashed #cbd5e1;
    overflow: hidden;
    border-radius: 0;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    white-space: nowrap;
    box-sizing: border-box;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                min-width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.25s ease,
                border-right-color .2s ease;
}

#doc-container-sidebar > div {
    width: 330px;
    min-width: 330px;
    max-width: 330px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

body.big-page #doc-container-sidebar {
    display: flex !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
    border-right: none !important;
    pointer-events: none !important;
}

body.big-page #doc-container-sidebar > div {
    transform: translateX(-30px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#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: 4px;
    transition: all .2s ease;
    font-size: 13.5px;
    color: #475569;
}
#doc-container-sidebar ul.summary li ul {
    padding-left: 14px;
    border-left: 1px dashed #cbd5e1;
    margin-left: 8px;
}
#doc-container-sidebar ul.summary li a:hover,.bq a:hover{
    text-decoration: none;
    background: #f1f5f9;
    color: #0f172a;
}

#doc-container-body {
    flex: 1 1 0%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: transparent;
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.doc-header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    height: 52px;
    min-height: 52px;
    margin: 0;
    padding: 0 24px;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dashed #cbd5e1;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-shrink: 0;
    transition: border-bottom-color .2s ease;
}

.doc-header-left {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
}

.doc-header-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    pointer-events: auto;
}

.doc-header-center:empty {
    display: none;
}

/* 顶部固定居中集群（格式徽章 + 文档名称 + 下载按钮） */
.doc-header-center-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}

/* 格式徽章基础样式 */
.doc-header-format-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all .2s ease;
    letter-spacing: .3px;
}

/* 各格式颜色体系 - 浅色模式 */
.doc-header-format-badge.badge-xlsx {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}
.doc-header-format-badge.badge-sheet {
    background: #f5f3ff;
    color: #6d28d9;
    border: 1px solid #c4b5fd;
}
.doc-header-format-badge.badge-docx {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}
.doc-header-format-badge.badge-pdf {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}
.doc-header-format-badge.badge-pptx {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}
.doc-header-format-badge.badge-md {
    background: #f0fdfa;
    color: #0f766e;
    border: 1px solid #99f6e4;
}
.doc-header-format-badge.badge-rich {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #cbd5e1;
}

/* 各格式颜色体系 - 暗色模式 */
html.theme-dark .doc-header-format-badge.badge-xlsx {
    background: rgba(16, 185, 129, 0.16);
    color: #34d399;
    border-color: rgba(16, 185, 129, 0.3);
}
html.theme-dark .doc-header-format-badge.badge-sheet {
    background: rgba(139, 92, 246, 0.16);
    color: #a78bfa;
    border-color: rgba(139, 92, 246, 0.3);
}
html.theme-dark .doc-header-format-badge.badge-docx {
    background: rgba(59, 130, 246, 0.16);
    color: #60a5fa;
    border-color: rgba(59, 130, 246, 0.3);
}
html.theme-dark .doc-header-format-badge.badge-pdf {
    background: rgba(239, 68, 68, 0.16);
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.3);
}
html.theme-dark .doc-header-format-badge.badge-pptx {
    background: rgba(249, 115, 22, 0.16);
    color: #fb923c;
    border-color: rgba(249, 115, 22, 0.3);
}
html.theme-dark .doc-header-format-badge.badge-md {
    background: rgba(20, 184, 166, 0.16);
    color: #2dd4bf;
    border-color: rgba(20, 184, 166, 0.3);
}
html.theme-dark .doc-header-format-badge.badge-rich {
    background: rgba(100, 116, 139, 0.2);
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, 0.24);
}

/* 居中文档名称容器（固定规格，至少容纳 20 汉字） */
.doc-header-title-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 420px;
    height: 36px;
    padding: 0 16px;
    box-sizing: border-box;
    border: 1px dashed #cbd5e1;
    border-radius: 4px;
    background: #f8fafc;
    flex-shrink: 0;
    user-select: none;
    transition: all .2s ease;
}

.doc-header-title-box:hover {
    border-color: #0f172a;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.doc-header-title-text {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.2px;
    line-height: 1.4;
}

/* 头部专属下载按钮 */
.doc-header-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border: 1px dashed #cbd5e1;
    border-radius: 4px;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
    flex-shrink: 0;
    transition: all .2s ease;
    text-decoration: none;
}
.doc-header-action-btn:hover {
    color: #0f172a;
    background: #ffffff;
    border-color: #0f172a;
    border-style: solid;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

html.theme-dark .doc-header-title-box {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(30, 41, 59, 0.7);
}

html.theme-dark .doc-header-title-box:hover {
    border-color: rgba(148, 163, 184, 0.48);
    background: rgba(30, 41, 59, 0.95);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

html.theme-dark .doc-header-title-text {
    color: #f8fafc;
}

html.theme-dark .doc-header-action-btn {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(30, 41, 59, 0.7);
    color: #cbd5e1;
}
html.theme-dark .doc-header-action-btn:hover {
    color: #ffffff;
    background: rgba(30, 41, 59, 0.95);
    border-color: rgba(148, 163, 184, 0.48);
}

.doc-header button.btn {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    cursor: pointer;
    border: 1px solid transparent;
}

/* ================================================================
   彻底隐藏正文内容区原生的嵌入工具条（已被提升至头部组件）
   ================================================================ */
.xlsx-toolbar,
.docx-toolbar,
.pdf-toolbar {
    display: none !important;
}

/* ================================================================
   宽幅数据网格型（Excel 与 在线表格）全屏无空隙铺满样式
   ================================================================ */
.doc-mode-grid #doc-scroll-container {
    padding: 0 !important;
    overflow: hidden !important;
    height: calc(100vh - 52px) !important;
}

.doc-mode-grid .doc-body-content,
.doc-mode-grid .doc-body-content-div,
.doc-mode-grid .doc-content,
.doc-mode-grid #content {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.doc-mode-grid .doc-info,
.doc-mode-grid .doc-bottom-bar,
.doc-mode-grid .page-flip-nav,
.doc-mode-grid .doc-comment,
.doc-mode-grid .toc-edge-tab,
.doc-mode-grid #toc-container {
    display: none !important;
}

.doc-mode-grid .xlsx-embed-viewer {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: none !important;
}

.doc-mode-grid .xlsx-sheet-tabs {
    flex-shrink: 0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    padding: 0 12px;
}

.doc-mode-grid .xlsx-render-container {
    flex: 1 1 auto;
    height: 100% !important;
    overflow: auto !important;
    padding: 0 !important;
}

.doc-mode-grid #luckysheet {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

@media (max-width: 1200px) {
    .doc-header-title-box {
        width: 340px;
    }
}

@media (max-width: 992px) {
    .doc-header-title-box {
        width: 240px;
    }
}

@media (max-width: 768px) {
    .doc-header-center,
    .doc-header-format-badge,
    .doc-header-title-box {
        display: none !important;
    }
}

.doc-scroll-container{
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #e2e8f0 transparent;
    padding: 24px 32px;
    box-sizing: border-box;
}

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

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

#doc-container-splitter {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    pointer-events: none !important;
}
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: 330px;
    transform: translateY(-50%);
    width: 22px;
    height: 44px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    z-index: 1000;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .doc-container-sidebar-toggle:hover {
    background: #f0f2ff;
    box-shadow: 2px 0 12px rgba(79,110,247,.15);
  }
  .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 nav,
#doc-container-sidebar .doctree-nav,
html:not(.theme-dark) #doc-container-sidebar nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-y: overlay !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
    padding: 6px 2px 20px 2px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#doc-container-sidebar nav::-webkit-scrollbar,
#doc-container-sidebar .doctree-nav::-webkit-scrollbar,
html:not(.theme-dark) #doc-container-sidebar nav::-webkit-scrollbar {
    width: 6px !important;
}

#doc-container-sidebar nav::-webkit-scrollbar-track,
#doc-container-sidebar .doctree-nav::-webkit-scrollbar-track,
html:not(.theme-dark) #doc-container-sidebar nav::-webkit-scrollbar-track {
    background: transparent !important;
}

#doc-container-sidebar nav::-webkit-scrollbar-thumb,
#doc-container-sidebar .doctree-nav::-webkit-scrollbar-thumb,
html:not(.theme-dark) #doc-container-sidebar nav::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 3px !important;
}

#doc-container-sidebar nav::-webkit-scrollbar-thumb:hover,
#doc-container-sidebar .doctree-nav::-webkit-scrollbar-thumb:hover,
html:not(.theme-dark) #doc-container-sidebar nav::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* 树顶部文集根主项目（对齐目录大纲图 2 样式） */
#doc-container-sidebar .doctree-root-header {
    margin: 2px 2px 4px 2px !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

#doc-container-sidebar .doctree-root-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 8px 0 8px !important;
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    transition: background .15s ease, border-color .15s ease !important;
    width: 100% !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

#doc-container-sidebar .doctree-root-link:hover {
    background: #f1f5f9 !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

#doc-container-sidebar .doctree-root-icon {
    stroke: #0f172a !important;
    flex-shrink: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

#doc-container-sidebar .doctree-root-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

#doc-container-sidebar .doctree-root-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 1px 6px !important;
    border-radius: 2px !important;
    background: #f8fafc !important;
    border: 1px solid #94a3b8 !important;
    color: #475569 !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

#doc-container-sidebar .doctree-root-private {
    font-size: 12px !important;
    color: #eab308 !important;
    margin-left: 2px !important;
    flex-shrink: 0 !important;
}

/* 树状目录核心规范（对应文集主页 Image 3 样式） */
#doc-container-sidebar ul.doctree-root-ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 2px 0 0 16px !important; /* 对齐根文件夹图标中心 8px padding + 8px */
    position: relative !important;
}

#doc-container-sidebar .sub-items ul.doctree-ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 0 16px !important; /* 对齐父级图标中心形成清晰层级缩进 */
    position: relative !important;
}

/* 每个树节点相对定位，向左预留 16px 虚线连接槽位 */
#doc-container-sidebar li.doctree-li {
    position: relative !important;
    padding-left: 16px !important;
    margin-bottom: 2px !important;
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
}

/* 纵向竖虚线导轨 */
#doc-container-sidebar li.doctree-li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 100% !important;
    border-left: 1px dashed #94a3b8 !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    pointer-events: none !important;
}

/* 最后一个子项竖虚线精准终止于自身的横向分支点 (18px) */
#doc-container-sidebar li.doctree-li:last-child::before {
    height: 18px !important;
    bottom: auto !important;
}

/* 向每个子项伸出的横向连接虚线 */
#doc-container-sidebar li.doctree-li::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 18px !important;
    width: 13px !important;
    height: 0 !important;
    border-top: 1px dashed #94a3b8 !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    pointer-events: none !important;
}

/* 统一文件夹与文档外层选项卡尺寸规格（宽度恒定、占满节点剩余空间） */
#doc-container-sidebar .doctree-item-wrapper {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 8px 0 6px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border-left: 3px solid transparent !important;
    transition: background .15s ease, border-color .15s ease !important;
    cursor: pointer !important;
    width: 100% !important;
    overflow: hidden !important;
}

#doc-container-sidebar .doctree-item-wrapper:hover {
    background-color: #f1f5f9 !important;
}

#doc-container-sidebar .doctree-item-wrapper.active {
    background-color: #f1f5f9 !important;
    border-left: 3px solid #000000 !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* 统一内容区（SVG图标 + 标题文字）：左对齐齐平，占据剩余空间 */
#doc-container-sidebar .doctree-item-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important; /* 间距由 8px 收窄至 6px，文字紧跟图标靠左 */
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    color: inherit !important;
    border: none !important;
    background: transparent !important;
}

/* 统一 SVG 图标：固定 16x16，绝对不压缩，与同级严格同水平起始位置 */
#doc-container-sidebar .doctree-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    flex-shrink: 0 !important;
    stroke: #64748b !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: stroke .15s ease !important;
}

#doc-container-sidebar .doctree-icon-folder {
    stroke: #0f172a !important;
}

#doc-container-sidebar .doctree-item-wrapper:hover .doctree-icon {
    stroke: #000000 !important;
}

#doc-container-sidebar .doctree-item-wrapper.active .doctree-icon-doc {
    stroke: #000000 !important;
}

/* 统一标题文字规格：字号 13.5px，超长严格截断并显示省略号，不挤压图标与箭头 */
#doc-container-sidebar .doctree-title {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    line-height: 20px !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: color .15s ease !important;
}

#doc-container-sidebar .doctree-folder-title {
    font-weight: 600 !important;
    color: #0f172a !important;
    user-select: none !important;
}

#doc-container-sidebar .doctree-doc-title {
    font-weight: 500 !important;
    color: #334155 !important;
}

#doc-container-sidebar .doctree-item-wrapper:hover .doctree-title {
    color: #000000 !important;
}

#doc-container-sidebar .doctree-item-wrapper.active .doctree-doc-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 文件夹整项为展开交互主体 */
#doc-container-sidebar .doctree-folder-wrapper {
    cursor: pointer !important;
    user-select: none !important;
}

#doc-container-sidebar .doctree-folder-wrapper .doctree-item-btn {
    display: none !important;
}

/* 文件夹最右端展开指示箭头：紧贴右边框，固定 14x14，绝对不压缩 */
#doc-container-sidebar .doctree-folder-arrow {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
    flex-shrink: 0 !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    transition: transform .28s cubic-bezier(.4, 0, .2, 1), color .15s ease !important;
    transform: rotate(-90deg) !important;
}

#doc-container-sidebar .doctree-folder-wrapper.is-open .doctree-folder-arrow {
    transform: rotate(0deg) !important;
    color: #0f172a !important;
}

#doc-container-sidebar .doctree-folder-wrapper:hover .doctree-folder-arrow {
    color: #000000 !important;
}

/* 文档管理按钮（仅创作者可见） */
#doc-container-sidebar .doctree-item-btn {
    margin-left: auto !important;
    display: none;
    margin-right: 2px !important;
    border: 0 solid transparent !important;
    background: transparent !important;
    padding: 3px 4px !important;
    transition: all .2s ease !important;
}

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

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

/* 子目录容器丝滑展开/折叠动效（基于 CSS Grid 0fr -> 1fr 与硬件加速缓动） */
#doc-container-sidebar .sub-items {
    display: grid !important;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.28s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    margin-top: 0;
    overflow: hidden !important;
}

#doc-container-sidebar .sub-items.visible {
    grid-template-rows: 1fr !important;
    visibility: visible !important;
    margin-top: 1px;
}

#doc-container-sidebar .sub-items > ul.doctree-ul {
    min-height: 0;
    overflow: hidden;
    transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateY(-4px);
}

#doc-container-sidebar .sub-items.visible > ul.doctree-ul {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
/* 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 10px;
    }
    .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{
        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 -10px;
        padding: 6px 10px;
        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;
        font-size: 12px;
    }
    .doc-user-toolbar{
        flex: 0 0 auto;
        gap: 3px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding-left: 6px;
        border-left: none;
        min-width: 0;
    }
    .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: 12px !important;
        right: 12px !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: 12px 0 24px;
    }
    .doc-content{
        max-width: none;
        padding: 0;
    }
    .doc-info{
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .doc-info::after{
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: rgba(226, 232, 240, 0.9);
    }
    .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: 12px;
        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;
}

/* 2026-03 UI refactor: shared reader shell for doc/project pages */
:root{
    --kb-shell-bg: linear-gradient(180deg, #f5f8fc 0%, #edf3fb 100%);
    --kb-surface: rgba(255, 255, 255, 0.92);
    --kb-surface-strong: #ffffff;
    --kb-border: #dbe5f1;
    --kb-text: #0f172a;
    --kb-muted: #64748b;
    --kb-primary: #1e3a5f;
    --kb-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

body{
    background: var(--kb-shell-bg);
}

#doc-container{
    gap: 16px;
    height: 100vh;
    padding: 16px;
    box-sizing: border-box;
    background: transparent;
}

#doc-container-sidebar{
    width: min(340px, 28vw);
    min-width: 290px;
    background: var(--kb-surface);
    border: 1px solid var(--kb-border);
    border-radius: 28px;
    box-shadow: var(--kb-shadow);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

#doc-container-sidebar > div{
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding-bottom: 20px;
}

#doc-container-body{
    padding: 0;
    background: transparent;
}

.doc-header{
    position: sticky;
    top: 0;
    z-index: 20;
    margin: 0;
    padding: 10px 18px;
    border: 1px solid var(--kb-border);
    border-radius: 24px;
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(18px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

.doc-header .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    line-height: 1;
    color: var(--kb-muted);
    border-radius: 14px;
    background: rgba(248, 250, 252, 0.96);
    border: 1px solid transparent;
    transition: all .22s ease;
}

.doc-header .btn:hover{
    color: var(--kb-primary);
    background: #fff;
    border-color: var(--kb-border);
    box-shadow: 0 8px 20px rgba(30, 58, 95, 0.08);
}

.doc-scroll-container{
    padding-top: 16px;
}

.doc-body-content{
    padding-top: 0;
}

.doc-body-content-div{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 0 40px;
}

.doc-content{
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}

.doc-info,
.doc-comment,
.page-flip-nav,
#doc-content-bottom-toolbar{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.doc-comment,
.page-flip-nav{
    background: var(--kb-surface-strong);
    border: 1px solid var(--kb-border);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

#doc-content-bottom-toolbar{
    margin-top: 18px;
}

.project-title{
    padding: 20px 20px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--kb-muted);
}

.project-title a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--kb-text);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.25;
    text-decoration: none;
}

.project-title .icon{
    font-size: 18px;
    color: var(--kb-primary);
}

.project-title p{
    width: 100%;
    margin: 2px 0 0;
}

.project-search-div{
    padding: 0 18px 14px;
}

#doc-search-input{
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
}

#doc-search-input input,
.doc-search-input{
    width: 100%;
    height: 50px;
    padding: 0 62px 0 18px;
    color: var(--kb-text);
    border: 1px solid var(--kb-border);
    border-radius: 16px;
    background: #f8fbff;
    box-sizing: border-box;
    transition: all .22s ease;
}

#doc-search-input input:focus,
.doc-search-input:focus{
    border-color: #93c5fd;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
}

.doc-search-submit{
    position: absolute;
    top: 50%;
    right: 0;
    width: 44px;
    height: 44px;
    border: 1px solid #e9edf5;
    border-radius: 14px;
    background: #fff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
    transition: all .2s ease;
    transform: translateY(-50%);
    padding: 0;
    z-index: 2;
}

.doc-search-submit .layui-icon{
    display: block;
    font-size: 18px;
    line-height: 1;
}

.doc-search-submit:hover{
    transform: translateY(-50%);
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.1);
}

#doc-container-sidebar ul.summary li a,
#doc-container-sidebar ul.summary li span{
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.45;
}

#doc-container-sidebar ul.summary li ul{
    margin-left: 14px;
    padding-left: 12px;
    border-left: 1px solid #e6edf5;
}

.doctree-item-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}

.doctree-item-name-wrapper{
    flex: 1;
    min-width: 0;
}

.doctree-item-name-wrapper a{
    display: block;
    width: 100%;
}

.doctree-item-btn{
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 10px;
    color: #94a3b8;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    transition: all .2s ease;
}

.doctree-item-btn:hover{
    color: var(--kb-primary);
    background: #f1f5f9;
}

.doc-user-toolbar{
    gap: 8px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-left: 14px;
    border-left: 1px solid var(--kb-border);
}

.knowledge-member-entry{
    gap: 8px;
    min-height: 42px;
    padding: 0 14px !important;
    color: #e0e7ff !important;
    border-radius: 14px;
    background: linear-gradient(135deg, #1e3a8a 0%, #4338ca 100%);
    box-shadow: 0 14px 22px rgba(37, 99, 235, 0.22);
}

.knowledge-member-entry:hover{
    color: #fff !important;
    transform: translateY(-1px);
}

.knowledge-member-entry-icon{
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(255,255,255,.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.knowledge-member-entry-price{
    margin-left: 4px;
    color: #fef3c7;
    font-weight: 800;
}

.doc-user-trigger,
.doc-login-entry{
    gap: 8px;
}

.doc-user-name,
.doc-login-label{
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fixed-tool-bar{
    right: 22px;
    bottom: 64px;
    gap: 10px;
}

.fixed-tool-bar > *{
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
}

html.theme-dark body{
    background: linear-gradient(180deg, #0b1220 0%, #101827 100%);
}

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

html.theme-dark #doc-container-sidebar{
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 24px 48px rgba(2, 6, 23, 0.4);
}

html.theme-dark .doc-header{
    background: rgba(15, 23, 42, 0.82);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 14px 36px rgba(2, 6, 23, 0.34);
}

html.theme-dark .doc-header .btn{
    background: rgba(30, 41, 59, 0.9);
    color: #d8e3f0;
}

html.theme-dark .doc-header .btn:hover{
    background: rgba(51, 65, 85, 0.98);
    border-color: rgba(148, 163, 184, 0.16);
    color: #ffffff;
}

html.theme-dark .project-title a{
    color: #f8fafc;
}

html.theme-dark #doc-search-input input,
html.theme-dark .doc-search-input{
    background: rgba(15, 23, 42, 0.8);
    color: #f8fafc;
}

html.theme-dark .doc-search-submit{
    background: rgba(30, 41, 59, 0.95);
    color: #93c5fd;
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 10px 22px rgba(2, 6, 23, 0.28);
}

html.theme-dark .doc-comment,
html.theme-dark .page-flip-nav{
    background: rgba(15, 23, 42, 0.86);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.3);
}

@media screen and (max-width: 768px){
    #doc-container{
        gap: 0;
        padding: 0;
        height: auto;
    }

    #doc-container-body{
        padding: 0 10px 18px;
    }

    #doc-container-sidebar{
        width: 300px;
        min-width: 280px;
        border-radius: 0 24px 24px 0;
        border-left: none;
        border-top: none;
        border-bottom: none;
        box-shadow: 12px 0 30px rgba(15, 23, 42, 0.12);
    }

    .doc-header{
        margin: 10px 0 0;
        padding: 8px 10px;
        border-radius: 18px;
    }

    .doc-header .btn{
        min-height: 38px;
        padding: 0 10px;
        border-radius: 12px;
    }

    .project-title{
        padding: 18px 14px 10px;
    }

    .project-title a{
        font-size: 18px;
    }

    .project-search-div{
        padding: 0 12px 12px;
    }

    .doc-body-content-div{
        padding: 0 0 32px;
    }

    .doc-content,
    .doc-info,
    .doc-comment,
    .page-flip-nav,
    #doc-content-bottom-toolbar{
        max-width: none;
    }
}

/* 2026-03 sample system override: tools-material design language */
html:not(.theme-dark){
    --kb-shell-bg: #FBF9F5;
    --kb-shell-accent: #FF8A00;
    --kb-shell-text: #1A1A1A;
    --kb-shell-muted: #6b7280;
    --kb-shell-border: #ebe7df;
    --kb-shell-surface: #ffffff;
    --kb-shell-soft: #f7f3ec;
    --kb-shell-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.05);
    --kb-shell-shadow-lg: 0 12px 30px -10px rgba(0, 0, 0, 0.08);
}

html:not(.theme-dark) body{
    background:
        radial-gradient(circle at top left, rgba(255,138,0,.08), transparent 28%),
        radial-gradient(circle at top right, rgba(59,130,246,.06), transparent 32%),
        #FBF9F5;
    color: var(--kb-shell-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html:not(.theme-dark) #doc-container{
    gap: 18px;
    padding: 18px;
    background: transparent;
}

html:not(.theme-dark) #doc-container-sidebar{
    background: rgba(255,255,255,.92);
    border: 1px solid var(--kb-shell-border);
    border-radius: 24px;
    box-shadow: var(--kb-shell-shadow);
    backdrop-filter: blur(12px);
}

html:not(.theme-dark) #doc-container-sidebar > div{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

html:not(.theme-dark) .kb-brand-block{
    padding: 28px 18px 14px;
    flex-shrink: 0;
}

html:not(.theme-dark) .kb-brand-link{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    color: var(--kb-shell-text);
    text-decoration: none;
}

html:not(.theme-dark) .kb-brand-icon{
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: #fff;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(255,138,0,.12);
    border: 1px solid rgba(255, 138, 0, 0.18);
    overflow: hidden;
    padding: 4px;
    box-sizing: border-box;
}

html:not(.theme-dark) .kb-brand-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

html:not(.theme-dark) .kb-brand-name{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.04em;
}

html:not(.theme-dark) .project-title{
    padding: 0 18px 10px;
    color: var(--kb-shell-muted);
    flex-shrink: 0;
}

html:not(.theme-dark) .project-title a{
    color: var(--kb-shell-text);
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -.04em;
}

html:not(.theme-dark) .project-title .icon,
html:not(.theme-dark) .project-title .layui-icon{
    color: var(--kb-shell-accent);
}

html:not(.theme-dark) .project-search-div{
    padding: 0 18px 16px;
    flex-shrink: 0;
}

html:not(.theme-dark) #doc-search-input input,
html:not(.theme-dark) .doc-search-input{
    height: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    padding: 0 32px 0 12px !important;
    font-size: 13px !important;
    color: #0f172a !important;
    border: 1px dashed #94a3b8 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: all .2s ease !important;
}

html:not(.theme-dark) #doc-search-input input::placeholder,
html:not(.theme-dark) .doc-search-input::placeholder{
    color: #94a3b8 !important;
    font-size: 12.5px !important;
}

html:not(.theme-dark) #doc-search-input input:focus,
html:not(.theme-dark) .doc-search-input:focus{
    border-color: #000000 !important;
    border-style: solid !important;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06) !important;
    background: #ffffff !important;
}

html:not(.theme-dark) .doc-search-submit{
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 2px !important;
    background: transparent !important;
    color: #64748b !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: color .15s ease !important;
    z-index: 2 !important;
}

html:not(.theme-dark) .doc-search-submit .layui-icon{
    font-size: 14px !important;
    color: inherit !important;
}

html:not(.theme-dark) .doc-search-submit:hover{
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
}

html.theme-dark #doc-container-sidebar{
    background: rgba(15, 23, 42, 0.94);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 24px;
    box-shadow: 0 24px 48px rgba(2, 6, 23, 0.34);
    backdrop-filter: blur(12px);
}

html.theme-dark #doc-container-sidebar > div{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

html.theme-dark .kb-brand-block{
    padding: 28px 18px 14px;
    flex-shrink: 0;
}

html.theme-dark .kb-brand-link{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    color: #f8fafc;
    text-decoration: none;
}

html.theme-dark .kb-brand-icon{
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(255,255,255,.96);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.14);
    overflow: hidden;
    padding: 4px;
    box-sizing: border-box;
}

html.theme-dark .kb-brand-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

html.theme-dark .kb-brand-name{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.04em;
    color: #f8fafc;
}

html.theme-dark .project-title{
    padding: 0 18px 10px;
    color: #94a3b8;
    flex-shrink: 0;
}

html.theme-dark .project-title a{
    color: #f8fafc;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -.04em;
}

html.theme-dark .project-title .icon,
html.theme-dark .project-title .layui-icon{
    color: #fb923c;
}

html.theme-dark .project-search-div{
    padding: 0 18px 16px;
    flex-shrink: 0;
}

html.theme-dark #doc-container-sidebar .doctree-root-link {
    background: rgba(30, 41, 59, 0.5) !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    color: #f1f5f9 !important;
}
html.theme-dark #doc-container-sidebar .doctree-root-link:hover {
    background: rgba(30, 41, 59, 0.8) !important;
    border-color: #f1f5f9 !important;
}
html.theme-dark #doc-container-sidebar .doctree-root-icon {
    stroke: #f1f5f9 !important;
}
html.theme-dark #doc-container-sidebar .doctree-root-title {
    color: #f1f5f9 !important;
}
html.theme-dark #doc-container-sidebar .doctree-root-badge {
    background: rgba(15, 23, 42, 0.6) !important;
    border-color: rgba(148, 163, 184, 0.4) !important;
    color: #cbd5e1 !important;
}

html.theme-dark #doc-container-sidebar nav{
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 12px 14px;
}

html:not(.theme-dark) #doc-container-sidebar ul.summary li a,
html:not(.theme-dark) #doc-container-sidebar ul.summary li span,
html:not(.theme-dark) #doc-container-sidebar a{
    color: #5f6368;
}

html:not(.theme-dark) #doc-container-sidebar ul.summary li a,
html:not(.theme-dark) #doc-container-sidebar ul.summary li span{
    border-radius: 14px;
}

html:not(.theme-dark) #doc-container-sidebar ul.summary li a:hover,
html:not(.theme-dark) .bq a:hover,
html:not(.theme-dark) #doc-container-sidebar .doctree-item-wrapper:hover{
    background: #f1f5f9;
    color: #0f172a;
}

html:not(.theme-dark) #doc-container-sidebar .doctree-item-wrapper.active,
html:not(.theme-dark) #doc-container-sidebar .layui-this > a{
    background: #f1f5f9 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    border-left: 3px solid #000000 !important;
    border-radius: 4px !important;
}

html:not(.theme-dark) #doc-container-sidebar .doctree-item-wrapper.active a,
html:not(.theme-dark) #doc-container-sidebar .layui-this > a,
html:not(.theme-dark) #doc-container-sidebar .layui-this > a:hover{
    color: #000000 !important;
    font-weight: 700 !important;
}

html:not(.theme-dark) #doc-container-sidebar ul.summary li ul{
    border-left: 1px dashed #cbd5e1;
}

html:not(.theme-dark) #doc-container-body{
    background: transparent;
}

html:not(.theme-dark) .doc-header{
    border: 1px dashed #cbd5e1;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

html:not(.theme-dark) .doc-header .btn{
    min-height: 38px;
    border-radius: 4px;
    border: 1px solid transparent;
    background: transparent;
    color: #475569;
    box-shadow: none;
    font-weight: 600;
}

html:not(.theme-dark) .doc-header .btn:hover{
    background: #ffffff;
    border-color: #000000;
    color: #000000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

html:not(.theme-dark) .doc-user-toolbar{
    border-left: none !important;
}

/* 工业蓝图工程矩阵风 (白底黑线版) - 历史记录下拉框与个人中心下拉框适配规范 */
html:not(.theme-dark) #doc-reading-history-panel,
html:not(.theme-dark) #doc-user-dropdown{
    background: #ffffff !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
}

html:not(.theme-dark) #doc-user-dropdown{
    padding: 4px 0 !important;
}

html:not(.theme-dark) #doc-reading-history-panel > div:first-child{
    border-bottom: 1px dashed #cbd5e1 !important;
    background: #ffffff !important;
}

html:not(.theme-dark) #doc-reading-history-panel > div:first-child span{
    color: #0f172a !important;
    font-weight: 700 !important;
}

html:not(.theme-dark) #doc-reading-history-panel > div:first-child a{
    color: #000000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: opacity .15s ease !important;
}

html:not(.theme-dark) #doc-reading-history-panel > div:first-child a:hover{
    opacity: 0.75 !important;
    text-decoration: underline !important;
}

html:not(.theme-dark) .doc-rh-item{
    color: #0f172a !important;
    transition: background .15s ease !important;
}

html:not(.theme-dark) .doc-rh-item:hover,
html:not(.theme-dark) #doc-user-dropdown .doc-dropdown-item:hover{
    background: #f1f5f9 !important;
    color: #000000 !important;
}

html:not(.theme-dark) #doc-user-dropdown .doc-dropdown-item{
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: background .15s ease, color .15s ease !important;
}

html:not(.theme-dark) .doc-rh-cover{
    border-radius: 2px !important;
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
}

html:not(.theme-dark) .doc-rh-cover .doc-rh-icon{
    color: #0f172a !important;
}

html:not(.theme-dark) .doc-rh-title{
    color: #0f172a !important;
    font-weight: 700 !important;
}

html:not(.theme-dark) .doc-rh-progress-bar{
    background: #e2e8f0 !important;
    border-radius: 2px !important;
}

html:not(.theme-dark) .doc-rh-progress-fill{
    background: #000000 !important;
    border-radius: 2px !important;
}

html:not(.theme-dark) .doc-rh-progress-text{
    color: #64748b !important;
}

html:not(.theme-dark) .doc-rh-time{
    color: #94a3b8 !important;
}

/* 暗黑模式适配 */
html.theme-dark #doc-reading-history-panel,
html.theme-dark #doc-user-dropdown{
    background: #0f172a !important;
    border: 1px dashed rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    box-sizing: border-box !important;
}

html.theme-dark #doc-user-dropdown{
    padding: 4px 0 !important;
}

html.theme-dark #doc-reading-history-panel > div:first-child{
    border-bottom: 1px dashed rgba(255, 255, 255, 0.15) !important;
    background: #0f172a !important;
}

html.theme-dark #doc-reading-history-panel > div:first-child span{
    color: #f1f5f9 !important;
    font-weight: 700 !important;
}

html.theme-dark #doc-reading-history-panel > div:first-child a{
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}

html.theme-dark .doc-rh-item{
    color: #cbd5e1 !important;
}

html.theme-dark .doc-rh-item:hover,
html.theme-dark #doc-user-dropdown .doc-dropdown-item:hover{
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

html.theme-dark #doc-user-dropdown .doc-dropdown-item{
    color: #cbd5e1 !important;
}

html.theme-dark .doc-rh-cover{
    border-radius: 2px !important;
    background: #1e293b !important;
    border: 1px dashed rgba(255, 255, 255, 0.2) !important;
}

html.theme-dark .doc-rh-cover .doc-rh-icon{
    color: #cbd5e1 !important;
}

html.theme-dark .doc-rh-title{
    color: #f1f5f9 !important;
    font-weight: 700 !important;
}

html.theme-dark .doc-rh-progress-bar{
    background: #334155 !important;
    border-radius: 2px !important;
}

html.theme-dark .doc-rh-progress-fill{
    background: #ffffff !important;
    border-radius: 2px !important;
}

html.theme-dark .doc-rh-progress-text{
    color: #94a3b8 !important;
}

html.theme-dark .doc-rh-time{
    color: #64748b !important;
}


html:not(.theme-dark) .doc-header .btn.knowledge-member-entry{
    background: linear-gradient(135deg, #ff8a00 0%, #f97316 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 14px 26px rgba(249, 115, 22, .24) !important;
}

html:not(.theme-dark) .doc-header .btn.knowledge-member-entry:hover{
    background: linear-gradient(135deg, #ff9d21 0%, #ea580c 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 32px rgba(249, 115, 22, .3) !important;
}

html:not(.theme-dark) .knowledge-member-entry-icon{
    background: rgba(255,255,255,.12);
}

html:not(.theme-dark) .knowledge-member-entry-price{
    color: #FFD8A8;
}

html:not(.theme-dark) .doc-body-content-div{
    max-width: 1360px;
}

html:not(.theme-dark) .doc-content{
    width: 100%;
    max-width: 1080px;
    min-height: calc(100vh - 52px);
    background: #fff;
    border-top: none;
    border-bottom: 1px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-radius: 0;
    box-shadow: none;
    padding: 32px 36px 40px;
    box-sizing: border-box;
    overflow: visible;
    transition: border-color .2s ease;
}

html:not(.theme-dark) .doc-content:hover{
    border-top: none;
    border-bottom: 1px solid #000000 !important;
    border-left-color: #000000 !important;
    border-right-color: #000000 !important;
    box-shadow: none;
}

html:not(.theme-dark) .doc-info{
    margin: 0 0 24px;
    padding-bottom: 24px;
}

html:not(.theme-dark) .doc-info::after{
    background: linear-gradient(90deg, rgba(235, 231, 223, 0.95), rgba(255, 138, 0, 0.12));
}

html:not(.theme-dark) #content{
    color: var(--kb-shell-text);
    padding-top: 2px;
}

html:not(.theme-dark) #content > *:first-child{
    margin-top: 0 !important;
}

html:not(.theme-dark) .doc-comment,
html:not(.theme-dark) .page-flip-nav,
html:not(.theme-dark) #doc-content-bottom-toolbar{
    max-width: 1040px;
}

html:not(.theme-dark) .doc-comment,
html:not(.theme-dark) .page-flip-nav{
    background: #fff;
    border-color: var(--kb-shell-border);
    border-radius: 28px;
    box-shadow: var(--kb-shell-shadow);
}

html:not(.theme-dark) #doc-content-bottom-toolbar{
    padding-top: 10px;
}

html:not(.theme-dark) .fixed-tool-bar > *{
    background: #fff;
    border: 1px solid var(--kb-shell-border);
    box-shadow: var(--kb-shell-shadow);
}

html:not(.theme-dark) .fixed-tool-bar > *:hover{
    border-color: #ffd7a3;
}

html:not(.theme-dark) .mrdoc-da-card{
    background: #fff;
    border-color: var(--kb-shell-border);
    border-radius: 18px;
    box-shadow: none;
}

html:not(.theme-dark) .mrdoc-da-card:hover{
    box-shadow: var(--kb-shell-shadow);
}

html:not(.theme-dark) .mrdoc-da-content-name:hover,
html:not(.theme-dark) .project-toc-left a:hover,
html:not(.theme-dark) .breadcrumb-container i.layui-icon:hover,
html:not(.theme-dark) .breadcrumb-container a:hover{
    color: #000000 !important;
    text-decoration: none !important;
}

html:not(.theme-dark) .project-toc-right{
    color: #94a3b8;
}

html:not(.theme-dark) .layui-tab-item #doc-tree > li::after,
html:not(.theme-dark) .layui-tab-item #doc-tree > li > ul.sub-menu > li::after,
html:not(.theme-dark) .layui-tab-item #doc-tree > li > ul.sub-menu > li > ul.sub-menu > li::after{
    display: none !important;
    content: none !important;
    border: none !important;
}

html:not(.theme-dark) .markdown-body h1{
    color: var(--kb-shell-text);
    border-bottom-color: #f1ede7;
}

html:not(.theme-dark) .markdown-body h2{
    color: var(--kb-shell-text);
    border-left-color: #FF8A00;
}

html:not(.theme-dark) .markdown-body h3{
    color: var(--kb-shell-text);
    border-left-color: #fed7aa;
}

html:not(.theme-dark) .markdown-body p code{
    background: #fff7ed;
}

html:not(.theme-dark) .markdown-body pre{
    border-color: #f1ede7;
    background: #fff;
}

@media screen and (max-width: 768px){
    html:not(.theme-dark) #doc-container{
        padding: 0;
        gap: 0;
    }

    html:not(.theme-dark) #doc-container-body{
        padding: 0 10px 18px;
    }

    html:not(.theme-dark) #doc-container-sidebar{
        border-radius: 0 24px 24px 0;
        border-left: none;
        border-top: none;
        border-bottom: none;
    }

    html:not(.theme-dark) .doc-header{
        margin: 10px 0 0;
        border-radius: 18px;
        background: rgba(251,249,245,.95);
    }

    html:not(.theme-dark) .doc-content{
        padding: 20px 18px 24px;
        border-radius: 24px;
    }

    html:not(.theme-dark) .doc-comment,
    html:not(.theme-dark) .page-flip-nav{
        border-radius: 22px;
    }
}

@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;
    }
  }

/* ================================================================
   宽幅数据网格型（Excel 与 在线表格）全屏无空隙铺满样式（最高优先级覆盖）
   ================================================================ */
html body #doc-container-body.doc-mode-grid,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid,
html.theme-dark body #doc-container-body.doc-mode-grid {
    width: 100% !important;
    max-width: 100% !important;
}

html body #doc-container-body.doc-mode-grid #doc-scroll-container,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid #doc-scroll-container,
html.theme-dark body #doc-container-body.doc-mode-grid #doc-scroll-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100vh - 52px) !important;
    max-height: calc(100vh - 52px) !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

html body #doc-container-body.doc-mode-grid .doc-body-content,
html body #doc-container-body.doc-mode-grid .doc-body-content-div,
html body #doc-container-body.doc-mode-grid .doc-content,
html body #doc-container-body.doc-mode-grid #content,
html body #doc-container-body.doc-mode-grid .markdown-body,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid .doc-body-content,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid .doc-body-content-div,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid .doc-content,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid #content,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid .markdown-body,
html.theme-dark body #doc-container-body.doc-mode-grid .doc-body-content,
html.theme-dark body #doc-container-body.doc-mode-grid .doc-body-content-div,
html.theme-dark body #doc-container-body.doc-mode-grid .doc-content,
html.theme-dark body #doc-container-body.doc-mode-grid #content,
html.theme-dark body #doc-container-body.doc-mode-grid .markdown-body {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}

html body #doc-container-body.doc-mode-grid .doc-content:hover,
html:not(.theme-dark) body #doc-container-body.doc-mode-grid .doc-content:hover,
html.theme-dark body #doc-container-body.doc-mode-grid .doc-content:hover {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

html body #doc-container-body.doc-mode-grid .xlsx-embed-viewer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

html body #doc-container-body.doc-mode-grid .xlsx-sheet-tabs {
    display: none !important;
}

html body #doc-container-body.doc-mode-grid .xlsx-render-container {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

html body #doc-container-body.doc-mode-grid .xlsx-toolbar,
html body #doc-container-body.doc-mode-grid .docx-toolbar,
html body #doc-container-body.doc-mode-grid .pdf-toolbar,
html body #doc-container-body.doc-mode-grid .doc-info,
html body #doc-container-body.doc-mode-grid .doc-bottom-bar,
html body #doc-container-body.doc-mode-grid .page-flip-nav,
html body #doc-container-body.doc-mode-grid .doc-comment,
html body #doc-container-body.doc-mode-grid .toc-edge-tab,
html body #doc-container-body.doc-mode-grid #toc-container {
    display: none !important;
}

html body #doc-container-body.doc-mode-grid #luckysheet,
html body #doc-container-body.doc-mode-grid [id^="luckysheet-xlsx-viewer"] {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}

/* 公式栏只读保护：保留坐标与公式/内容展示，禁止光标聚焦输入修改 */
#luckysheet-functionbox-cell {
    pointer-events: none !important;
    user-select: text !important;
    -webkit-user-select: text !important;
}
#luckysheet-helpbox {
    pointer-events: none !important;
    user-select: none !important;
}

/* 强隔离规则：彻底清除全局对 Luckysheet 内部所有 table/tr/td 的样式污染（消除 10px 14px padding 和 16px margin） */
html:not(.theme-dark) .markdown-body .xlsx-embed-viewer table,
html:not(.theme-dark) .markdown-body .xlsx-render-container table,
html:not(.theme-dark) .markdown-body .luckysheet table,
html:not(.theme-dark) .markdown-body [id^="luckysheet"] table,
html:not(.theme-dark) .markdown-body table.luckysheet-grid-window-2,
html .markdown-body table.luckysheet-grid-window-2,
table.luckysheet-grid-window-2 {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: transparent !important;
}

html:not(.theme-dark) .markdown-body .xlsx-embed-viewer table tr,
html:not(.theme-dark) .markdown-body .xlsx-render-container table tr,
html:not(.theme-dark) .markdown-body .luckysheet table tr,
html:not(.theme-dark) .markdown-body [id^="luckysheet"] table tr,
html:not(.theme-dark) .markdown-body table.luckysheet-grid-window-2 tr,
html .markdown-body table.luckysheet-grid-window-2 tr,
table.luckysheet-grid-window-2 tr {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html:not(.theme-dark) .markdown-body .xlsx-embed-viewer table td,
html:not(.theme-dark) .markdown-body .xlsx-render-container table td,
html:not(.theme-dark) .markdown-body .luckysheet table td,
html:not(.theme-dark) .markdown-body [id^="luckysheet"] table td,
html:not(.theme-dark) .markdown-body table.luckysheet-grid-window-2 td,
html .markdown-body table.luckysheet-grid-window-2 td,
table.luckysheet-grid-window-2 td,
.luckysheet-paneswrapper {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    box-sizing: content-box !important;
    line-height: normal !important;
    vertical-align: top !important;
}

/* 公式栏：隐藏修改确认/取消按钮，禁用 fx 按钮点击与弹窗 */
#luckysheet-wa-functionbox-cancel,
#luckysheet-wa-functionbox-confirm {
    display: none !important;
}

#luckysheet-wa-functionbox-fx {
    pointer-events: none !important;
    cursor: default !important;
    user-select: none !important;
}

#luckysheet-search-formula,
#luckysheet-search-formula-parm,
#luckysheet-search-formula-parm-select {
    display: none !important;
    pointer-events: none !important;
}

/* 底部 Sheet 栏：隐藏展开下拉菜单小三角与右键菜单 */
.luckysheet-sheets-item-menu,
#luckysheet-rightclick-sheet-menu {
    display: none !important;
    pointer-events: none !important;
}

/* 覆盖 Luckysheet 渲染数据遮罩的 1000000000 超大内联 z-index，确保不遮挡侧边栏 */
#luckysheetloadingdata,
.luckysheet-loading-mask,
.luckysheet-cell-loading,
.luckysheet-modal-dialog-mask {
    z-index: 50 !important;
}

.luckysheet-sheets-item {
    padding-right: 12px !important;
}

/* === PDF 预览样式：无外边框、左右各 1px 优雅边框、无内边距、100% 贴边满宽 === */
.pdf-embed-viewer {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pdf-pages-container {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    width: 100% !important;
}

.pdf-page {
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    border: none !important;
    line-height: 0 !important;
    margin: 0 !important;
}

.pdf-page canvas {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* === DOCX 预览样式：左右各 1px 优雅边框、20pt 内边距、等比自适应满宽 === */
.docx-embed-viewer {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

.docx-render-container {
    padding: 0 !important;
    background: transparent !important;
    min-height: 200px !important;
    overflow: visible !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #000000 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.docx-render-container > div,
.docx-render-container .docx-wrapper,
.docx-render-container .docx-preview-rendered-wrapper {
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    border: none !important;
}

.docx-page-frame {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: block !important;
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
}

.docx-render-container > div > section,
.docx-render-container .docx-wrapper > section,
.docx-render-container .docx-preview-rendered-wrapper > section,
section.docx-preview-rendered,
section.docx {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
}

.docx-render-container table,
.docx-preview-rendered table,
.markdown-body .docx-render-container table,
.markdown-body .docx-preview-rendered-wrapper table {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    background: transparent !important;
}

.docx-render-container table td,
.docx-render-container table th,
.docx-preview-rendered table td,
.docx-preview-rendered table th,
.markdown-body .docx-render-container table td,
.markdown-body .docx-render-container table th {
    padding: 0 !important;
}

/* 文件预览外壳强隔离：彻底去除 markdown-body 默认的 10px padding */
.markdown-body.markdown-body-file-shell,
#content.markdown-body-file-shell,
.markdown-body-file-shell,
.markdown-body-file-shell .markdown-body,
.doc-mode-grid #content,
.doc-mode-grid .markdown-body {
    padding: 0 !important;
}

/* === PDF / Word 预览文档底部留白适配：顶左右贴齐自适应，底端保持与富文本/Markdown一致的40px舒适呼吸间距 === */
#doc-content.markdown-body-file-shell-parent,
#doc-content:has(.docx-embed-viewer),
#doc-content:has(.pdf-embed-viewer) {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 40px !important;
}

/* === PDF / Word 页面连接处优雅分割线（包含“第 X 页，共 Y 页”徽章） === */
.mrdoc-page-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    user-select: none !important;
    background: transparent !important;
}

.mrdoc-page-divider-line {
    flex: 1 !important;
    height: 1px !important;
    background: #e2e8f0 !important;
    border: none !important;
}

.mrdoc-page-divider-badge {
    padding: 3px 16px !important;
    font-size: 12px !important;
    color: #94a3b8 !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    margin: 0 14px !important;
    white-space: nowrap !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html.theme-dark .mrdoc-page-divider-line {
    background: #334155 !important;
}

html.theme-dark .mrdoc-page-divider-badge {
    background: #1e293b !important;
    color: #64748b !important;
    border-color: #334155 !important;
}

html.theme-dark .pdf-pages-container,
html.theme-dark .docx-page-frame {
    border-left-color: #334155 !important;
    border-right-color: #334155 !important;
}

/* === 会员限制引导遮罩与居中高级卡片 === */
.vip-lock-overlay {
    position: relative;
    margin-top: -100px;
    padding: 0 20px 48px;
    z-index: 20;
}
.vip-lock-fade {
    height: 140px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.88) 60%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}
.vip-lock-box {
    position: relative;
    background: #ffffff;
    border: 1px solid #ebe7df;
    border-radius: 16px;
    padding: 36px 36px 34px;
    text-align: center;
    margin: 0 auto;
    max-width: 580px;
    box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.08);
    z-index: 10;
    box-sizing: border-box;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.vip-lock-box:hover {
    border-color: #ddd6c8;
    box-shadow: 0 16px 34px -12px rgba(0, 0, 0, 0.12);
}
.vip-lock-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.vip-lock-title {
    font-size: 20px;
    font-weight: 700;
    color: #1A1A1A;
    letter-spacing: -0.01em;
    margin: 0 0 10px;
    line-height: 1.4;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.vip-lock-desc {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 20px;
}
.vip-lock-benefit-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 18px;
}
.vip-lock-benefit-divider::before,
.vip-lock-benefit-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #ebe7df;
}
.vip-lock-benefit-title {
    margin: 0 14px;
    padding: 4px 12px;
    border-radius: 6px;
    background: #f7f3ec;
    border: 1px solid #ebe7df;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #6b7280;
}
.vip-lock-benefits {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 26px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    text-align: left !important;
}
.vip-lock-benefits li {
    list-style: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 9px 14px !important;
    background: #f7f3ec !important;
    border: 1px solid #ebe7df !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #1A1A1A !important;
    font-weight: 500 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}
.vip-lock-benefits li:hover {
    background: #f2ece1 !important;
    border-color: #ddd6c8 !important;
    color: #1A1A1A !important;
}
.vip-lock-benefits li::before {
    content: none !important;
    display: none !important;
}
.vip-lock-benefits .benefit-check-icon {
    flex-shrink: 0 !important;
}
.vip-lock-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
.vip-lock-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}
.vip-lock-btn-primary {
    background: #FF8A00;
    color: #ffffff !important;
    border: 1px solid #FF8A00;
    box-shadow: 0 6px 16px rgba(255, 138, 0, 0.22);
}
.vip-lock-btn-primary:hover {
    background: #F07C00;
    border-color: #F07C00;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(255, 138, 0, 0.28);
}
.vip-lock-btn-primary:active {
    transform: translateY(0);
}
.vip-lock-btn-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    height: 26px;
    padding: 0 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.34);
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
}

/* 工业表格模式下的遮罩调整 */
.doc-mode-grid .vip-lock-overlay {
    position: absolute !important;
    top: 118px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100% - 118px) !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    background: rgba(251, 249, 245, 0.92) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-top: 1px solid #ebe7df !important;
}
.doc-mode-grid .vip-lock-fade {
    display: none !important;
}

/* 移动端响应式 */
@media(max-width:640px){
    .vip-lock-box {
        padding: 28px 18px 24px;
    }
    .vip-lock-benefits {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .vip-lock-btn {
        width: 100%;
        justify-content: space-between;
        padding: 12px 18px;
    }
}

/* 暗黑模式自适应 */
html.theme-dark .vip-lock-fade {
    background: linear-gradient(to bottom, rgba(15, 23, 42, 0), rgba(15, 23, 42, 0.88) 60%, rgba(15, 23, 42, 1) 100%);
}
html.theme-dark .vip-lock-box {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
}
html.theme-dark .vip-lock-box:hover {
    border-color: #475569;
}
html.theme-dark .vip-lock-title {
    color: #f8fafc;
}
html.theme-dark .vip-lock-desc {
    color: #94a3b8;
}
html.theme-dark .vip-lock-benefit-divider::before,
html.theme-dark .vip-lock-benefit-divider::after {
    background: #334155;
}
html.theme-dark .vip-lock-benefit-title {
    background: #0f172a;
    border-color: #334155;
    color: #cbd5e1;
}
html.theme-dark .vip-lock-benefits li {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}
html.theme-dark .vip-lock-benefits li:hover {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}
html.theme-dark .vip-lock-btn-primary {
    background: #f8fafc;
    border-color: #f8fafc;
    color: #0f172a !important;
}
html.theme-dark .vip-lock-btn-primary:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #0f172a !important;
}
html.theme-dark .doc-mode-grid .vip-lock-overlay {
    background: rgba(15, 23, 42, 0.85) !important;
    border-top: 1px solid rgba(51, 65, 85, 0.8) !important;
}

/* 彻底停用并隐藏上一篇/下一篇翻页导航组件 */
.page-flip-nav {
    display: none !important;
}

/* ================= 工业蓝图工程矩阵风 (白底黑线版) - 右侧文章目录按钮与展开框规范 ================= */
html:not(.theme-dark) .toc-edge-tab {
    width: 36px !important;
    height: 36px !important;
    background: #ffffff !important;
    border: 1px dashed #94a3b8 !important;
    border-right: none !important;
    border-radius: 4px 0 0 4px !important;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.05) !important;
    color: #0f172a !important;
    transition: all .2s ease !important;
}

html:not(.theme-dark) .toc-edge-tab:hover {
    color: #000000 !important;
    background: #f1f5f9 !important;
    border-color: #000000 !important;
    border-style: solid !important;
    box-shadow: -3px 2px 10px rgba(0, 0, 0, 0.08) !important;
    width: 38px !important;
}

html:not(.theme-dark) .toc-edge-tab.toc-edge-active {
    color: #0f172a !important;
    border-color: #94a3b8 !important;
    border-style: dashed !important;
}

html:not(.theme-dark) .toc-edge-tab.toc-edge-active:hover {
    color: #000000 !important;
    border-color: #000000 !important;
    border-style: solid !important;
    background: #f1f5f9 !important;
}

html:not(.theme-dark) #toc-container.sidebar {
    background: #ffffff !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

html:not(.theme-dark) #toc-container.sidebar:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

html:not(.theme-dark) #toc-container .toc-header {
    border-bottom: 1px dashed #cbd5e1 !important;
    padding-bottom: 10px !important;
    margin-bottom: 8px !important;
}

html:not(.theme-dark) #toc-container .toc-header-left {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html:not(.theme-dark) #toc-container .toc-header-left svg {
    color: #0f172a !important;
}

html:not(.theme-dark) #toc-container.sidebar ul ul {
    border-left: 1px dashed #cbd5e1 !important;
}

html:not(.theme-dark) #toc-container.sidebar a,
html:not(.theme-dark) #toc-container.sidebar .vditor-outline li > span {
    color: #0f172a !important;
    font-size: 13px !important;
    border-radius: 2px !important;
    border-left: 2px solid transparent !important;
    box-sizing: border-box !important;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}

html:not(.theme-dark) #toc-container.sidebar a:hover,
html:not(.theme-dark) #toc-container.sidebar .vditor-outline li > span:hover {
    color: #000000 !important;
    background: #f1f5f9 !important;
}

html:not(.theme-dark) #toc-container.sidebar .active {
    color: #000000 !important;
    font-weight: 700 !important;
    background: #f1f5f9 !important;
    border-left: 2px solid #000000 !important;
    border-radius: 2px !important;
}

/* 暗黑模式下的目录标签与容器规范 */
html.theme-dark .toc-edge-tab {
    width: 36px !important;
    height: 36px !important;
    background: #0f172a !important;
    border: 1px dashed rgba(255, 255, 255, 0.2) !important;
    border-right: none !important;
    border-radius: 4px 0 0 4px !important;
    color: #cbd5e1 !important;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.3) !important;
    transition: all .2s ease !important;
}

html.theme-dark .toc-edge-tab:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    border-style: solid !important;
    color: #ffffff !important;
    width: 38px !important;
}

html.theme-dark .toc-edge-tab.toc-edge-active {
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html.theme-dark .toc-edge-tab.toc-edge-active:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    border-style: solid !important;
}

html.theme-dark #toc-container.sidebar {
    background: #0f172a !important;
    border: 1px dashed rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

html.theme-dark #toc-container .toc-header {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.15) !important;
}

html.theme-dark #toc-container .toc-header-left {
    color: #f1f5f9 !important;
    font-weight: 700 !important;
}

html.theme-dark #toc-container .toc-header-left svg {
    color: #cbd5e1 !important;
}

html.theme-dark #toc-container.sidebar ul ul {
    border-left: 1px dashed rgba(255, 255, 255, 0.2) !important;
}

html.theme-dark #toc-container.sidebar a,
html.theme-dark #toc-container.sidebar .vditor-outline li > span {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    border-radius: 2px !important;
    border-left: 2px solid transparent !important;
    box-sizing: border-box !important;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}

html.theme-dark #toc-container.sidebar a:hover,
html.theme-dark #toc-container.sidebar .vditor-outline li > span:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

html.theme-dark #toc-container.sidebar .active {
    color: #ffffff !important;
    font-weight: 700 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-left: 2px solid #ffffff !important;
    border-radius: 2px !important;
}

/* ================= Mermaid 流程图与图表节点文本渲染规范（防止外层行高污染导致框体截断） ================= */
.language-mermaid .node foreignObject,
.mermaid .node foreignObject {
    overflow: visible !important;
}
.language-mermaid .node .label,
.language-mermaid .node foreignObject div,
.language-mermaid .node foreignObject .nodeLabel,
.language-mermaid .node foreignObject span,
.mermaid .node .label,
.mermaid .node foreignObject div,
.mermaid .node foreignObject .nodeLabel,
.mermaid .node foreignObject span {
    line-height: 1.25 !important;
    text-align: center !important;
}
.language-mermaid .edgeLabel,
.mermaid .edgeLabel {
    line-height: 1.25 !important;
}