/* 全局样式 */
        body {
            font-family: 'Open Sans', sans-serif;
            margin: 0;
            padding: 0;
            color: #333;
            line-height: 1.5;
            text-align: center;
        }

        /* 标题样式 */
        .title {
            font-size: 2rem; /* 使用相对单位 */
            margin: 1rem 0; /* 上下外边距 */
        }

        /* 表格样式 */
        table {
            width: 90%; /* 默认宽度 */
            margin: 0 auto; /* 居中对齐 */
            border-collapse: collapse;
            font-size: 1rem; /* 默认字体大小 */
        }

        th, td {
            border: 1px solid #ddd;
            padding: 1rem; /* 增加内边距 */
            text-align: center;
        }

        /* 移动端优化 */
        @media (max-width: 768px) {
            table {
                width: 100%; /* 在移动端宽度适应屏幕 */
            }

            th, td {
                padding: 0.5rem; /* 移动端减少内边距 */
                font-size: 0.875rem; /* 移动端调整字体大小 */
            }

            .title {
                font-size: 1.5rem; /* 移动端调整标题字体大小 */
                margin: 0.5rem 0; /* 移动端调整外边距 */
            }
        }