/* ========== 先重置之前冲突样式 ========== */
#service-table,
#service-table col,
#service-table colgroup,
#service-table tr,
#service-table th,
#service-table td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    table-layout: auto !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* ========== 页面整体宽度 ========== */
.services-page .container,
.services-text-block {
    max-width: 1800px;
    width: 98%;
}

#service-table {
    width: 100%;
    border-collapse: collapse;
}

#service-table th,
#service-table td {
    padding: 10px 12px;
    vertical-align: top;
    text-align: left !important;
}

/* ========== 表头【重点】表头文字禁止换行 white-space:nowrap ========== */
#service-table thead th {
    background: #fafafa;
    font-weight: 600;
    white-space: nowrap !important; /* 表头强制不换行，解决最小订购数/平均时间分行 */
}

/* ========== 分类行（服务分组标题行） ========== */
#service-table tbody tr td[colspan] {
    background: #f7f7f7;
    font-weight: 600;
    padding: 10px 12px;
}

/* ========== 收藏星标列 ========== */
#service-table td:first-child,
#service-table th:first-child {
    width: 44px;
    min-width: 44px;
    max-width: 54px;
    text-align: center;
    white-space: nowrap;
}

/* ========== ID列 ========== */
#service-table td:nth-child(2),
#service-table th:nth-child(2) {
    width: 70px;
    min-width: 70px;
    max-width: 90px;
    white-space: nowrap;
}

/* ========== 服务名称列（内容允许自动换行） ========== */
#service-table td:nth-child(3),
#service-table th:nth-child(3) {
    min-width: 180px;
    max-width: 380px;
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.45;
}

/* ========== 每1000费率、最小订购数、最大订购数列 ========== */
#service-table td:nth-child(4),
#service-table th:nth-child(4),
#service-table td:nth-child(5),
#service-table th:nth-child(5),
#service-table td:nth-child(6),
#service-table th:nth-child(6) {
    width: 110px;
    min-width: 110px;
    max-width: 140px;
    white-space: nowrap;
}

/* ========== 平均时间列 ========== */
#service-table td:nth-child(7),
#service-table th:nth-child(7) {
    width: 140px;
    min-width: 140px;
    max-width: 170px;
    white-space: normal;
}

/* ========== 描述列 ========== */
#service-table td:nth-child(8),
#service-table th:nth-child(8) {
    width: 40%;
    min-width: 300px;
    max-width: 560px;
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    vertical-align: top;
}

.service-description img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ========== 移动端描述行 ========== */
.service-description-row td {
    background: #f8f8f8;
    padding: 12px 14px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* ========== 底部说明区域 ========== */
.services-text-block .well {
    width: 100%;
    padding: 24px;
}