.tablecontainer {
    position: absolute;
    margin: 20px;
    z-index: 1001;

}
.title-container {

    display: flex;
    align-items: center;
    background:rgba(2, 149, 255, 0.4);
    margin-bottom: 5px;
    font-size: 22px;
    border-radius: 10px;
    height:50px;
}
.title-logo {
    height: 40px;
    margin-right: 10px;
}
table {
    background: rgba(22, 3, 75, 0.5);
    border-collapse: collapse;
    border-collapse: separate; /* 必须改为separate才能显示圆角 */
    border-spacing: 0;         /* 消除单元格间距 */
    border-radius: 10px;       /* 主圆角 */
    overflow: hidden;          /* 关键：隐藏内部溢出部分 */
    position: relative;
    width: 500px;
    
    border: 1px solid white;
}
td {
    
    border: 1px solid white;
    padding: 1px;
    color: white;
    text-align: center;
}
.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 #ddd;
    color: white;
    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; /* 消除边框叠加 */
  }