.over-max {
     display: none;
 }

 .over-max-show {
     display: list-item;
 }

 .tree-collapse {
     color: #384572;
     text-align: center;
 }

 .tree-collapse span {
     display: inline-block;
     cursor: pointer;
 }

 .tree-collapse span:nth-child(2) {
     display: none;
 }

 .tree-collapse span:nth-child(2) img {
     transform: rotate(180deg);
 }

 .tree-collapse.tree-hidden span:nth-child(2) {
     display: inline-block;
 }

 .tree-collapse.tree-hidden span:nth-child(1) {
     display: none;
 }

 /* 基本结构 */
 .tree {
     list-style: none;
     padding: 0;
     font-family: "microsoft yahei", SimHei, SimSun;
     font-size: 14px;

     max-width: 100%;
     /* 整棵树不超过容器宽度 */
     overflow-x: auto;
     /* 如果真溢出，允许滚动（保险措施） */
     box-sizing: border-box;
 }

 .tree ul {
     margin: 0;
     padding-left: 20px;
     /* 子级比父级缩进 */
 }

 .tree li {
     margin: 4px 0;
     padding: 0;
     /* 不再是 flex */
     font-size: 14px;
     color: #384572;
 }

 .tree-item {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     /* 关键：让内容在一行放不下时换行 */
     min-width: 0;
     /* 允许子项收缩，否则可能撑开容器 */
 }

 .tree-item input,
 .verTreeIcon {
     cursor: pointer;
 }

 .tree-item>i {
     margin-right: 4px;
 }

 .tree li .tree-label,
 .tree li .tree-alias {
     display: inline-block;
     vertical-align: middle;
 }

 /* checkbox 样式 */
 .tree input[type=checkbox] {
     position: relative;
     margin: 0 4px 0 0;
     vertical-align: middle;
     width: 16px;
     /* 默认约 16px，可以调整 */
     height: 16px;
     vertical-align: middle;
     appearance: none;
 }

 .tree input[type=checkbox]::after {
     position: absolute;
     border: 1px solid #B5BDD0;
     content: '';
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     box-sizing: border-box;
     background: white;
 }
 .tree input[type=checkbox]:not(:checked):hover:after {
    border-color: #1549C0;
 }
 .tree input[type=checkbox]:checked:hover:after {
     background-color: #F3F6FC;
     border: 1px solid #1549C0;
     background-image: url(../static/checked-icon-fill.svg);
 }

 .tree input[type=checkbox]:checked::after {
     border: 1px solid transparent;
     background-color: #1549C0;
     background-image: url(../static/checked-icon.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 10px 8px;
 }

 /* 折叠箭头图标 */
 .tree li>.toggle-icon {
     display: inline-block;
     width: 12px;
     height: 12px;
     margin-right: 4px;
     vertical-align: middle;
     background-size: contain;
     background-repeat: no-repeat;
     cursor: pointer;
 }

 /* 展开的状态箭头 */
 .tree li.expanded>.toggle-icon {
     background-image: url('path/to/arrow-down.png');
     /* 向下箭头图标 */
 }

 /* 折叠的状态箭头 */
 .tree li.collapsed>.toggle-icon {
     background-image: url('path/to/arrow-right.png');
     /* 向右箭头图标 */
 }

 /* 没有子节点时不显示箭头图标 */
 .tree li.no-children>.toggle-icon {
     visibility: hidden;
 }

 /* label 样式 */
 .tree-label {
     cursor: pointer;
     padding: 2px 4px;
     flex: 1;
 }


 /* 默认展开状态 */
 .tree li.initial-open>ul {
     display: block;
 }

 /* 折叠状态隐藏子列表 */
 .tree li.collapsed>ul {
     display: none;
 }

 /* 可选：样式间距调整 */
 .tree li>ul {
     margin-top: 2px;
 }

 .tree-label,
 .tree-num {
     white-space: normal;
     /* 允许换行 */
     word-break: break-word;
     /* 内容太长时断开 */
     min-width: 0;
     /* 防止 flex 元素把父容器撑开 */
 }

 .tree-label {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .tree-card {
     padding: 24px 16px;
     background: rgba(21, 73, 192, 0.05);
 }

 .tree-card-title {
     display: flex;
     cursor: pointer;
     align-items: center;
     justify-content: space-between;
     font-size: 18px;
     font-weight: 600;
     color: #384572;
 }

 .tree-card-title img {
     transition: all .3s ease-in;
 }

 .tree-card-title img:hover {
     background-color: #DAE4FA;
     border-radius: 4px;
 }

 .tree-card-title:not(.on) img {
     transform: rotate(-180deg);
 }

 .tree-card-select {
     /* margin-top: 12px; */
     margin-top: 8px;
     width: 100%;
 }