/* =====================================================================
   zt-fix.css v1.0 — 专题页体验修正（在 site-a/site-b/iconfont 之后加载）
   1) 正文表格在深色背景上的可读性 + 美化
   2) 产品集放大镜样式（配合 /js/zt-zoom.js）
   3) 内容区图片与排版微调
   ===================================================================== */

/* ---------- 1. 表格：强制浅色底 + 深色字（覆盖 bgcolor 属性与深色区块背景） ---------- */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 18px 0 26px;
}
.table-responsive table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .22);
}
/* 普通单元格（含行首语义 th）：白底深字 */
.table-responsive table th,
.table-responsive table td {
    background-color: #fff;
    background-image: none;
    color: #1a2433 !important;
    border: 1px solid #d9dfe8;
    padding: 9px 13px;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.55;
    text-align: left;
}
/* 仅「第一行」作表头：品牌深蓝底 + 白字 */
.table-responsive table thead th,
.table-responsive table thead td,
.table-responsive table tr:first-child th,
.table-responsive table tr:first-child td,
.table-responsive table tr.firstRow th,
.table-responsive table tr.firstRow td {
    background-color: #0b2a55 !important;
    color: #fff !important;
    font-weight: 600;
    white-space: nowrap;
}
/* 首列（参数名）浅灰底加粗 */
.table-responsive table tbody th,
.table-responsive table tbody tr td:first-child,
.table-responsive table tbody tr th:first-child {
    font-weight: 600;
    background-color: #f7f9fc;
}
/* 隔行浅色，长表格易读 */
.table-responsive table tbody tr:nth-child(even) th,
.table-responsive table tbody tr:nth-child(even) td {
    background-color: #f2f6fb;
}
.table-responsive table tbody tr:nth-child(even) th:first-child,
.table-responsive table tbody tr:nth-child(even) td:first-child {
    background-color: #edf2f9;
}

/* ---------- 2. 放大镜 ---------- */
.spec-preview {
    position: relative;
    cursor: crosshair;
    overflow: hidden;
}
.zt-zoom-lens {
    position: absolute;
    display: none;
    border: 1px solid rgba(255, 255, 255, .9);
    background: rgba(255, 255, 255, .22);
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .18);
    pointer-events: none;
    z-index: 9;
}
.zt-zoom-window {
    position: absolute;
    display: none;
    overflow: hidden;
    border: 1px solid #d8dee8;
    border-radius: 4px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .38);
    background: #fff center center no-repeat;
    pointer-events: none;
    z-index: 998;
}

/* ---------- 3. 内容区排版微调 ---------- */
/* 内容图片不撑破容器（移动端尤甚） */
.ztxxdiv1nr img, .ztxxdiv2 img, .ztxxdiv3 img,
.ztxxdiv4 img, .ztxxdiv5 img, .ztxxdiv6 img,
.ztxxdiv7 img, .ztxxdiv8 img, .ztxxdiv9 img,
.ztxxdiv10 img, .ztxxdiv11 img {
    max-width: 100%;
    height: auto;
}
/* 正文段落行距与段距 */
.ztxxdiv2 p, .ztxxdiv3 p, .ztxxdiv4 p, .ztxxdiv5 p,
.ztxxdiv6 p, .ztxxdiv7 p, .ztxxdiv8 p, .ztxxdiv9 p,
.ztxxdiv10 p, .ztxxdiv11 p {
    line-height: 1.8;
    margin: 0 0 13px;
}
/* 正文小标题与上文留白，避免挤在一起 */
.ztxxdiv2 h2, .ztxxdiv3 h2, .ztxxdiv4 h2, .ztxxdiv5 h2,
.ztxxdiv6 h2, .ztxxdiv7 h2, .ztxxdiv8 h2, .ztxxdiv9 h2,
.ztxxdiv10 h2, .ztxxdiv11 h2 {
    margin-top: 34px;
}
.ztxxdiv2 h3, .ztxxdiv3 h3, .ztxxdiv4 h3, .ztxxdiv5 h3,
.ztxxdiv6 h3, .ztxxdiv7 h3, .ztxxdiv8 h3, .ztxxdiv9 h3,
.ztxxdiv10 h3, .ztxxdiv11 h3 {
    margin-top: 24px;
}
/* 列表行距 */
.ztxxdiv2 ul li, .ztxxdiv3 ul li, .ztxxdiv4 ul li, .ztxxdiv5 ul li,
.ztxxdiv6 ul li, .ztxxdiv7 ul li, .ztxxdiv8 ul li, .ztxxdiv9 ul li,
.ztxxdiv10 ul li, .ztxxdiv11 ul li {
    line-height: 1.8;
}