body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f9f9f9;
        }
        
        .table-container {
            max-width: 100%;
            overflow-x: auto;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            background-color: white;
        }
        
        .title {
            background-color: #f0f0f0;
            padding: 15px;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
            border: 1px solid #ddd;
            border-bottom: none;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed; /* 固定表格布局 */
        }
        
        th, td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
            height: 50px; /* 固定行高 */
            vertical-align: middle; /* 垂直居中 */
            word-wrap: break-word; /* 允许单词换行 */
        }
        
        th {
            background-color: #d3d3d3;
            font-weight: bold;
            text-align: center;
        }
        
        /* 固定列宽 */
        th:nth-child(1), td:nth-child(1) { width: 25%; }
        th:nth-child(2), td:nth-child(2) { width: 25%; }
        th:nth-child(3), td:nth-child(3) { width: 25%; }
        th:nth-child(4), td:nth-child(4) { width: 25%; }
        
        /* 交替行样式 */
        tr:nth-child(odd) {
            background-color: #f0f0f0;
        }
        
        tr:nth-child(even) {
            background-color: white;
        }
        
        /* 交替列样式 */
        td:nth-child(odd), th:nth-child(odd) {
            background-color: rgba(240, 240, 240, 0.7);
        }
        
        td:nth-child(even), th:nth-child(even) {
            background-color: rgba(255, 255, 255, 0.7);
        }
        
        /* 响应式设计 - 在小屏幕上堆叠显示 */
        @media screen and (max-width: 768px) {
            table {
                display: block;
            }
            
            thead, tbody, tr, th, td {
                display: block;
            }
            
            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
            
            tr {
                margin-bottom: 15px;
                border: 1px solid #ddd;
            }
            
            td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
                text-align: right;
                height: auto; /* 移动端自动高度 */
                width: 100% !important; /* 覆盖固定宽度 */
            }
            
            td:before {
                position: absolute;
                left: 15px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                content: attr(data-label);
                text-align: left;
                font-weight: bold;
            }
            
            /* 移除交替列样式 */
            td:nth-child(odd), td:nth-child(even) {
                background-color: inherit;
            }
            
            /* 保持交替行样式 */
            tr:nth-child(odd) {
                background-color: #f0f0f0;
            }
            
            tr:nth-child(even) {
                background-color: white;
            }
        }