table {
            width: 100%;
            border-collapse: collapse;
        }
        th {
            background-color: #D3D3D3;
            font-weight: bold;
            color: black;
            padding: 10px;
            text-align: left;
        }
        td {
            padding: 8px;
            border-bottom: 1px solid #302c2c;
        }        
        table a{
            color: #0070bc;
            text-decoration:underline;
        }
        table a:hover{
            color: #5d045d;
            text-decoration:underline;
        }
        /* 屏幕较小的情况下应用响应式布局 */
            @media (max-width: 768px) {
            table, thead, tbody, th, td, tr {
                display: block;
                width: 100%;
            }
            thead {
                display: none;
            }
            tr {
                margin-bottom: 10px;
                border: 1px solid #000; /* 为每一行添加外边框 */
            }
            td {
                position: relative;
                padding-left: 50%;
                border: 1px solid #000; /* 为每个单元格添加实线外边框 */
            }
            td:before {
                content: attr(data-label);
                position: absolute;
                left: 10px;
                top: 10px;
                font-weight: bold;
            }
        }