/* ========================================
   产品参数表格 - 固定10列，完全显露
   每列宽度固定为容器宽度的10%
   内容过长自动换行，永不滑动
   ======================================== */

/* ---------- 容器 ---------- */
.project-details-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
}

/* ---------- 表格：固定10列，平分宽度 ---------- */
.project-details-content table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;  /* 每列固定宽度 */
    border-collapse: collapse !important;
    margin: 0 !important;
    font-size: 11px !important;
}

/* ---------- 强制所有列宽为10% ---------- */
.project-details-content table colgroup col {
    width: 10% !important;
    min-width: 0 !important;
    max-width: 10% !important;
}

/* ---------- 所有单元格 ---------- */
.project-details-content table td,
.project-details-content table th {
    border: 1px solid #ccc !important;
    padding: 4px 5px !important;
    text-align: center !important;
    vertical-align: middle !important;
    background: #ffffff !important;
    white-space: normal !important;     /* 允许换行 */
    word-break: break-word !important;  /* 长单词强制换行 */
    font-size: inherit !important;
    line-height: 1.3 !important;
    width: 10% !important;
    min-width: 0 !important;
    max-width: 10% !important;
}

/* ---------- 第一列（参数名）左对齐 ---------- */
.project-details-content table td:first-child {
    text-align: left !important;
    font-weight: 500 !important;
    background: #fafcff !important;
}

/* ---------- 标题行 ---------- */
.project-details-content table tr:first-child td {
    background: #f1f5f9 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-align: center !important;
}

/* ---------- 第二行（表头） ---------- */
.project-details-content table tr:nth-child(2) td {
    background: #f8fafc !important;
    font-weight: 600 !important;
    font-size: 10px !important;
}

/* ---------- 备注行（colspan） ---------- */
.project-details-content table td[colspan] {
    text-align: left !important;
    background: #f8fafc !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
    white-space: normal !important;
    width: auto !important;  /* colspan合并后自动撑满 */
    max-width: none !important;
}

/* ---------- 空单元格 ---------- */
.project-details-content table td:empty::before {
    content: "/";
    color: #ccc;
}

/* ========================================
   移动端：等比例缩小
   ======================================== */

@media (max-width: 768px) {
    .project-details-content table {
        font-size: 9px !important;
    }
    .project-details-content table td,
    .project-details-content table th {
        padding: 2px 3px !important;
    }
    .project-details-content table tr:first-child td {
        font-size: 10px !important;
    }
    .project-details-content table tr:nth-child(2) td {
        font-size: 8px !important;
    }
    .project-details-content table td[colspan] {
        font-size: 8px !important;
        padding: 4px 6px !important;
    }
}

/* ---------- 超小屏 ---------- */
@media (max-width: 480px) {
    .project-details-content table {
        font-size: 7px !important;
    }
    .project-details-content table td,
    .project-details-content table th {
        padding: 1px 2px !important;
    }
    .project-details-content table tr:first-child td {
        font-size: 8px !important;
    }
    .project-details-content table tr:nth-child(2) td {
        font-size: 6px !important;
    }
    .project-details-content table td[colspan] {
        font-size: 7px !important;
        padding: 3px 4px !important;
    }
}

/* ---------- 极端小屏 ---------- */
@media (max-width: 360px) {
    .project-details-content table {
        font-size: 6px !important;
    }
    .project-details-content table td,
    .project-details-content table th {
        padding: 1px 1px !important;
    }
}