/* ========== 服务列表整体容器拉宽 ========== */
.services-page .container,
.services-text-block {
    max-width: 1800px;
    width: 98%;
}

/* ========== 先清掉之前冲突的列宽和nowrap ========== */
#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;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* ========== 表格基础 ========== */
#service-table {
    width: 100%;
    border-collapse: collapse;
}

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

/* ========== 表头不换行，但给足够空间 ========== */
#service-table thead th {
    background: #fafafa;
    font-weight: 600;
    white-space: nowrap;
}

/* ========== 分类行 ========== */
#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.service-name,
#service-table th.width-service-name {
    min-width: 180px;
    max-width: 360px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.45;
}

/* ========== 数字列：费率、最小、最大，保持单行 ========== */
#service-table td:nth-child(3),
#service-table th:nth-child(3),
#service-table td:nth-child(4),
#service-table th:nth-child(4),
#service-table td:nth-child(5),
#service-table th:nth-child(5) {
    width: 110px;
    min-width: 110px;
    max-width: 140px;
    white-space: nowrap;
}

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

/* ========== 描述列：宽一些，图片自适应 ========== */
#service-table td.service-description,
#service-table th.service-description__th {
    width: 38%;
    min-width: 320px;
    max-width: 560px;
    white-space: normal;
    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;
}