/* ===== 基础样式 ===== */
        .led-specs-container table {
            border-collapse: collapse;
            width: 76%; /* 电脑端默认宽度 */
            margin: 20px auto;
            background-color: #FFFFFF;
            table-layout: fixed; /* 固定布局，列宽按百分比分配 */
        }
        
        /* 电脑端标题样式 */
        .led-specs-container caption {
            font-family: 'Montserrat-Regular', sans-serif;
            font-size: 34px;
            font-weight: normal;
            color: #000000;
            padding: 0;
            margin-bottom: 0;
        }
        
        .led-specs-container caption div {
            padding: 20px 20px 20px 20px;
            border-bottom: 1px solid #e0e0e0;
        }
        
        /* 表格单元格样式 - 基础设置，所有屏幕共用 */
        .led-specs-container th, 
        .led-specs-container td {
            padding: 12px;
            border-bottom: 1px solid #e0e0e0;
            font-family: 'Open Sans', sans-serif;
            background-color: #FFFFFF;
            word-wrap: break-word;
            overflow-wrap: break-word;
            box-sizing: border-box; /* 确保padding不影响宽度计算 */
        }
        
        /* ===== 全局列宽设置 (适用于所有屏幕) ===== */
        /* 表头列宽度20% */
        .led-specs-container th {
            text-align: left;
            font-weight: normal;
            font-size: 16px;
            width: 20%; /* 表头固定20% */
        }
        
        /* 数据列均分剩余80% (3列，每列约26.667%) */
        .led-specs-container td {
            text-align: center;
            font-size: 16px;
            font-weight: normal;
            width: 16%; /* (100% - 20%) / 3 = 26.667% */
        }
        
        /* ===== 移动端样式 (≤768px) - 保留滚动 + 单行文本，列宽保持20%/26.667%不变 ===== */
        @media only screen and (max-width: 768px) {
            /* 1. 让容器产生横向滚动 */
            .led-specs-container {
                width: 100%;
                overflow-x: auto;              /* 横向滚动 */
                -webkit-overflow-scrolling: touch; /* 平滑滚动 */
                background-color: #FFFFFF;     /* 背景与表格一致 */
                margin: 0;
                padding: 0;
            }

            /* 2. 移动端表格调整：确保列宽比例不变，但表格宽度由内容撑开触发滚动 */
            .led-specs-container table {
                width: auto !important;         /* 取消固定宽度，让表格根据内容撑开 */
                min-width: 100%;                /* 至少填满容器，但内容更长时继续撑大 */
                margin: 10px auto;
                table-layout: fixed !important; /* 保持固定布局，确保列宽比例生效 */
                background-color: #FFFFFF;
            }
            
            /* 3. 标题样式保留原有移动端设置 */
            .led-specs-container caption {
                font-size: 20px !important;
            }
            .led-specs-container caption div {
                padding: 10px;
                border-bottom: 1px solid #e0e0e0;
            }
            
            /* 4. 移动端单元格：强制单行显示，但列宽保持20%/26.667%不变 */
            .led-specs-container th,
            .led-specs-container td {
                font-size: 14px;
                padding: 10px;
                border-bottom: 1px solid #e0e0e0;
                white-space: nowrap;            /* 强制一行显示，不换行 */
                overflow: visible;               /* 确保内容不被截断，滚动可见 */
                /* 列宽已在全局设置中定义，此处为确保覆盖，添加!important */
                width: 20% !important;           /* 表头列宽度20% */
                min-width: 0;                     /* 取消最小宽度限制，完全由比例决定 */
                word-break: keep-all;             /* 保持单词完整性 */
            }
            
            /* 数据列宽度26.667% */
            .led-specs-container td {
                width: 16% !important;       /* 确保数据列宽度正确 */
            }
            
            /* 5. 对齐方式保持不变 */
            .led-specs-container th {
                text-align: left;
            }
            .led-specs-container td {
                text-align: center;
            }

        }

        /* 电脑端文字正常换行（white-space默认normal），移动端已经设置为nowrap */
        /* 这样既保证两端列宽一致（表头20%/数据列26.667%），又满足移动端长文字单行滚动的需求 */