.table-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    background: white;
    border-radius: 28px;
    box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.12);
    overflow-x: auto;
    transition: all 0.2s;
}

/* 核心表格 */
.specs-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    min-width: 580px;
    background-color: #ffffff;
}

/* 表头渐变 */
.specs-table thead tr {
    color: white;
}

.specs-table th {
    font-weight: 600;
    padding: 18px 16px;
    font-size: 1rem;
    letter-spacing: 0.3px;
    text-align: center;
    border-bottom: none;
    white-space: nowrap;
}

/* 通用单元格 */
.specs-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #e7edf4;
    vertical-align: top;
    line-height: 1.45;
    color: #1e2f3e;
}

/* 第一列（参数名称）特征 */
.specs-table td:first-child,
.specs-table th:first-child {
    background-color: #fafcff;
    font-weight: 650;
    border-right: 1px solid #e2eaf1;
    width: 30%;
}

/* 保证第一列宽度 30% (表头和数据行) */
.specs-table th:first-child {
    width: 30%;
}

/* 第三列 (VISS-UV) 宽度 30% —— 仅在完整四列布局的行中生效（表头 + 第五行） */
.specs-table td:nth-child(3),
.specs-table th:nth-child(3) {
    width: 30%;
}

/* 第二列和第四列自动分配剩余宽度 */
.specs-table td:nth-child(2),
.specs-table th:nth-child(2),
.specs-table td:nth-child(4),
.specs-table th:nth-child(4) {
    width: auto;
}

/* 文本换行处理 */
.specs-table td {
    word-break: break-word;
    white-space: normal;
}

/* 表头与单元格对齐 */
.specs-table th {
    text-align: center;
}

.specs-table td {
    text-align: left;
}

/* 空单元格优雅占位符（适用于第五行中 VISS-OIL 为空的情况） */
.specs-table td:empty::before {
    content: "—";
    color: #8ba0b5;
    font-weight: normal;
    opacity: 0.8;
}

.specs-table td:empty {
    text-align: center;
}

/* ========= 分割线：表头第三列右侧 + 第5行数据第三列右侧 ========= */
/* 表头第三列右侧添加分隔线 */

/* 数据行第5行（墨罐容量）的第三列右侧添加分割线 */
.specs-table tbody td:nth-child(3) {
    border-left: 2px solid #F2F2F2;
}

/* 斑马纹：一行灰色背景，一行白色背景 (间隔)
   表头固定深色，数据行从 tbody 第一行开始交替 */
.specs-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.specs-table tbody tr:nth-child(even) {
    background-color: #F2F2F2;
}

/* 让单元格背景透明以显示行的背景色 */
.specs-table tbody tr td {
    background-color: transparent;
}

/* 第一列保持与行背景协调（保留轻微区分，但不破坏斑马纹） */
.specs-table tbody tr:nth-child(even) td:first-child {
    background-color: #F2F2F2;
}

.specs-table tbody tr:nth-child(odd) td:first-child {
    background-color: #ffffff;
}


/* 圆角表头 */
.specs-table thead tr th:first-child {
    border-top-left-radius: 24px;
}

.specs-table thead tr th:last-child {
    border-top-right-radius: 24px;
}

/* 底部说明 */
.table-footer-note {
    padding: 16px 24px 20px 24px;
    background: #ffffff;
    border-top: 1px solid #e9f0f5;
    font-size: 0.8rem;
    color: #4a627a;
    border-radius: 0 0 28px 28px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.badge-tip {
    background: #eef3fc;
    padding: 4px 14px;
    border-radius: 40px;
    font-size: 0.75rem;
    font-weight: 500;
}

@media (max-width: 780px) {
    .specs-table th, .specs-table td {
        padding: 10px 12px;
        font-size: 0.85rem;
    }

    .table-wrapper {
        border-radius: 20px;
    }
}