/* 新增容器定位和动画相关样式 */
.totalcontainer {
    position: fixed;
    left: 55%;
    top: 150%; /* 初始位置在画面外 */
    transform: translateX(-50%);
    padding: 10px;
    display: inline-block;
    
    width:60%;
    z-index: 1002;
    transition: top 0.5s ease-in-out; /* 添加过渡动画 */
}

/* 激活时显示在画面中央 */
.totalcontainer.active {
    top: 90%;
    transform: translate(-50%, -50%);
}

/* 隐藏时移动到下方 */
.totalcontainer.hide {
    top: 150%;
}

/* 保持原有表格样式 */
.table-style {
    border-collapse: collapse;
    width: 100%;
    height: 20%;
}

.header-row {
    background-color: darkblue;

}

.data-row {
    background-color: rgb(5, 111, 146);
}

.table-style td, .table-style th {
    border: 1px solid white;
    color: white;
    padding: 8px 12px;
    text-align: center;
    font-size: 20px;
}