/*------------------- 一级布局 -----------------------------  */
.container1 {
    text-align: left;
    margin: 8px auto;
    padding: 5px 0px;
    width: 1100px;
    min-height: 1000px;
    font-family: 微软雅黑, Arial, 宋体;
}

/*------------------- 主题 -----------------------------  */
.leftbar {
    float: left;
    width: 850px;
    min-height: 400px;
    margin: 8px 0px;
    padding: 5px 30px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 4px; /* Gecko browsers */
    -webkit-border-radius: 4px; /* Webkit browsers */
    border-radius: 4px; /* W3C syntax */
    position: relative;

}


.rightbar
{
    float: left;
    width: 232px;
    margin: 8px 18px 8px 0px;
    padding:2px;
    text-align: left;
}

.artTitle
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    margin: 22px 0px 5px 0px;
    font-size: 24px;
    font-weight: bold;
    color: #222;
    border: 0px solid #333;
}
.artTime {
    float: left;
    width: 100%;
    padding: 8px 2px;
    margin: 5px 0px;
    border-bottom: 1px dotted #888;
}


.artTime .help {
    display: inline-block; /* 确保帮助元素与作者字段同一行 */
    margin-left: 20px; /* 距离作者字段 20px */
    margin-bottom: 3px;
 }


.artTime .hits {
    float: right;
    margin-right: 5px; /* 确保紧靠 .likebutton */
    margin-top: 15px; /* 增加上边距，使元素向下移动 */
}

.artTime .hitsn
{
    font-weight: bold;
    font-size: 14px;
    color: #d55;
}

.artTime .LC 
{
/*    width:16px !important;
    height:16px !important;*/
    font-weight: bold;
    font-size: 14px;
    color: #8a8a8a;
/*    padding-left:35px;*/
    margin-top:4px;
    margin-left:20px;

/*    background:#e16464;*/
 }

.artVideo
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.art
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.art a:link, .art a:visited
{
    color: #0000bb;
    text-decoration: none;
}
.art a:hover
{
    /*color: #ed5200;*/
    text-decoration: underline;
}
.artMenu {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    margin-top: 5px;
    clear: both; /* 确保在浮动元素下方显示 */
    padding-bottom: 40px;
}

    
.vbaGif
{float: left;
    width: 100%; margin-bottom:10px;
    padding-bottom: 20px;
    }
.vbaCode
{ float: left;
    width: 100%;
    font-size:14px; line-height:20px;
    margin-bottom:4px;
    }
/*----------*/
.info
{
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 0px 20px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 2px; /* Gecko browsers */
    -webkit-border-radius: 2px; /* Webkit browsers */
    border-radius: 2px; /* W3C syntax */
}

.info .infoTitle
{
    float: left;
    width: 100%;
    padding: 2px 2px;
    margin: 12px 0px 5px 0px;
    font-size: 18px;
    color: #222;
    border-bottom: 0px solid #999;
}
.info .infoMain
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 13px;
    color: #333;
    line-height: 30px;
}
/*------------------------------------------*/
.catlog
{
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 2px; /* Gecko browsers */
    -webkit-border-radius: 2px; /* Webkit browsers */
    border-radius: 2px; /* W3C syntax */
}
.catlog .infoTitle
{
    float: left;
    width: 100%;
    padding: 9px 20px 6px 20px;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    color: #222; background-color:#f8f8f8;
    border-bottom: 1px solid #bbb;
}
.catlog .infoMain
{
    float: left;
    width: 100%;
    padding: 4px 0px; margin:0;
    font-size: 14px;
    color: #333;background-color:#fff;
    line-height: 30px;
}

.infoMain ul{ float:left; width:100%; margin:0; padding:0; border:0px solid #333;}
.infoMain ul li{ width:100%; float:left; margin:0;  padding:0; }
.infoMain ul li a{ width:100%; display:block;
                   padding:0px 20px 0px 21px; border-bottom:0px solid #e2e2e2;
                   }
.infoMain ul li a:hover{  text-decoration:none; background-color:#f1f1f1;
                          color:#333;
                          }
.infoMain ul li .icon{ color:#999;}
/*------------------- 编辑 -----------------------------  */
.postBlock
    {
        width:90%; margin:2px 0px; float:left;
        text-align:left;
        }
/*----------------- aspnet pager -----------------------*/
.pages { color: #999; 
         float:left; width:100%; text-align:left;
         margin-top:15px;
         }
.pages a, .pages .cpb { /*float: left; margin:0 2px; */
                        margin:0 auto;
                        padding: 4px 8px; 
                        border: 1px solid #ddd;background: #ffff;
                        text-decoration:none; font-size:13px; color:#000;}
.pages a:hover { border:1px solid #777; text-decoration:none; cursor:pointer;}
.pages .cpb { font-weight: bold; color: #333; background: #fff;  }


/*----------------- index 列表 -----------------------*/
 .partTitle
 {float:left; width:100%;  padding:4px 2px 6px 2px;
  font-size:14px; color:#555; font-weight:bold; line-height:30px; border-bottom:1px solid #aaa;
     }
 .artList
 {float:left; width:100%;  padding:6px 2px;
  font-size:16px; color:#333; line-height:24px; 
  
     }
 .artList li{ float:left; width:100%; margin:5px 0px 5px 0px; 
              border-bottom:1px solid #ededed; padding-bottom:0px; 
              font-size:14px;
              }

 .artList li .board
 {  float:left; width:8%; margin-bottom:4px;color:#555; font-size:14px;
     }
      .artList li .board span{ color:#888; font-size:14px;}
      
 .artList li .dt
 {  float:left; width:18%; margin-bottom:4px;color:#666;font-size:14px;
     }            
 .artList li .tt
 {  float:left; width:72%; margin-bottom:4px;
     }
 .artList li .tt a
 {   color:#2222bb;  font-size:14px;
      font-weight:normal; color:#333; text-decoration:none;
     }  
  .artList li .tt a:hover
 {    text-decoration:underline;
     }     
      
   .artList li .tt img
 {    padding:0; margin:0;  margin-top:-3px; margin-left:3px;
     }  
/*----------------- 搜索 列表 -----------------------*/
 .searchResult
 {float:left; width:100%;  padding:4px 2px;
  font-size:12px; color:#999; line-height:30px;
     }
 .searchList
 {float:left; width:100%;  padding:4px 2px;
  font-size:16px; color:#333; line-height:24px;
  
     }
 .searchList li{ float:left; width:100%; margin:4px 0px 10px 0px; 
              border-bottom:0px solid #ddd; padding-bottom:0px; 
              font-size:15px;
              }
 .searchList li .tt
 {  float:left; width:100%; margin-bottom:3px;
     }
 .searchList li .tt a
 {   color:#0000bb; font-weight:normal; font-size:15px; text-decoration:none;
     }  
  .searchList li .tt a:hover
 {    text-decoration:underline;
     }     
      
 .searchList li .preview
 {  float:left; width:100%;
     font-size:13px; color:#333; border:0px solid #333; padding:0; margin:0;
     }

.pageTopic {
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 14px;
}

/*----------------- 知识库评论   -----------------------*/

.mainSeg {
    float: right;
    width: 850px;
    padding: 0px;
    margin-bottom:8px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    /*background: #d55;*//*红色*/
}


.comment-list {
   padding: 2px 0;
   /*background: #efe512;*/ /* 黄色 */
}
.card-main {
    border-bottom: 1px solid #ccc;
    width: 850px; 
    /*background: #b289b5;*/ /* 紫色 */
    height: auto; 
    margin: 2px 0; 
    display: flex; 
    align-items: flex-start; 
}

.card-box {
    /*background: #bfa1c3;*/ /* 浅紫色 */
    width: 100%; 
    padding: 5px 5px; 
    margin:5px 5px;
    display: flex; 
}

.img-box {
    width: 55px;
    height: auto;
    /*background: #1fd4c5;*/ /* 薄荷绿 */
    margin-top:5px;
    padding-top:2px;
    flex-shrink: 0; 
}

.comment-box {
    /*background: #d84683;*/ /* 粉色 */
    width: auto;
    height: auto;
    margin-left: 5px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 子元素靠左对齐 */
}

.userName {
    margin-top:5px;
    padding:3px;
    height: 35px;
    width: auto;
    /*background:#27417e;*//*blue*/
}

.comment-item {
    height: auto; 
    width: auto;
    margin-top: 3px; 
    padding:5px;
    /*background:#e7832d;*//*orange*/
}

.comment-time {
    height: auto;
    width: auto;
    padding-top: 3px;
    margin: 5px;
    color: #888;
    /*background:#45df31;*/ /*草绿色*/
}


.comment-input {
    flex: 1;
    padding: 10px;
    width: 100% ;
    border: 0px solid #ddd;
    border-radius: 4px;
    visibility: hidden;
    height: 15px; 
}

.submit-button {
    margin-left: 10px;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

 .submit-button:hover {
        background-color: #0056b3;
  }


.custom-panel {
    width: 100%; 
    margin: 20px 0px; 
    flex-direction: column; 
    align-items: flex-start; 
    margin-top: 5px;
}




.panel-heading {
    /* background: #c3bebe;*/
    width: 100%;
    height: 45px;
    margin-top: 5px;
    padding-top: 12px; /*12*/
    border-bottom: 1px solid #f3f2f0;
}

.soft-heading {
    padding: 10px;
    margin-bottom: 5px;
    /*background: #c3bebe;*/
    border-bottom: 1px solid #f3f2f0;
}

.user-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.comment-input-wrapper {
    clear: both;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    margin-top: 45px;
    
}

.form-group.row {
    margin: 0;
    padding: 0;
}


textarea {
    width: 100%; 
    height: 50px; 
    resize: none; 
    box-sizing: border-box; 
    margin-top: 10px; 
    visibility: visible; 
}

.comment-button {
    text-align: center; 
    margin-top: 15px; 
}

/*.btn-small {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px; 
}*/

.pageTopicComment {
    float: left;
    width: 100%;
    padding: 2px;
    margin-left:3px;
    height: 10px;
    font-size: 14px;
}


.pageSoftComment {
    float: left;
   /* width: 80%;*/
    padding: 2px;
    margin-left: 3px;
    /* height: 10px;*/
    margin-top: 10px;
}

.noComments {
    text-align: center;
    font-size: 16px;
    color: #888;
    padding-top: 10px;
    margin-right: 15px;
}

.noScore {
    text-align: center;
    font-size: 16px;
    color: #888;
    padding-top: 10px;
    margin-right: 15px;
}

.btn-container {
    width: 60px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-top: 12px;
    /*    display: flex;*/
    position: relative;
    display: inline-flex;
    align-items: center;
    /*align-items: center;*/ /* 垂直居中对齐 */
    /*justify-content: start;*/ /* 水平排列 */
}






.thumb {
    position: absolute;
    top: 65%;
    left: 25%;
    width: 16px !important;
    height: 16px !important;
    transform: translate(-50%, -50%);
    z-index: 0; /* 确保 object 在按钮下面 */
    margin-right: 2px;
}



.btn-small {
    display: flex;
    justify-content: center; 
    align-content: center;
    width: 60px;
    height: 25px;
    padding: 0px 1px; 
    font-size: 14px;
    line-height: 1.2;
    position: relative;
    z-index: 1; 
    background-color: transparent; /* 背景透明 */
    border: none;
    outline: none;
}

.modal-header {
    padding: 2px; /* 调整内边距，默认值是 15px */
    margin-bottom:8px;
    border-bottom: none;
   /* height:40px;*/
}

.modal-title {
    font-size: 20px; /* 可选，调整标题的字体大小 */
    font: bold;
}

.modal-body {
    display: flex;
    flex-direction: column;
    margin: 5px;
    padding-top: 9px;
    padding-left: 15px;
    border-top: none; /* 移除上边框 */
    border-bottom: none; /* 移除下边框 */
    /*background:#91d7a3;*/
    width: 40%;
    
}


.SftInfo {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding:10px;
    font-size: 14px;
    transition: background-color 0.3s ease;
}
    .SftInfo:hover {
        background-color: #f3f2f0; /* 悬停时的背景颜色 #f8f9e9*/
    }


.btn-secondary {
   padding-bottom:5px;
   margin-right:2px;
}




.sofunInfo {
    float: left;
    width: 93%;
    padding: 8px 2px;
    margin: 5px 0px;
    border-top: 1px dotted #888;
    justify-content: space-between;
    bottom: 0 !important;
    position: absolute;
    font:blod;
    /*width:788px;*/
}


.note-container {
    border-left: 4px solid #007bff; /* 蓝色的左侧边框 */
    background-color: #f9f9f9; /* 浅灰色背景 */
    padding: 20px; /* 内边距 */
    margin: 15px 0; /* 外边距 */
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    transition: transform 0.4s, width 0.4s; /* 过渡效果 */
    overflow: visible; /* 显示超出内容 */
}

.note-container:hover {
    transform: scale(1.05); /* 鼠标悬停时放大效果 */
    border-left-color: #0056b3; /* 左侧边框颜色变化 */
    }

.firstContainer {
    display:flex;
}
.leftpart, .rightpart {
    /*flex: 1;*/ /* 两个子容器等宽 */
    padding: 10px;

}

.leftpart {
    /* background-color: lightblue;*/
    width: 40%;
    border: 1px solid #c1c1c1;
    border-right:none;
    /*-moz-border-radius: 1px;*/ /* Gecko browsers */
    /*-webkit-border-radius: 4px;*/ /* Webkit browsers */
   
    /* border-right: 1px solid #ccc;*/ /*添加右边框并指定颜色和样式 */
}


.rightpart {
    /*background-color: lightgreen;*/
    width: 60%;
    display: right;
    border: 1px solid #c1c1c1;
}


.softComment-main {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #f3f2f0;
}

.softfun-body {
    margin-left:10px;
    text-align: left;
    font-size:15px!important;
}

.modal-dialog {
    width:80%;
}


.modal-content {
    display: flex;
    flex-direction: column;
    height: 80vh; /* 设置模态框高度为视口高度的80% */
}

.modBoxContainer {
    display: flex;
    flex-grow: 1; /* 让这个容器占据剩余的空间 */
    overflow: hidden; /* 防止内容溢出 */
    padding:5px,5px;
}


.softfunComments {
    width: 60%; /* 右侧评论部分占40% */
    /* background-color: #e395ee;*/
    padding: 10px;
    margin-left: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #ccc;
    /*    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
}


.modal-footer {
    padding: 5px 5px; /* 调整内边距，默认值是 15px */
    margin-right: 3px;
    margin-bottom: 2px;
    border-top: none;
    position: absolute; /* 将 footer 绝对定位 */
    bottom: 25px; /* 调整底部距离，向上移动 10px */
    left: 0;
    right: 0;
    height: 20px;
}


.pageModal {
    margin-top:15px;
}

.soft {
    height:18px;
    width:18px;
    padding-bottom:3px;
    
}

.soften {
    height: 20px;
    width: 20px;
}

/* =========================
   现代知识库阅读布局
   ========================= */
.kb-site-body .legacy-topbar {
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 620px) minmax(220px, 1fr);
    background: rgba(255, 255, 255, .985);
    border-bottom-color: #ced9d1;
    box-shadow: 0 2px 8px rgba(24, 55, 37, .08), 0 8px 22px rgba(24, 55, 37, .035);
}

.kb-site-body .wb-mobile-menu { display: none !important; }
body.kb-site-body { background: #fff; }

.kb-site-body {
    --kb-catalog-width: 296px;
    --kb-catalog-bg: #f4f6f5;
    --kb-catalog-surface: #f8f9f8;
    --kb-catalog-hover: #ebefec;
    --kb-catalog-active: #e5efe8;
}

.kb-site-body > .container1 {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    overflow: visible !important;
    background: #fff !important;
}

.kb-site-body > #footer,
.kb-site-body > .legacy-footer,
.kb-site-body.is-sidebar-collapsed > #footer,
.kb-site-body.is-sidebar-collapsed > .legacy-footer {
    width: auto;
    margin-left: var(--kb-catalog-width) !important;
}

.kb-site-body.is-sidebar-collapsed > .container1 { margin-left: 0 !important; }

.kb-reader-layout {
    display: grid;
    width: 100%;
    margin: 0;
    grid-template-columns: var(--kb-catalog-width) minmax(0, 1fr);
    align-items: start;
    gap: 0;
    background: #fff;
}

.legacy-wb-body .kb-catalog {
    position: fixed;
    z-index: 30;
    top: var(--wb-topbar-height);
    left: 0;
    display: flex;
    width: var(--kb-catalog-width);
    height: calc(100vh - var(--wb-topbar-height));
    max-height: calc(100vh - var(--wb-topbar-height));
    min-height: 0;
    float: none;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: var(--kb-catalog-bg);
    border: 0;
    border-right: 1px solid #d8e0da;
    border-radius: 0;
    box-shadow: 4px 0 14px rgba(24, 55, 37, .035);
}

.kb-catalog svg,
.kb-catalog-mobile-toggle svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kb-catalog-header {
    display: flex;
    min-height: 50px;
    align-items: center;
    padding: 0 20px 0 24px;
    gap: 12px;
    background: var(--kb-catalog-surface);
    border-bottom: 1px solid #dfe5e1;
}

.kb-catalog-title {
    display: block;
    min-width: 0;
    flex: 1;
    color: var(--wb-ink) !important;
    text-decoration: none !important;
}
.kb-catalog-title strong { overflow: hidden; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }

.kb-catalog-collapse-all {
    flex: 0 0 auto;
    padding: 4px 0;
    color: #8a918c;
    background: transparent;
    border: 0;
    font-size: 11px;
    cursor: pointer;
}
.kb-catalog-collapse-all:hover { color: var(--wb-brand-strong); }

.kb-catalog-icon-button {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    padding: 0;
    place-items: center;
    color: var(--wb-muted);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}
.kb-catalog-icon-button:hover { color: var(--wb-ink); background: var(--kb-catalog-hover); }
.kb-mobile-only { display: none; }

.kb-catalog-search {
    display: flex;
    min-height: 40px;
    align-items: center;
    margin: 20px 24px 10px;
    padding-left: 11px;
    color: var(--wb-muted);
    background: #fff;
    border: 1px solid #dfe3e1;
    border-radius: 2px;
}
.kb-catalog-search > svg { width: 16px; height: 16px; flex: 0 0 auto; }
.kb-catalog-search input {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 8px;
    color: var(--wb-text);
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 13px;
}
.kb-catalog-search button {
    width: 44px;
    flex: 0 0 44px;
    height: 30px;
    margin-right: 4px;
    padding: 0 9px;
    color: #68706b;
    background: transparent;
    border: 0;
    border-left: 1px solid #e4e7e5;
    border-radius: 0;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
}

.kb-tree-navigation { min-height: 0; flex: 1; overflow-x: hidden; overflow-y: auto; padding: 0 0 16px; scrollbar-width: thin; }
.kb-tree-home {
    display: flex;
    min-height: 40px;
    align-items: center;
    margin: 0 16px;
    padding: 0 8px;
    gap: 10px;
    color: var(--wb-text) !important;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
}
.kb-tree-home:hover { background: var(--kb-catalog-hover); }
.kb-tree-home svg { width: 17px; height: 17px; color: var(--wb-brand); }
.kb-tree-heading { display: flex; align-items: baseline; justify-content: space-between; padding: 19px 24px 8px; color: #8a918c; }
.kb-tree-heading span { font-size: 12px; font-weight: 600; letter-spacing: .04em; }
.kb-tree-heading small { font-size: 10px; }
.kb-tree, .kb-tree-children { margin: 0; padding: 0; list-style: none; }
.kb-tree-node { width: auto; min-width: 0; margin: 0 16px; padding: 7px 0; overflow: hidden; border-bottom: 1px solid #e5e9e6; }
.kb-tree-row {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 25px minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    border-radius: 2px;
}
.kb-tree-row:hover { background: var(--kb-catalog-hover); }
.kb-tree-toggle {
    position: relative;
    width: 25px;
    height: 34px;
    flex: 0 0 auto;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
}
.kb-tree-toggle span::before {
    position: absolute;
    top: 50%;
    left: 8px;
    width: 6px;
    height: 6px;
    content: "";
    border-right: 1.5px solid #7c8580;
    border-bottom: 1.5px solid #7c8580;
    transform: translateY(-65%) rotate(-45deg);
    transition: transform .16s ease;
}
.kb-tree-node.is-open > .kb-tree-row .kb-tree-toggle span::before { transform: translateY(-70%) rotate(45deg); }
.kb-tree-label {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 8px 8px 0;
    color: #202824 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.kb-tree-label.is-active { color: var(--wb-brand-strong) !important; }
.kb-tree-label:focus:not(:focus-visible) { outline: none; }
.kb-tree-label:focus-visible { outline: 2px solid rgba(31, 122, 72, .38); outline-offset: -2px; border-radius: 6px; }
.kb-tree-children { display: grid; padding: 1px 0 3px; gap: 0; }
.kb-tree-children[hidden] { display: none; }
.kb-tree-page, .kb-tree-more { min-width: 0; }
.kb-tree-page a,
.kb-tree-more a {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 10px 8px 25px;
    color: #4f5852 !important;
    border-radius: 2px;
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb-tree-page a:hover { color: var(--wb-brand-strong) !important; background: var(--kb-catalog-hover); }
.kb-tree-page a.is-active { color: var(--wb-brand-strong) !important; background: var(--kb-catalog-active); font-weight: 600; }
.kb-tree-more a { color: var(--wb-brand-strong) !important; font-weight: 650; }
.kb-tree-status { padding: 8px 10px 8px 25px; color: #98a199; font-size: 11px; }
.kb-tree-status.is-error { color: #a85d55; }

.kb-catalog-footer { display: flex; min-height: 44px; align-items: center; justify-content: center; padding: 8px 12px; gap: 8px; background: var(--kb-catalog-surface); border-top: 1px solid #dfe5e1; font-size: 11px; }
.kb-catalog-footer a { color: var(--wb-muted) !important; text-decoration: none !important; }
.kb-catalog-footer a:hover { color: var(--wb-brand-strong) !important; }
.kb-catalog-footer span { color: #c2c9c4; }
.kb-catalog-mobile-toggle, .kb-catalog-backdrop { display: none; }

.kb-document-loading::before {
    position: fixed;
    z-index: 90;
    top: var(--wb-topbar-height);
    right: 0;
    left: var(--kb-catalog-width);
    height: 2px;
    content: "";
    background: linear-gradient(90deg, transparent, var(--wb-brand), transparent);
    background-size: 42% 100%;
    animation: kb-document-progress .9s linear infinite;
}
.kb-document-loading .kb-content { opacity: .62; transition: opacity .12s ease; }
@keyframes kb-document-progress { from { background-position: -70% 0; } to { background-position: 170% 0; } }

.legacy-wb-body .kb-content {
    grid-column: 2;
    width: auto;
    min-width: 0;
    max-width: 1120px;
    min-height: calc(100vh - var(--wb-topbar-height) - 118px);
    float: none;
    margin: 0;
    padding: 26px 46px 46px;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.kb-content .partTitle { float: none; padding: 0 0 18px; color: var(--wb-ink); border-bottom: 1px solid var(--wb-line); font-size: 22px; line-height: 1.35; }
.kb-content .partTitle .glyphicon { display: none; }
.kb-content .artList { display: grid; width: 100%; float: none; margin: 0; padding: 8px 0; gap: 0; }
.kb-content .artList li { display: grid; width: 100%; min-height: 58px; float: none; grid-template-columns: 82px minmax(0, 1fr) 142px; align-items: center; margin: 0; padding: 8px 7px; border-bottom: 1px solid #edf1ee; border-radius: 7px; }
.kb-content .artList li:hover { background: #fafcfb; }
.kb-content .artList li .board,
.kb-content .artList li .tt,
.kb-content .artList li .dt { width: auto; float: none; margin: 0; }
.kb-content .artList li .board { color: var(--wb-brand-strong); font-size: 12px; }
.kb-content .artList li .tt a { color: var(--wb-ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.kb-content .artList li .tt a:hover { color: var(--wb-brand-strong); }
.kb-content .artList li .dt { color: var(--wb-muted); font-size: 12px; text-align: right; }
.kb-content .searchResult { width: 100%; float: none; padding: 0 0 18px; color: var(--wb-muted); border-bottom: 1px solid var(--wb-line); font-size: 13px; }
.kb-content .searchList { width: 100%; float: none; padding: 10px 0; }
.kb-content .searchList li { width: 100%; float: none; margin: 0; padding: 16px 4px; border-bottom: 1px solid var(--wb-line); }
.kb-content .searchList li .tt,
.kb-content .searchList li .preview { width: 100%; float: none; }
.kb-content .searchList li .tt a { color: var(--wb-ink); font-size: 16px; font-weight: 650; }
.kb-content .searchList li .preview { margin-top: 7px; color: var(--wb-muted); line-height: 1.7; }
.kb-content .pageTopic { width: 100%; float: none; overflow-x: auto; padding-top: 20px; }

.legacy-wb-body .kb-article-content { padding: 40px clamp(28px, 5vw, 72px) 54px; }
.kb-article-content .artTitle { width: 100%; float: none; margin: 0; padding: 0; color: var(--wb-ink); font-size: clamp(27px, 3vw, 38px); line-height: 1.3; letter-spacing: -.025em; }
.kb-article-content .artTime { width: 100%; float: none; margin: 13px 0 24px; padding: 0 0 18px; color: var(--wb-muted); border-bottom: 1px solid var(--wb-line); font-size: 12px; line-height: 2.2; }
.kb-article-content .artTime .label { color: var(--wb-brand-strong) !important; background: var(--wb-brand-soft); border: 1px solid #d5e8dc; border-radius: 999px; }
.kb-article-content .artTime .help { display: inline-flex; align-items: center; margin-bottom: 0; gap: 8px; line-height: 1; vertical-align: middle; }
.kb-article-content .artTime .btn-container { display: inline-flex !important; width: auto; height: auto; align-items: center; margin: 0; vertical-align: middle; }
.kb-article-content .artTime .btn-small {
    display: inline-flex;
    min-width: 48px;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    gap: 6px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1;
}
.kb-article-content .artTime .btn-small:hover { color: #333; background: #e6e6e6; border-color: #adadad; }
.kb-article-content .artTime .thumb { position: static; display: block; width: 16px !important; height: 16px !important; flex: 0 0 16px; margin: 0; transform: none; }
.kb-article-content .artTime .LC { display: inline-block; margin: 0; color: inherit; font-size: 13px; line-height: 1; }
.kb-article-content .artTime .hits { margin-top: 8px; }
.kb-article-content .art { width: 100%; float: none; padding: 0; color: #26332b; font-size: 16px; line-height: 1.9; }
.kb-article-content .art img { max-width: 100%; height: auto !important; }
.kb-article-content .art h2 { margin: 34px 0 13px; color: var(--wb-ink); font-size: 25px; line-height: 1.4; }
.kb-article-content .art h3 { margin: 27px 0 11px; color: var(--wb-ink); font-size: 20px; line-height: 1.45; }
.kb-article-content .art pre { max-width: 100%; overflow-x: auto; padding: 16px; background: #f7f9f8; border: 1px solid var(--wb-line); border-radius: 9px; }

@media (max-width: 1199px) {
    .kb-reader-layout { grid-template-columns: minmax(0, 1fr); }
    .legacy-wb-body .kb-content { grid-column: 1; }
    .kb-site-body > #footer,
    .kb-site-body > .legacy-footer,
    .kb-site-body.is-sidebar-collapsed > #footer,
    .kb-site-body.is-sidebar-collapsed > .legacy-footer { margin-left: 0 !important; }
    .legacy-wb-body .kb-catalog {
        position: fixed;
        z-index: 80;
        top: var(--wb-topbar-height);
        bottom: 0;
        left: 0;
        width: min(86vw, 340px);
        height: auto;
        max-height: none;
        min-height: 0;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 0 14px 14px 0;
        box-shadow: 18px 0 44px rgba(23, 33, 27, .16);
        transform: translateX(-105%);
        transition: transform .2s ease;
    }
    .kb-catalog-open .kb-catalog { transform: translateX(0); }
    .kb-document-loading::before { left: 0; }
    .kb-catalog-open { overflow: hidden; }
    .kb-catalog-mobile-toggle {
        display: inline-flex;
        width: max-content;
        min-height: 38px;
        align-items: center;
        padding: 0 13px;
        gap: 8px;
        color: var(--wb-brand-strong);
        background: #fff;
        border: 1px solid var(--wb-line);
        border-radius: 9px;
        box-shadow: var(--wb-shadow-sm);
        font-weight: 650;
        cursor: pointer;
    }
    .kb-catalog-backdrop { position: fixed; z-index: 70; top: var(--wb-topbar-height); right: 0; bottom: 0; left: 0; width: auto; padding: 0; background: rgba(20, 30, 24, .28); border: 0; }
    .kb-catalog-open .kb-catalog-backdrop { display: block; }
    .kb-desktop-only { display: none; }
    .kb-mobile-only { display: grid; }
}

@media (max-width: 959px) {
    .kb-site-body .legacy-topbar { display: flex; justify-content: space-between; }
}

@media (max-width: 699px) {
    .legacy-wb-body > .container1 { padding-right: 14px !important; padding-left: 14px !important; }
    .kb-reader-layout { gap: 12px; }
    .legacy-wb-body .kb-content { min-height: 500px; padding: 22px 17px 28px; border-radius: 0; }
    .legacy-wb-body .kb-article-content { padding: 27px 18px 36px; }
    .kb-content .artList li { grid-template-columns: 1fr auto; gap: 5px 10px; }
    .kb-content .artList li .board { grid-column: 1 / -1; }
    .kb-content .artList li .dt { white-space: nowrap; }
    .kb-article-content .artTime .help,
    .kb-article-content .artTime .hits { float: none; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .kb-catalog, .kb-tree-toggle span::before { transition: none; }
}