/* 自定义样式，增强 Tailwind CSS */
table {
    border-collapse: collapse;
}

th, td {
    border: 1px solid #ddd;
    text-align: left;
}

tr:hover {
    background-color: #f5f5f5;
}

button:hover {
    opacity: 0.9;
}

/* 响应式调整 */
@media (max-width: 640px) {
    table, thead, tbody, th, td, tr {
        display: block;
    }
    th {
        display: none;
    }
    td {
        display: flex;
        justify-content: space-between;
        padding: 8px;
    }
    td::before {
        content: attr(data-label);
        font-weight: bold;
    }
}