.support-view-container[data-v-58bcd796] {
    background: #fff;
    width: 100%
}

.support-view-content-box[data-v-58bcd796] {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box
}

.support-view-detail-content[data-v-58bcd796] {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start
}

.support-view-content-left[data-v-58bcd796] {
    min-width: 400px;
    max-width: 540px;
    position: sticky;
    top: 80px;
    padding: calc(40 / 1200 *100%) calc(10 / 1200 *100%) calc(40 / 1200 *100%) calc(20 / 1200 *100%);
    width: 45%;
    border: 1px solid #DFDFDF;
    border-radius: 20px;
    flex-shrink: 0;
    transition: all .4s
}

.support-view-content-left.hide[data-v-58bcd796] {
    min-width: 40px;
    max-width: 40px;
    padding-left: 0;
    padding-right: 0
}

.support-expand-icon[data-v-58bcd796] {
    width: 40px;
    position: absolute;
    top: 10px;
    right: 0;
    color: #868686
}

.support-view-all-text[data-v-58bcd796] {
    color: #000;
    font-size: var(--fz20);
    font-weight: 700
}

.support-tree-box[data-v-58bcd796] {
    margin-top: 20px;
    max-height: 70vh
}

.support-tree-box.hide[data-v-58bcd796] {
    max-height: 0vh
}

[data-v-58bcd796] .support-tree-box .el-tree-node__content {
    margin-bottom: 10px;
    height: unset;
    font-size: var(--fz16);
    color: #000;
    font-weight: 400
}

[data-v-58bcd796] .support-tree-box .el-tree-node:focus>.el-tree-node__content {
    background: #def8ff
}

[data-v-58bcd796] .support-view-content-left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background: #def8ff
}

[data-v-58bcd796] .support-tree-box .el-icon {
    font-size: var(--fz24)
}

[data-v-58bcd796] .support-tree-box .el-tree-node__content:hover {
    background: #def8ff
}

.custom-tree-node[data-v-58bcd796] {
    display: flex;
    flex-direction: row
}

.support-node-text[data-v-58bcd796] {
    white-space: wrap
}

.leaf-node-box[data-v-58bcd796] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.support-view-content-right[data-v-58bcd796] {
    flex: 1
}

.support-active-classpath[data-v-58bcd796] {
    color: #cbcbcb;
    cursor: pointer
}

.support-active-title[data-v-58bcd796] {
    margin-top: 20px;
    font-weight: 700;
    font-size: var(--fz40);
    color: #000
}

.support-active-time[data-v-58bcd796] {
    color: #cbcbcb;
    margin-top: 20px
}

.support-active-content[data-v-58bcd796] {
    margin-top: 60px
}

.support-active-content[data-v-58bcd796] img {
    max-width: 100%
}

@media screen and (max-width:768px) {
    .support-view-content-box[data-v-58bcd796] {
        padding: 20px
    }

    .support-active-content[data-v-58bcd796] {
        margin-top: 40px
    }

    .support-view-nav[data-v-58bcd796] {
        background: #fff;
        height: 40px;
        display: flex;
        align-items: center
    }

    .support-view-detail-content[data-v-58bcd796] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0
    }

    .support-expand-icon[data-v-58bcd796] {
        position: unset
    }

    .support-tree-box[data-v-58bcd796] {
        background: #f3f3f7;
        max-height: 100vh;
        margin-top: 0
    }

    [data-v-58bcd796] .support-view-cate-box .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
        background: #def8ff
    }
}

/* 树节点折叠：未展开时隐藏子节点（用 CSS 控制，不依赖内联 display:none） */
[data-v-58bcd796] .support-tree-box .el-tree-node:not(.is-expanded)>.el-tree-node__children {
    display: none
}

.tree-drawer {
    width: 85% !important;
    background: #f3f3f7
}

/* 移动端：左侧树形面板显示为浮层抽屉 */
@media screen and (max-width:768px) {
  .support-view-content-left.show {
    display: block !important;
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    z-index: 999;
    box-shadow: 2px 0 12px rgba(0,0,0,.15);
    overflow-y: auto
  }
}