/* 表格容器 —— 仅用于添加阴影/圆角，不影响内部结构 */
        .table-wrapper {
            width: 100%;
            max-width: 1200px;
            background: #ffffff;
            border-radius: 20px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
            overflow: hidden;           /* 保证圆角裁边，但表格原样保留 */
			margin:auto;
			margin-bottom: 3rem;
            padding-bottom: 1rem;
        }
		.table-wrapper h1{
			padding:16px 20px;
		}

        /* 原始表格 —— 保持标签完全不变，只添加CSS样式 */
        table {
            width: 100%;
            border-collapse: collapse;
            background-color: #ffffff;
            font-size: 0.95rem;
            min-width: 300px;           /* 防止过小挤压 */
        }

        /* 表头与单元格基础样式 (完全未改动<tr>/<td>属性) */
        td {
            padding: 16px 20px;
            border-bottom: 1px solid #e9edf4;
            vertical-align: middle;
            color: #1a2639;
        }

        /* 第一列 (说明书名称) 保留原对齐 */
        td:first-child {
            font-weight: 500;
            color: #0b1e3a;
        }

        /* 第二列 (日期) 保留居中对齐 */
        td:nth-child(2) {
            color: #4a5568;
            white-space: nowrap;        /* 日期保持单行 */
        }

        /* 第三列 (下载) 保留居中对齐 */
        td:last-child {
            font-weight: 500;
        }

        /* 下载链接样式 (只美化，不改功能) */
        .downloadList {
            display: inline-block;
            background: #eef2f9;
            color: #1e3c72;
            padding: 6px 16px;
            border-radius: 30px;
            font-size: 0.9rem;
            font-weight: 500;
            text-decoration: none;
            transition: background 0.2s, color 0.2s;
            border: 1px solid transparent;
            white-space: nowrap;
        }

        .downloadList:hover {
            background: #1e3c72;
            color: white;
            border-color: #1e3c72;
            cursor: pointer;
        }

        /* 表格行 hover 效果 (可选) */
        tr:hover td {
            background-color: #fafcff;
        }

        /* 最后一行不要边框 (视觉舒适) */
        tr:last-child td {
            border-bottom: none;
        }

        /* ----------------- 响应式核心：只加CSS，变成卡片布局 ----------------- */
        @media screen and (max-width: 640px) {
            /* 让表格表现得像block */
            table, tbody, tr, td {
                display: block;
            }

            /* 隐藏表格的“列”概念，每行变成独立卡片 */
            tr {
                background: #ffffff;
                border-radius: 18px;
                margin-bottom: 16px;
                padding: 12px 16px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
                border: 1px solid #eaecf0;
                /* 保证tr占满宽度 */
                width: 100%;
                display: block;
            }

            /* 移除原有的行下边框，由卡片阴影替代 */
            td {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding: 10px 0;
                border-bottom: 1px dashed #dde3ed;
                border-bottom: none;      /* 我们手动用border模拟分割线 */
            }

            /* 给每个td加上底部边框，最后一个去掉 */
            td:not(:last-child) {
                border-bottom: 1px solid #edeff2;
            }

            /* 让第一列、第二列、第三列内容适应卡片 */
            td:first-child {
                font-weight: 600;
                font-size: 1rem;
                padding-top: 4px;
            }

            /* 在每个单元格前面添加伪元素作为“字段名” */
            td:nth-child(1)::before {
                content: "📄 文件名称";
                font-weight: 450;
                color: #5d6f88;
                width: 110px;
                flex-shrink: 0;
                font-size: 0.85rem;
                letter-spacing: 0.3px;
            }

            td:nth-child(2)::before {
                content: "📅 更新日期";
                font-weight: 450;
                color: #5d6f88;
                width: 110px;
                flex-shrink: 0;
                font-size: 0.85rem;
            }

            td:nth-child(3)::before {
                content: "🔗 下载链接";
                font-weight: 450;
                color: #5d6f88;
                width: 110px;
                flex-shrink: 0;
                font-size: 0.85rem;
            }

            /* 对齐日期内容（原表格居中对齐，卡片内居左但用flex空间） */
            td:nth-child(2) {
                justify-content: space-between;
                white-space: normal;      /* 允许换行，但日期短基本不换 */
            }

            /* 下载按钮在卡片右侧 */
            td:last-child {
                justify-content: space-between;
                padding-bottom: 6px;
            }

            /* 下载链接样式调整——适应卡片 */
            .downloadList {
                margin-left: auto;         /* 靠右 */ 
                background: #e3eaf3;
                padding: 6px 18px;
                font-size: 0.9rem;
            }

            /* 为了更干净，可以隐藏表格头？没有表头所以没问题 */
            /* 确保下载点击区域正常 */
            td:last-child a {
                text-align: right;
            }
        }

        /* 小屏极窄时调整字段宽度 */
        @media screen and (max-width: 420px) {
            td::before {
                width: 90px !important;
                font-size: 0.8rem !important;
            }
            td {
                font-size: 0.9rem;
                word-break: break-word;
            }
            .downloadList {
                padding: 4px 12px;
                font-size: 0.85rem;
            }
        }

        /* 保持原样, 不添加任何额外标记 */
        /* 为了让表格在宽屏下有呼吸空间, 添加一点左右内边距(不影响原有结构) */
        @media screen and (min-width: 641px) {
            td {
                padding: 16px 24px;
            }
        }

        /* 模拟原表格中的居中对齐 (下载列一直居中) 但在卡片里用flex替代了 */
        /* 没有改动任何HTML属性/标签, 只附加样式 */

        /* 处理点击下载弹窗——保留原有函数, 这里仅仅美化链接 */
        /* 为了视觉愉悦, 给链接增加手感和过渡 */
        a.downloadList {
            text-decoration: none;
        }