.table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-overflow-scrolling: touch; /* iOS 惯性滚动 */
}


table.modern-table {
    border-collapse: separate;
    border-spacing: 0;
    width: auto;        /* 从 100% 改为 auto */
    min-width: 100%;    /* 仍保证至少与容器等宽 */
    /* background-color: rgba(3,3,3,0.04); */
    font-family: SFMono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* 可选：移动端防止表头/单元格换行，列更清晰，但会更需要横向滚动 */
@media (max-width: 640px) {
    table.modern-table th,
    table.modern-table td {
        white-space: nowrap;
    }
}

/* 可选：滚动条美化（WebKit系浏览器） */
.table-wrapper::-webkit-scrollbar { height: 8px; }
.table-wrapper::-webkit-scrollbar-thumb { border-radius: 4px; background: var(--border-color); }
.table-wrapper::-webkit-scrollbar-track { background: transparent; }

table.modern-table thead {
    /*background-color: rgba(3, 3, 3, 0.09);*/
}

/* 统一单元格样式 */
table.modern-table th,
table.modern-table td {
    padding: 8px 15px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
}

table.modern-table th {
    font-weight: 600;
    color: var(--text-color);
    font-size: 19px;
    border-bottom: 2px solid #bbb;
}

table.modern-table tbody tr:last-child td {
    border-bottom: none;
}

table.modern-table tbody tr:hover {
    background-color: var(--table-hover-color);
    color: #333;
}