.vertical-container {
    /* 定位设置 */
    position: fixed; /* 或 absolute 根据布局需求选择 */
    top: 100px;      /* 距顶部距离 */
    left: 0;         /* 左侧对齐 */
    /* 尺寸控制 */
    width: 30vw;     /* 视口宽度的25% */
    height: calc(100vh - 100px); /* 总高度减去顶部间距 */
    /* 布局设置 */
    display: flex;
    flex-direction: column;
    gap: 1px;
    z-index: 1000;
    overflow-x: hidden; /* 关键：隐藏溢出内容 */
    overflow-y: auto; /* 关键：隐藏溢出内容 */
    background: rgba(0,0,0,0.3);

}
/* 滚动条美化 */
.vertical-container::-webkit-scrollbar {
    width: 6px;
    background: rgba(0,0,0,0.2);
}
.vertical-container::-webkit-scrollbar-thumb {
    background: #00ffff;
    border-radius: 3px;
}



.horizon-container {
    /* 定位设置 */
    position: fixed; /* 或 absolute 根据布局需求选择 */
    top: 100px;      /* 距顶部距离 */
    left: 70.15vw;         /* 左侧对齐 */
    /* 尺寸控制 */
    width: 29.8vw;     /* 视口宽度的25% */
    height: calc(100vh - 100px); /* 总高度减去顶部间距 */
    /* 布局设置 */
    display: none;
    flex-direction: column;
    gap: 1px;
    justify-content: flex-start; /* 强制左对齐 */
    align-items: flex-start;    /* 顶部对齐 */
    z-index: 1000;
    overflow-x: hidden; /* 关键：隐藏溢出内容 */
    overflow-y: auto; /* 关键：隐藏溢出内容 */
    background: rgba(0,0,0,0.3);
}
/* 滚动条美化 */
.horizon-container::-webkit-scrollbar {
    width: 6px;
    background: rgba(0,0,0,0.2);
}
.horizon-container::-webkit-scrollbar-thumb {
    background: #00ffff;
    border-radius: 3px;
}


.tablecontainer {
    width: 100%;
    margin: 0px;
    z-index: 1001;
    flex: 0 0 auto; /* 禁止伸缩 */
    background: rgba(0,0,0,0.3);
    /*display: none;*/
    
}
.title-container {
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: rgba(3,21,24,1);
    margin-bottom: 1px;
    font-size: 14px;
    border-radius: 0px;
    height:40px;
    font-family: 微软雅黑;
    color: white;
}
.title-container:hover {
    background-color:rgba(0, 65, 112, 0.7);
}
.title-logo {
    height: 40px;
    margin-right: 10px;
}
table {
    background-color: rgba(3,21,24,0.6);
    border-collapse: collapse;
    border-spacing: 0;         /* 消除单元格间距 */
    table-layout: fixed;
    overflow: hidden;          /* 关键：隐藏内部溢出部分 */
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(255, 255, 255, 0.6);

}
td {
    
    border: 1px solid white;
    padding: 7px;
    color: white;
    text-align: center;
    font-family: 微软雅黑;
    font-size:14;
    height:20px;
}
.corner-logo {
    position: absolute;
    left: 5;
    top: 55;
    transform: translate(-50%, -40%);
    width: 50px;
    height: 50px;
    z-index: 1002;
}

.split-cell {
    flex: 1;  /* 均分剩余空间 */
    min-width: 60px; /* 最小宽度限制 */
    padding: 0px 0px;
    background: rgba(22, 3, 75, 0.0);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: white;
    font-family: 微软雅黑;
    word-break: break-word; /* 允许内容换行 */
    white-space: normal; /* 覆盖默认nowrap */
    box-sizing: border-box; /* 包含边框在宽度内 */
  }
  .split-wrapper {
    display: flex;
    width: 100%; /* 充满父容器 */
    flex-wrap: nowrap; /* 禁止换行 */
    gap: 0; /* 去除间隔 */
    margin: -1px; /* 消除边框叠加 */
  }
  

 .toggle-content {
    margin-top: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
 .toggle-content.collapsed {
    max-height: 0;
}